davideisinger.com

commit e7db6c7f7d5868fcfad8f17c7327d86a5bcf614e
parent afe581b20c1c71656c1692f2543e4ebd098d75df
Author: David Eisinger <[email protected]>
Date:   Thu,  7 Mar 2024 09:17:25 -0500

Mobile footer

Diffstat:
M
themes/v2/assets/css/style.scss
 | 
14
++++++++++++++
M
themes/v2/layouts/partials/footer.html
 | 
22
++++++++++++++--------

2 files changed, 28 insertions(+), 8 deletions(-)
diff --git a/themes/v2/assets/css/style.scss b/themes/v2/assets/css/style.scss
@@ -84,6 +84,20 @@ footer {
   }
 }
 
+@media only screen and (max-width: 600px) {
+  footer {
+    text-align: left;
+
+    a {
+      display: block;
+    }
+
+    .mobile-hidden {
+      display: none;
+    }
+  }
+}
+
 sup {
   line-height: 0;
   font-size: 0.8em;
diff --git a/themes/v2/layouts/partials/footer.html b/themes/v2/layouts/partials/footer.html
@@ -1,14 +1,20 @@
 <footer>
   <hr>
 
-  <a href="https://dispatch.davideisinger.com/subscription/form">Subscribe via email</a> •
-  <a href="/index.xml">Feed</a> •
-  <a href="/about/#contact">Contact</a><br>
+  <div>
+    <a href="https://dispatch.davideisinger.com/subscription/form">Subscribe via email</a> 
+    <span class="mobile-hidden">•</span>
+    <a href="/index.xml">Feed</a>
+    <span class="mobile-hidden">•</span>
+    <a href="/about/#contact">Contact</a>
+  </div>
 
-  Rendered {{ now | dateFormat "2006-01-02 15:04:05 MST" }}
-  {{ with site.Params.git.last_commit }}
-    • <a href="https://github.com/dce/davideisinger.com/commit/{{ .hash }}">{{ substr .hash 0 7}}</a>
-  {{ end }}<br>
+  <div class="mobile-hidden">
+    Rendered {{ now | dateFormat "2006-01-02 15:04:05 MST" }}
+    {{ with site.Params.git.last_commit }}
+      • <a href="https://github.com/dce/davideisinger.com/commit/{{ .hash }}">{{ substr .hash 0 7}}</a>
+    {{ end }}
+  </div>
 
-  Copyright &copy; {{ now.Format "2006" }} David Eisinger
+  <span class="mobile-hidden">Copyright</span> &copy; {{ now.Format "2006" }} David Eisinger
 </footer>