From 322e0c63b923e4caa06d48c74ece578043980bdb Mon Sep 17 00:00:00 2001
From: June <self@breadone.net>
Date: Thu, 13 Nov 2025 19:15:20 +1300
Subject: [PATCH] refactor navbar

---
 web/src/components/index/navbar.astro |  6 +++++
 web/src/pages/index.astro             |  9 ++-----
 web/src/styles/global.css             | 36 +++++++++++++++++----------
 3 files changed, 31 insertions(+), 20 deletions(-)
 create mode 100644 web/src/components/index/navbar.astro

diff --git a/web/src/components/index/navbar.astro b/web/src/components/index/navbar.astro
new file mode 100644
index 0000000..900bff5
--- /dev/null
+++ b/web/src/components/index/navbar.astro
@@ -0,0 +1,6 @@
+<div class="text-2xl">
+    <a href="/now">now</a>
+    • <a href="/posts">posts</a>
+    • <a href="/photos">photos</a>
+    <!-- • <a href="/software">software</a> -->
+</div>
\ No newline at end of file
diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro
index 26b0634..e6b0c93 100644
--- a/web/src/pages/index.astro
+++ b/web/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
 import Base from "src/layout/Base.astro"
+import Navbar from "src/components/index/navbar.astro"
 ---
 
 <Base>
@@ -9,13 +10,7 @@ import Base from "src/layout/Base.astro"
 		<div class="w-[32%] text-center">
 			<div class="flex flex-col">
 				<p class="text-4xl">breadone dot net</p>
-				
-				<div class="text-2xl">
-					<a href="/now">now</a> •
-					<a href="/posts">posts</a> •
-					<a href="/photos">photos</a> •
-					<a href="/software">software</a>
-				</div>
+				<Navbar/>
 			</div>
 		</div>
 
diff --git a/web/src/styles/global.css b/web/src/styles/global.css
index 8d9929f..87a9f88 100644
--- a/web/src/styles/global.css
+++ b/web/src/styles/global.css
@@ -1,19 +1,29 @@
 @import "tailwindcss";
 
-@font-face {
-  font-family: Barnum;
-  font-style: normal;
-  font-weight: 200 700;
-  font-display: swap;
-  src: url("/fonts/barnum-roman.ttf");
-}
-
-html body {
+@layer base {
+  @font-face {
+    font-family: Barnum;
+    font-style: normal;
+    font-weight: 200 700;
+    font-display: swap;
+    src: url("/fonts/barnum-roman.ttf");
+  }
+  
+  :root {
+    --bg-light: "#f4f4f9";
+    --accent: "#F9DC5C";
+  }
+  
+  html body {
     @apply font-[Barnum];
     @apply w-[68%] mx-auto mt-14 h-full;
-    @apply bg-[#f4f4f9];
+    @apply bg-(--bg2-light);
+  }
+  
+  a {
+    @apply hover:underline;
+    text-decoration-color: #F9DC5C;
+  }
 }
 
-a {
-    @apply hover:underline;
-}
\ No newline at end of file
+@tailwind utilities;
\ No newline at end of file