Add credit footer

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>
-  <header>
-    <h2>Links</h2>
-    <nav>
+  <nav>
+    <header>
+      <h2>Links</h2>
       <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>
+    </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;"));