From 01f97682a1fb55c9ddb26da5252bf0df3a2cb5cc Mon Sep 17 00:00:00 2001
From: mat ess <mat@mat.services>
Date: Sat, 28 Jan 2023 14:09:53 -0500
Subject: [PATCH] Stack footer on mobile

---
 sass/style/main.scss           | 17 +++++++++++------
 templates/partials/footer.html |  6 +++---
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/sass/style/main.scss b/sass/style/main.scss
index b5bf853..6acb7f3 100644
--- a/sass/style/main.scss
+++ b/sass/style/main.scss
@@ -97,14 +97,19 @@ footer {
   margin: 2em;
   color: var(--text-1);
   font-size: 0.75em;
-  display: flex;
+}
 
-  #site-info {
-    flex: 1 0;
-  }
+@media (min-width: 500px) {
+  footer {
+    display: flex;
 
-  #copyright {
-    align-items: flex-end;
+    #site-info {
+      flex: 1 0;
+    }
+
+    #copyright {
+      align-items: flex-end;
+    }
   }
 }
 
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index e92dc20..189b085 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -3,14 +3,14 @@
     <p id="powered-by">
       powered by <a href="https://getzola.org" target="_blank" rel="noopener noreferral">zola</a> + <a href="https://github.com/not-matthias/apollo" target="_blank" rel="noopener noreferral">apollo</a>
       and
-      <a href="https://nixos.org" target="_blank" rel="noopener noreferral">nix</a>.
+      <a href="https://nixos.org" target="_blank" rel="noopener noreferral">nix</a>
     </p>
     <p id="privacy-note">
-      <a href="/privacy">privacy notice</a>.
+      <a href="/privacy">privacy notice</a>
     </p>
   </div>
   <p id="copyright">
-    &copy; 2022-2023 mat ess.
+    &copy; 2022-2023 mat ess
   </p>
   <script data-goatcounter="https://stats.mat.services/count" async src="//stats.mat.services/count.js" crossorigin integrity="sha256-a8rh6u3maZ6JiY6w6zsLlw9OUQf2tFPUX3t1/BV+RKc="></script>
   <noscript>