From 8e8927531752247e36009ee027d0b737160c519c Mon Sep 17 00:00:00 2001
From: Demetrius Semanko <demetrius@demsem.dev>
Date: Sat, 25 Apr 2026 23:51:46 -0400
Subject: [PATCH] Fix conditional styling on Navbar tab

---
 src/components/NavItem.astro | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/NavItem.astro b/src/components/NavItem.astro
index 46336bd..7816371 100644
--- a/src/components/NavItem.astro
+++ b/src/components/NavItem.astro
@@ -3,4 +3,19 @@ const { href, label } = Astro.props;
 const pathname = new URL(Astro.request.url).pathname;
 const isCurrent = href === pathname;
 ---
-<a {href} class={isCurrent ? "titular-navbar-tab" : ""}>{label}</a>
+<a {href}>{label}</a>
+
+<script>
+  /*
+   * Stolen from https://gist.github.com/leabs/11e9f20a5580982428824148f62eb2a0
+   * Thanks, Leabs!
+   */
+  const nav = document.querySelector("nav");
+  const navLinks = nav.querySelectorAll("a");
+  const currentURL = window.location.href;
+  navLinks.forEach((link) => {
+    if (link.href === currentURL) {
+      link.classList.add("titular-navbar-tab");
+    }
+  });
+</script>
-- 
2.51.2