Various changes

src/tab/components/button.html

@@ -0,0 +1,10 @@
+<script props>
+  module.exports = {
+    page: props.page,
+    aria_selected: Boolean(props.selected)
+  }
+</script>
+<a href="/src/{{page}}" hx-get="/partials/{{page}}" hx-push-url="/{{page}}" role="tab" aria-selected="{{aria_selected}}"
+  aria-controls="tab-content">
+  <yield></yield>
+</a>

src/tab/components/content.html

@@ -0,0 +1,22 @@
+<script props>
+  module.exports = {
+    selected: Number(props.selected || '0')
+  }
+</script>
+<nav class="tab-list" role="tablist" hx-indicator="#indicator">
+  <x-tab::button page="projects.html" selected="{{ selected-- == 0 }}">Our Projects</x-tab::button>
+  <x-tab::button page="who_we_are.html" selected="{{ selected-- == 0 }}">Who we are</x-tab::button>
+  <x-tab::button page="interests.html" selected="{{ selected-- == 0 }}">Our Interests</x-tab::button>
+  <x-tab::button page="page_four.html" selected="{{ selected-- == 0 }}">Page Four</x-tab::button>
+</nav>
+<hr style="margin: 0">
+<div id="tab-content" role="tabpanel" class="tab-content">
+  <yield></yield>
+</div>
+<div id="footer">
+  <hr class="footnotes-sep">
+  <section class="footnotes">
+    <slot:footer></slot:footer>
+    <p>Copyright, The SANDWICH™ 2025 ©®☺ⓖⓨⓐⓣⓣ</p>
+  </section>
+</div>