unified structure of navbar and footer

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>