From 68a8c0e7c78e918ee36171484c21607b87a0d34e Mon Sep 17 00:00:00 2001
From: galenwinsor <galen_winsor@brown.edu>
Date: Fri, 28 Jun 2024 17:34:52 -0400
Subject: [PATCH] feat: 404 page and footer always at bottom

---
 src/layouts/Layout.astro | 26 ++++++++++++++------------
 src/pages/404.astro      |  7 +++++++
 src/styles/global.css    |  5 +++++
 3 files changed, 26 insertions(+), 12 deletions(-)
 create mode 100644 src/pages/404.astro
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index b32ad9d..623197e 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -19,18 +19,20 @@ const { title, description } = Astro.props
   </head>
 
   <body>
-    <Header />
-    <main>
-      <article>
-        <div>
-          <div class="space-y-3 pb-6">
-            <h1>{title}</h1>
+    <div class="flex flex-col h-full">
+      <Header />
+      <main class="grow">
+        <article>
+          <div>
+            <div class="space-y-3 pb-6">
+              <h1>{title}</h1>
+            </div>
+            <HeaderDivider />
+            <slot />
           </div>
-          <HeaderDivider />
-          <slot />
-        </div>
-      </article>
-    </main>
-    <Footer />
+        </article>
+      </main>
+      <Footer />
+    </div>
   </body>
 </html>
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..d019bb9
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,7 @@
+---
+import Layout from "../layouts/Layout.astro"
+---
+
+<Layout title="Not found" description="">
+  <p>Whoops! Looks like that page doesn't exist!</p>
+</Layout>
diff --git a/src/styles/global.css b/src/styles/global.css
index e49004e..7dc3f53 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -11,6 +11,11 @@
     @apply text-neutral-700;
   }
 
+  html,
+  body {
+    @apply h-full;
+  }
+
   body {
     @apply grid;
     @apply bg-neutral-50;
