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/pages/education.astro

@@ -1,8 +1,12 @@
 ---
+import BaseLayout from "@layouts/BaseLayout.astro";
+
+import H2 from "@components/H2.astro";
+import H3 from "@components/H3.astro";
+import InlineLink from "@components/InlineLink.astro";
 import Carousel from "@components/Media/CustomCarousel/CustomCarousel.astro";
 import Table from "@components/Table.astro";
 import Timeline from "@components/Timeline/Timeline.astro";
-import BaseLayout from "@layouts/BaseLayout.astro";
 
 import type { carouselGroup } from "@interfaces/image-carousel.ts";
 import type { tableData } from "@interfaces/table.ts";
@@ -104,14 +108,16 @@ const courseTable: tableData = {
 
 <BaseLayout title="Education">
   <Carousel carouselGroup={diplomaCarouselGroup} />
-  <h2 class="my-4 font-bold underline md:text-2xl">Timeline</h2>
+  <H2>Timeline</H2>
   <Timeline timeline={timeline} />
-  <h2 class="my-4 font-bold underline md:text-2xl">Oregon State University</h2>
-  <a
-    class="my-4 font-bold text-blue-500 underline hover:text-blue-300 md:text-lg"
-    href="https://github.com/caperren/school_archives/tree/master/OSU%20Coursework"
-    >Coursework Archives</a
-  >
-  <h3 class="my-4 font-bold underline md:text-lg">Course Listing</h3>
+  <H2>Oregon State University</H2>
+  <H3>
+    <InlineLink
+      class="font-bold md:text-lg"
+      href="https://github.com/caperren/school_archives/tree/master/OSU%20Coursework"
+      >Coursework Archives</InlineLink
+    >
+  </H3>
+  <H3>Course Listing</H3>
   <Table data={courseTable} />
 </BaseLayout>