From 24f76ace4a4f47de7ca7b3f3070ab02da53fe0d6 Mon Sep 17 00:00:00 2001
From: notohh <github@notohh.dev>
Date: Mon, 27 Jan 2025 16:59:58 -0500
Subject: [PATCH] src: add nav bar and error page
---
src/routes/+error.svelte | 2 +-
src/routes/+layout.svelte | 12 ++++++++++++
src/routes/about/+page.svelte | 5 +++++
3 files changed, 18 insertions(+), 1 deletion(-)
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>