From 4926ad1b2f9675fd3c73988322d30069e37df066 Mon Sep 17 00:00:00 2001
From: Alexis <alexis.pele@pm.me>
Date: Tue, 7 Jul 2026 21:08:10 +0200
Subject: [PATCH] Updated navbar

---
 pnpm-workspace.yaml                           |  4 ++
 src/components/BgParticles.astro              |  2 +-
 src/components/Navbar.astro                   | 48 ++++++++++++-------
 src/pages/{projects.astro => _projects.astro} |  0
 4 files changed, 36 insertions(+), 18 deletions(-)
 rename src/pages/{projects.astro => _projects.astro} (100%)

diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 28b693a..be77db8 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,3 +1,7 @@
+allowBuilds:
+  '@parcel/watcher': true
+  esbuild: true
+  sharp: true
 onlyBuiltDependencies:
   - '@parcel/watcher'
   - '@tailwindcss/oxide'
diff --git a/src/components/BgParticles.astro b/src/components/BgParticles.astro
index a973a68..1645787 100644
--- a/src/components/BgParticles.astro
+++ b/src/components/BgParticles.astro
@@ -18,4 +18,4 @@
       background: radial-gradient(circle, #020617 2%, transparent 20%);
     }
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 352cd64..ebbe255 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,41 +1,55 @@
 ---
 interface MenuItem {
+  slug: string
   label: string
   to: string
 }
 
-const menuItems: MenuItem[] = [
-  {
-    label: "Home",
-    to: ""
-  },
-  {
-    label: "Projects",
-    to: "projects"
-  }
+const links: MenuItem[] = [
+  // {
+  //   label: "Projects",
+  //   slug: "projects",
+  //   to: "/projects"
+  // }
 ]
 
-const activeSegment = Astro.url.pathname.split("/")[1]
+const onHome = Astro.url.pathname === "/"
 ---
 
 <header
   class="absolute top-0 left-0 pt-6 w-full z-10"
 >
-  <nav class="container text-[.8em]" aria-labelledby="Main pages">
+  <nav class="container text-[.8em]" aria-label="Primary">
     <menu class="px-6 py-2 bg-slate-900/50 rounded-xl backdrop-blur flex gap-6">
-      {menuItems.map((item) => (
+      <li>
+        <a
+          href="/"
+          aria-current={onHome ? "page" : "false"}
+          class="block py-2 underline-offset-4 hover:underline text-body/80 hover:text-body"
+          class:list={
+            {
+              "text-primary/80 hover:text-primary": onHome,
+              "text-body/80 hover:text-body": !onHome
+            }
+          }
+        >
+          Home
+        </a>
+      </li>
+      {links.map((link) => (
         <li>
           <a
-            href={"/" + item.to}
-            class="block py-2 underline-offset-4 hover:underline"
+            href={link.to}
+            aria-current={ Astro.url.pathname.startsWith(link.to) ? 'page' : 'false' }
+            class="block py-2 underline-offset-4 hover:underline text-body/80 hover:text-body"
             class:list={
               {
-                "text-primary/80 hover:text-primary": activeSegment === item.to,
-                "text-body/80 hover:text-body": activeSegment !== item.to
+                "text-primary/80 hover:text-primary": Astro.url.pathname.startsWith(link.to),
+                "text-body/80 hover:text-body": !Astro.url.pathname.startsWith(link.to)
               }
             }
           >
-            {item.label}
+            {link.label}
           </a>
         </li>
       ))}
diff --git a/src/pages/projects.astro b/src/pages/_projects.astro
similarity index 100%
rename from src/pages/projects.astro
rename to src/pages/_projects.astro