From a2c3f0c7cbc9bbc9c75e7b2ce4f2f0db609090d0 Mon Sep 17 00:00:00 2001
From: June <self@breadone.net>
Date: Thu, 13 Nov 2025 22:32:00 +1300
Subject: [PATCH] unified structure of navbar and footer

---
 web/src/components/footer.astro       | 24 +++++++++++-------------
 web/src/components/index/navbar.astro | 20 ++++++--------------
 2 files changed, 17 insertions(+), 27 deletions(-)

diff --git a/web/src/components/footer.astro b/web/src/components/footer.astro
index 717b916..2bae1e9 100644
--- a/web/src/components/footer.astro
+++ b/web/src/components/footer.astro
@@ -1,29 +1,27 @@
 ---
 const links = [
     {
-        text: "src",
-        href: "https://github.com/breadone/breadone.net"
+        txt: "src",
+        lnk: "https://github.com/breadone/breadone.net"
     },
     {
-        text: "bsky",
-        href: "https://bsky.app/profile/breadone.xyz"
+        txt: "bsky",
+        lnk: "https://bsky.app/profile/breadone.xyz"
     },
     {
-        text: "email",
-        href: "mailto:contact@breadone.net"
+        txt: "email",
+        lnk: "mailto:contact@breadone.net"
     },
 ]
 ---
 
 <footer class="text-xl mt-auto">
     {
-        links.map(l => (
-            <a
-                class="ps-2"
-                href={l.href}
-            >
-                {l.text}
-            </a>
+        links.map((l, i) => (
+            <>
+                <a href={l.lnk}>{l.txt}</a>
+                {i < links.length - 1 && <span class="text-(--accent)"> | </span>}
+            </>
         ))
     }
 </footer>
\ No newline at end of file
diff --git a/web/src/components/index/navbar.astro b/web/src/components/index/navbar.astro
index 7a8cd4b..a65c565 100644
--- a/web/src/components/index/navbar.astro
+++ b/web/src/components/index/navbar.astro
@@ -17,19 +17,11 @@ const links = [
 
 <div class="text-2xl">
     {
-        links.map(l => (
-            <a href={l.lnk}>{l.txt}</a>
-        )).join(<span class="text-(--accent)">•</span>)
+        links.map((l, i) => (
+            <>
+                <a href={l.lnk}>{l.txt}</a>
+                {i < links.length - 1 && <span class="text-(--accent)"> • </span>}
+            </>
+        ))
     }
-
-    <!-- <a href="/now">now</a>
-
-    <span class="text-(--accent)">•</span> 
-
-    <a href="/posts">posts</a>
-
-    <span class="text-(--accent)">•</span> 
-
-    <a href="/photos">photos</a> -->
-    <!-- • <a href="/software">software</a> -->
 </div>
\ No newline at end of file