Add static error pages

src/pages/404.astro

@@ -0,0 +1,16 @@
+---
+export const prerender = true
+
+import BaseLayout from '../layouts/base.astro'
+---
+
+<BaseLayout>
+  <div class='flex flex-1 flex-col bg-soc-green-dark py-6'>
+    <div class='text-md` text-center'>
+      <a class='text-blue-500 underline' href='https://twitter.com/i/status/1890946922908721317'>Boat Goes Binted</a>
+    </div>
+    <video class='mt-4' controls autoplay style={{ height: '350px', width: 'auto' }}>
+      <source src='/public/video/boat-goes-binted.mp4' type='video/mp4' />
+    </video>
+  </div>
+</BaseLayout>

src/pages/500.astro

@@ -0,0 +1,15 @@
+---
+export const prerender = true
+import { Image } from 'astro:assets'
+
+import BaseLayout from '../layouts/base.astro'
+
+import GuraGif from '../img/assets/doggo-thumbs-up.gif'
+---
+
+<BaseLayout>
+  <div class='flex flex-1 flex-col bg-soc-green-dark py-6'>
+    <div class='text-md` text-center'>Something went wrong.... yubi yubi</div>
+    <Image src={GuraGif} alt='Gawr Gura roomba' class='size-80 mx-auto mt-4' />
+  </div>
+</BaseLayout>

src/pages/maintenance.astro

@@ -0,0 +1,20 @@
+---
+export const prerender = true
+import { Image } from 'astro:assets'
+
+import BaseLayout from '../layouts/base.astro'
+
+import GuraGif from '../img/assets/doggo-thumbs-up.gif'
+import discord from 'img/socials/discord.png'
+---
+
+<BaseLayout>
+  <div class='flex flex-1 flex-col bg-soc-green-dark py-6'>
+    <div class='text-md` text-center'>
+      We got our best dogs improving the site. Join <a class='text-blue-600 underline' href='https://discord.gg/x23SFbE'
+        >our Discord Server</a
+      > for updates
+    </div>
+    <Image src={GuraGif} alt='Gawr Gura roomba' class='size-80 mx-auto mt-4' />
+  </div>
+</BaseLayout>

tailwind.config.mjs

@@ -12,6 +12,7 @@ export default {
         gray: '#3f3f3f',
         'gray-hover': '#4f4f4f',
         'soc-green': '#4b7667',
+        'soc-green-dark': 'rgba(17, 17, 17, 0.7)',
         'hover-link': '#00d4ff'
       }
     }