Add credit footer
This commit is contained in:
parent
9009660b15
commit
e111c2c7b3
45
index.html
45
index.html
|
@ -28,30 +28,21 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
nav {
|
||||||
background-color: #232323;
|
background-color: #232323;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav a,
|
nav a,
|
||||||
nav a:visited {
|
nav a:visited {
|
||||||
color: #e5e5e5;
|
color: #e5e5e5;
|
||||||
display: block;
|
|
||||||
font-size: 20px;
|
|
||||||
font-weight: 600;
|
|
||||||
padding: 2px 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a:focus,
|
nav a:focus,
|
||||||
|
@ -61,6 +52,23 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header a {
|
||||||
|
display: block;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer p {
|
||||||
|
max-width: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 500px;
|
min-width: 500px;
|
||||||
|
@ -331,9 +339,9 @@
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<header>
|
<nav>
|
||||||
<h2>Links</h2>
|
<header>
|
||||||
<nav>
|
<h2>Links</h2>
|
||||||
<ul class="main-content">
|
<ul class="main-content">
|
||||||
<li><a href="https://git.asonix.dog/asonix" target="_blank">Software</a></li>
|
<li><a href="https://git.asonix.dog/asonix" target="_blank">Software</a></li>
|
||||||
<li><a href="https://masto.asonix.dog/@asonix" rel="me" target="_blank">Mastodon</a></li>
|
<li><a href="https://masto.asonix.dog/@asonix" rel="me" target="_blank">Mastodon</a></li>
|
||||||
|
@ -344,8 +352,13 @@
|
||||||
<ul class="web-environment-integrity-message">
|
<ul class="web-environment-integrity-message">
|
||||||
<li><a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a></li>
|
<li><a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</header>
|
||||||
</header>
|
<footer>
|
||||||
|
<p>
|
||||||
|
favicon by <a href="https://weirder.earth/@dzuk" target="_blank">dzuk</a>. background image by a local friend.
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</nav>
|
||||||
<script>
|
<script>
|
||||||
if (navigator.getEnvironmentIntegrity !== undefined) {
|
if (navigator.getEnvironmentIntegrity !== undefined) {
|
||||||
document.querySelectorAll('.web-environment-integrity-message').forEach((elem) => elem.setAttribute("style", "display: block;"));
|
document.querySelectorAll('.web-environment-integrity-message').forEach((elem) => elem.setAttribute("style", "display: block;"));
|
||||||
|
|
Loading…
Reference in a new issue