From 10d6d548465eb1a411fbb483b9a027de799c08e8 Mon Sep 17 00:00:00 2001
From: SindreKjelsrud <sindre@kjelsrud.dev>
Date: Thu, 29 May 2025 19:53:14 +0200
Subject: [PATCH 1/2] :bug: Fix active-styling of Header not working

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
---
 src/components/Header.astro | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 9ec8097..2a654c7 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -8,11 +8,11 @@ const { pathname } = Astro.url;
   </div>
   <nav class="flex flex-wrap gap-2">
     <a class={`headerlink ${pathname === '/' ? 'headerlink-active' : ''}`} href="/">home</a>
-    <a class={`headerlink ${pathname === '/blog' ? 'headerlink-active' : ''}`} href="/blog">blog</a>
-    <a class={`headerlink ${pathname === '/logs' ? 'headerlink-active' : ''}`} href="/logs">logs</a>
-    <a class={`headerlink ${pathname === '/gallery' ? 'headerlink-active' : ''}`} href="/gallery">gallery</a>
-    <a class={`headerlink ${pathname === '/guestbook' ? 'headerlink-active' : ''}`} href="/guestbook">guestbook</a>
-    <a class={`headerlink ${pathname === '/slashes'  ? 'headerlink-active' : ''}`} href="/slashes">more</a>
+    <a class={`headerlink ${pathname === '/blog' || pathname === '/blog/' ? 'headerlink-active' : ''}`} href="/blog">blog</a>
+    <a class={`headerlink ${pathname === '/logs' || pathname === '/logs' ? 'headerlink-active' : ''}`} href="/logs">logs</a>
+    <a class={`headerlink ${pathname === '/gallery' || pathname === '/gallery/' ? 'headerlink-active' : ''}`} href="/gallery">gallery</a>
+    <a class={`headerlink ${pathname === '/guestbook' || pathname === '/guestbook/' ? 'headerlink-active' : ''}`} href="/guestbook">guestbook</a>
+    <a class={`headerlink ${pathname === '/slashes' || pathname === '/slashes/' ? 'headerlink-active' : ''}`} href="/slashes">more</a>
   </nav>
 </header>
 

From ea89858e81ac5045184d79d52f78d8728d157ee0 Mon Sep 17 00:00:00 2001
From: SindreKjelsrud <sindre@kjelsrud.dev>
Date: Thu, 29 May 2025 19:53:44 +0200
Subject: [PATCH 2/2] :lipstick: Similar padding for both active & inactive

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
---
 src/styles/global.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 5a826aa..b9a196c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -44,7 +44,7 @@ hr {
 
 .headerlink-active {
 	border: 2px solid var(--dark-link);
-	padding: 0.5vh 1vh;
+	padding: 0.5vh 1.5vh;
 	border-radius: 10px;
 	font-weight: 600;
 	background-color: var(--dark-link);