feat: Rework footer to be simpler

assets/styles/millironx.css

@@ -121,6 +121,16 @@ blockquote small {
   font-size: 80%;
 }
 
+footer {
+  background-color: light-dark(lightgray, dimgray);
+  margin: 0 0 -1em -1em;
+  width: calc(100% - 1em);
+  padding: 0.25em 1.25em;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
 /*
   Container-type helper classes
 */

layouts/_default/baseof.html

@@ -31,57 +31,21 @@
         {{ end }}
       </main>
     </div>
-    <footer class="fixed-bottom">
+    <footer>
-      <div class="container-fluid footer-contents">
-        <div class="row justify-content-between">
-          <div class="col-3 align-self-center">
       {{ $brandedbull := resources.Get "graphics/brandedbull.svg" }}
       {{ $brandedbullsmall := $brandedbull | resources.Minify }}
       <img src="{{ $brandedbullsmall.RelPermalink }}" height="95rem" />
-          </div>
+
-          <div class="col-3 align-self-center">
+      <p>
-            <div
+        &copy; {{ .Date | time.Format "2006" }} Thomas A. Christensen II
-              class="btn-group float-end"
+        <br />
-              role="group"
+        Licensed
-              aria-label="Other Milliron X sites"
+        <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
+          >CC-BY 4.0</a
         >
-              <a
+        <br />
-                class="btn btn-outline-primary btn-sm"
+        Built with <a href="https://gohugo.io">Hugo</a> v{{ hugo.Version }}
-                href="https://video.millironx.com/"
+      </p>
-                data-bs-toggle="tooltip"
-                title="Video (Peertube)"
-              >
-                <i class="fax fa-peertube fa-fw"></i>
-              </a>
-              <a
-                class="btn btn-outline-primary btn-sm"
-                href="https://code.millironx.com/"
-                data-bs-toggle="tooltip"
-                title="Code (Gitea)"
-              >
-                <i class="fax fa-gitea fa-fw"></i>
-              </a>
-              <a
-                class="btn btn-outline-primary btn-sm"
-                href="https://nextcloud.millironx.com/"
-                data-bs-toggle="tooltip"
-                title="Files (Nextcloud)"
-              >
-                <i class="fax fa-nextcloud fa-fw"></i>
-              </a>
-              <button
-                type="button"
-                class="btn btn-outline-primary btn-sm"
-                data-bs-toggle="modal"
-                data-bs-target="#extras-modal"
-                title="Extras"
-              >
-                <i class="fad fa-cowbell fa-fw"></i>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
     </footer>
 
     <!-- Font Awesome -->
@@ -100,7 +64,5 @@
       async
       src="//gc.zgo.at/count.js"
     ></script>
-
-    {{ partial "extras-modal" . }}
   </body>
 </html>