From ef38c43ad0b9bc565108602acb13e8a5394d4b0d Mon Sep 17 00:00:00 2001
From: Ayo <ayo@ayco.io>
Date: Sat, 21 Jun 2025 10:46:50 +0200
Subject: [PATCH] style: move footer out of main section; put spacing rules on
 Layout

---
 src/components/Footer.astro |  2 --
 src/layouts/Layout.astro    | 10 +++++++---
 src/pages/index.astro       |  2 +-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index af4d102..8f768d9 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -57,8 +57,6 @@ const year = new Date().getFullYear()
 
 <style>
   footer {
-    padding: 0;
-
     display: grid;
     gap: 1em;
     grid-auto-flow: row;
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index e646796..e5c6d63 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -54,10 +54,11 @@ const { title, description, ogImage } = Astro.props
     </style>
 
     <style is:global>
-      main {
+      main,
+      footer {
         margin: auto;
         max-width: var(--content-width);
-        padding: 1em;
+        padding: 1em 1em 0;
       }
 
       h1 {
@@ -107,7 +108,10 @@ const { title, description, ogImage } = Astro.props
       }
     </style>
     <!-- Anonymous RUM for web perf by Cloudflare Web Analytics -->
-    <script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "a39ad600e67a4db8960c639d2552435c"}'></script>
+    <script
+      defer
+      src="https://static.cloudflareinsights.com/beacon.min.js"
+      data-cf-beacon='{"token": "a39ad600e67a4db8960c639d2552435c"}'></script>
     <!-- End Cloudflare Web Analytics -->
   </body>
 </html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c6db0e8..5012478 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -60,8 +60,8 @@ import now from '../constants/now.json'
         />
       </ul>
     </section>
-    <Footer />
   </main>
+  <Footer />
 </Layout>
 
 <style>