diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 265b46a..dd43bd6 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -6,6 +6,6 @@
 <div
   class="font-display flex flex-col items-center justify-center h-screen bg-eerie-black text-floral-white"
 >
-  <img src={fdm} alt="feelsdankman" />
+  <img class="mb-4" src={fdm} alt="feelsdankman" />
   <h1>{page.status}: {page.error?.message}</h1>
 </div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 881d2ba..319eedf 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,4 +2,16 @@
   import "../app.css";
 </script>
 
+<div
+  class="font-display flex items-center h-10 justify-center bg-eerie-black text-floral-white"
+>
+  <nav class="space-x-4">
+    <a href="/" class="hover:text-timber-wolf">home</a>
+    <a href="/about" class="hover:text-timber-wolf">about</a>
+    <a href="https://status.flake.sh/status/kumo" class="hover:text-timber-wolf"
+      >status</a
+    >
+  </nav>
+</div>
+
 <slot />
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index e69de29..c19c296 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -0,0 +1,5 @@
+<div
+  class="font-display flex flex-col items-center justify-center h-screen bg-eerie-black text-floral-white"
+>
+  <h1>nothing here yet lol</h1>
+</div>