Removed unused build, refactored H1-3 to use slot based setup, added visual and aria page highlighting for navbar links, switched all pages to use custom H1-3, better new page/tab handling for inline links

src/components/NestedNavbarEntries.astro

@@ -14,6 +14,8 @@ const getHrefPath = (entry: navLink): string => {
     : "/" +
         (paths && paths.length ? [...paths, entry.path].join("/") : entry.path);
 };
+
+const { pathname } = Astro.url;
 ---
 
 <ul
@@ -26,14 +28,20 @@ const getHrefPath = (entry: navLink): string => {
         (entry.enabled ?? true) && (
           <li>
             {Array.isArray(entry.children) && entry.children.length ? (
-              <div>
+              <div
+                class={
+                  pathname.startsWith(getHrefPath(entry))
+                    ? "border-caperren-green border-b-2"
+                    : ""
+                }
+              >
                 <button
                   id={"dropdownNavbarLink" + getNavLinkSuffix(entry)}
                   data-dropdown-toggle={
                     "dropdownNavbar" + getNavLinkSuffix(entry)
                   }
                   data-dropdown-placement="bottom"
-                  class="hover:text-caperren-green-light lg:hover:text-caperren-green-light flex w-full items-center justify-between px-3 py-2 lg:border-0 lg:p-0 lg:hover:bg-transparent"
+                  class="hover:text-caperren-green-light lg:hover:text-caperren-green-light flex w-full items-center justify-between px-3 py-2 lg:p-0 lg:hover:bg-transparent"
                 >
                   {entry.navText}
                   <svg
@@ -63,13 +71,24 @@ const getHrefPath = (entry: navLink): string => {
                 </div>
               </div>
             ) : (
-              <a
-                href={getHrefPath(entry)}
-                class="hover:text-caperren-green-light ring-caperren-green-dark block bg-transparent px-3 py-2 lg:p-0"
-                aria-current="page"
+              <div
+                class={
+                  pathname === getHrefPath(entry)
+                    ? "border-caperren-green border-b-2"
+                    : ""
+                }
               >
-                {entry.navText}
-              </a>
+                <a
+                  href={getHrefPath(entry)}
+                  target={getHrefPath(entry).startsWith("/") ? "" : "_blank"}
+                  class="hover:text-caperren-green-light ring-caperren-green-dark block bg-transparent px-3 py-2 lg:p-0"
+                  aria-current={
+                    pathname === getHrefPath(entry) ? "page" : undefined
+                  }
+                >
+                  {entry.navText}
+                </a>
+              </div>
             )}
           </li>
         ),