M static/style.css → static/style.css

@@ -28,7 +28,7 @@ padding: 0;
   margin: 0;
 }
 
-main {
+main, footer {
   font-family: -apple-system, BlinkMacSystemFont, "Inter", "Roboto", "Segoe UI", sans-serif;
   font-size: 1rem;
   padding: 0;
@@ -64,11 +64,11 @@ text-decoration: none;
   background: unset !important;
 }
 
-.footer a {
+.footimgs a {
   all: unset !important;
 }
 
-.footer img {
+.footimgs img {
   max-height: 2.5rem;
   max-width: 2.5rem;
   display: inline-block;
@@ -94,6 +94,21 @@
 a:hover {
   text-decoration: underline;
   background: var(--medium-gray);
+}
+
+.credits span {
+  vertical-align: bottom;
+  display: inline-block;
+  transform: translate(100%, 50%);
+}
+
+.credits a {
+  color: var(--darker);
+  text-decoration: underline;
+}
+
+.footer {
+  column-count: 2;
 }
 
 body {
@@ -296,6 +311,13 @@ padding-bottom: 2rem;
 }
 
 @media (max-width: 385px) {
+  .footer {
+    column-count: 1;
+  }
+
+  .credits span {
+    transform: unset;
+  }
   table, thead, tbody, th, td, tr { 
     display: block; 
   }

M templates/partials/footer.html → templates/partials/footer.html

@@ -1,17 +1,26 @@
-<section class="footer">
-  <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
-    <img alt="cc nc-by-sa" src="/static/cc.svg">
-  </a>
-  <a href="https://webring.xxiivv.com/#random" target="_blank">
-    <img alt="xxiivv webring" src="/static/webring.svg">
-  </a>
-  <a href="/blog/feed.xml" >
-    <img alt="rss feed" src="/static/rss.svg" width="30">
-  </a>
-  <a href="https://git.icyphox.sh">
-    <img alt="git" src="/static/git.svg" width="35">
-  </a>
-  <a href="https://h.icyphox.sh/u/icy">
-    <img alt="fedi" src="/static/honk.svg" width="35">
-  </a>
-</section>
+<div class="footer">
+  <section class="footimgs">
+    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
+      <img alt="cc nc-by-sa" src="/static/cc.svg">
+    </a>
+    <a href="https://webring.xxiivv.com/#random" target="_blank">
+      <img alt="xxiivv webring" src="/static/webring.svg">
+    </a>
+    <a href="/blog/feed.xml" >
+      <img alt="rss feed" src="/static/rss.svg" width="30">
+    </a>
+    <a href="https://git.icyphox.sh">
+      <img alt="git" src="/static/git.svg" width="35">
+    </a>
+    <a href="https://h.icyphox.sh/u/icy">
+      <img alt="fedi" src="/static/honk.svg" width="35">
+    </a>
+
+  </section>
+  <section class="credits">
+    <span><em><small>
+      <a href="https://openbsd.org">OpenBSD</a> ·
+      <a href="https://man.openbsd.org/httpd.8">httpd(8)</a>
+    </small></em></span>
+  </section>
+</div>