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>