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