From b4cf4e88bc1ef65493e833e3047ea40aa4d1eb6d Mon Sep 17 00:00:00 2001
From: June <self@breadone.net>
Date: Thu, 13 Nov 2025 22:12:26 +1300
Subject: [PATCH] Refactoring sidebar and adding footer

---
 web/src/components/footer.astro       | 29 +++++++++++++++++++++++++++
 web/src/components/index/navbar.astro | 29 ++++++++++++++++++++++++---
 web/src/components/sidebar.astro      | 17 +++++++++-------
 web/src/layout/Base.astro             |  1 -
 web/src/pages/index.astro             |  3 +--
 web/src/styles/global.css             |  2 +-
 6 files changed, 67 insertions(+), 14 deletions(-)
 create mode 100644 web/src/components/footer.astro

diff --git a/web/src/components/footer.astro b/web/src/components/footer.astro
new file mode 100644
index 0000000..717b916
--- /dev/null
+++ b/web/src/components/footer.astro
@@ -0,0 +1,29 @@
+---
+const links = [
+    {
+        text: "src",
+        href: "https://github.com/breadone/breadone.net"
+    },
+    {
+        text: "bsky",
+        href: "https://bsky.app/profile/breadone.xyz"
+    },
+    {
+        text: "email",
+        href: "mailto:contact@breadone.net"
+    },
+]
+---
+
+<footer class="text-xl mt-auto">
+    {
+        links.map(l => (
+            <a
+                class="ps-2"
+                href={l.href}
+            >
+                {l.text}
+            </a>
+        ))
+    }
+</footer>
\ No newline at end of file
diff --git a/web/src/components/index/navbar.astro b/web/src/components/index/navbar.astro
index c41dcee..7a8cd4b 100644
--- a/web/src/components/index/navbar.astro
+++ b/web/src/components/index/navbar.astro
@@ -1,12 +1,35 @@
+---
+const links = [
+    {
+        txt: 'now',
+        lnk: '/now'
+    },
+    {
+        txt: 'posts',
+        lnk: '/posts'
+    },
+    {
+        txt: 'photos',
+        lnk: '/photos'
+    },
+]
+---
+
 <div class="text-2xl">
-    <a href="/now">now</a>
+    {
+        links.map(l => (
+            <a href={l.lnk}>{l.txt}</a>
+        )).join(<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="/photos">photos</a> -->
     <!-- • <a href="/software">software</a> -->
 </div>
\ No newline at end of file
diff --git a/web/src/components/sidebar.astro b/web/src/components/sidebar.astro
index 9319049..8f13d35 100644
--- a/web/src/components/sidebar.astro
+++ b/web/src/components/sidebar.astro
@@ -1,12 +1,15 @@
 ---
 import Navbar from "src/components/index/navbar.astro"
+import Footer from "./footer.astro"
 ---
 
-<div class="w-[32%] text-center">
-    <div class="flex flex-col">
-        <p class="text-4xl">breadone dot net</p>
-        <Navbar/>
-        <div class="mt-8"/>
-        <slot/>
-    </div>
+<div class="w-[32%] py-14 h-screen text-center flex flex-col">
+    <p class="text-4xl">breadone dot net</p>
+    <Navbar/>
+    <!-- Lil spacer -->
+    <div class="mt-8"/> 
+
+    <slot/>
+
+    <Footer/>
 </div>
\ No newline at end of file
diff --git a/web/src/layout/Base.astro b/web/src/layout/Base.astro
index 1cb7b78..5cb87d7 100644
--- a/web/src/layout/Base.astro
+++ b/web/src/layout/Base.astro
@@ -12,6 +12,5 @@ import BaseHead from "./BaseHead.astro"
     <main id="main" class="flex-1">
         <slot />
     </main>
-    <!-- <Footer /> -->
 </body>
 </html>
\ No newline at end of file
diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro
index c82bf81..fad0762 100644
--- a/web/src/pages/index.astro
+++ b/web/src/pages/index.astro
@@ -5,10 +5,9 @@ import Sidebar from "src/components/sidebar.astro"
 
 <Base>
 	<div class="flex flex-row">
-		<!-- HeaderSection -->
 		<Sidebar/>
 
-		<div class="content-panel bg-amber-200">
+		<div class="content-panel">
 			content
 		</div>
 	</div>
diff --git a/web/src/styles/global.css b/web/src/styles/global.css
index 2f3b995..f60277c 100644
--- a/web/src/styles/global.css
+++ b/web/src/styles/global.css
@@ -16,7 +16,7 @@
   
   html body {
     @apply font-[Barnum];
-    @apply w-[68%] mx-auto mt-14 h-full;
+    @apply w-[68%] mx-auto h-full;
     @apply bg-(--bg-light);
   }