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/layouts/BaseLayout.astro

@@ -2,6 +2,7 @@
 import "@styles/global.css";
 
 import Footer from "@components/Footer.astro";
+import H1 from "@components/H1.astro";
 import Navbar from "@components/Navbar.astro";
 
 import { pathToMetadata } from "@data/site-layout.ts";
@@ -45,33 +46,23 @@ const pageEnabled = pathToMetadata(Astro.url.pathname).enabled ?? true;
     >
       <Navbar />
       <main class="mx-6 my-6">
-        {
-          title && showTitle && pageEnabled && (
-            <h1
-              class={
-                "text-xl font-extrabold md:text-3xl " +
-                (subTitles ? "" : "md:mb-6")
-              }
-            >
-              {title}
-            </h1>
-          )
-        }
-        {
-          showTitle &&
-            pageEnabled &&
-            subTitles?.map((subTitle, index) => (
-              <p
-                class={
-                  "text-sm font-bold md:text-xl " +
-                  (index == subTitles.length - 1 ? "mb-2 md:mb-6" : "")
-                }
-              >
-                {subTitle}
-              </p>
-            ))
-        }
-        {pageEnabled && <slot />}
+        <div class="mb-2 md:mb-6">
+          {
+            title && showTitle && pageEnabled && (
+              <H1 bottomMargin={!subTitles}>{title}</H1>
+            )
+          }
+          {
+            showTitle &&
+              pageEnabled &&
+              subTitles?.map((subTitle) => (
+                <p class="text-sm font-bold md:text-xl">{subTitle}</p>
+              ))
+          }
+        </div>
+        <div>
+          {pageEnabled ? <slot /> : <H1>Under Construction</H1>}
+        </div>
       </main>
     </div>
     <Footer />