Merge pull request #6 from Progmasoft/content/document-labelHEADmain

Remove duplicate links from the header and footer

2 files changed, 6 insertions, 37 deletions

diff --git a/app/components/SiteFooter.vue b/app/components/SiteFooter.vue
index 14a8eab..4db0b2b 100644
--- a/app/components/SiteFooter.vue
+++ b/app/components/SiteFooter.vue
@@ -3,9 +3,9 @@
 
 <script setup lang="ts">
 import { chrome } from "~/content/chrome";
-import { family, firstDocPage, reference, releaseNotes, repository } from "~/content/site";
+import { family } from "~/content/site";
 
-const { locale, to } = useSiteLocale();
+const { locale } = useSiteLocale();
 const words = computed(() => chrome[locale.value]);
 </script>
 
@@ -16,26 +16,6 @@ const words = computed(() => chrome[locale.value]);
         <TazelLogo class="logo" />
         <p>{{ words.footer.tagline }}</p>
       </div>
-      <nav :aria-label="words.footer.product">
-        <h2>{{ words.footer.product }}</h2>
-        <ul>
-          <li>
-            <NuxtLink :to="to(firstDocPage)">{{ words.docs }}</NuxtLink>
-          </li>
-          <li>
-            <NuxtLink :to="to('/docs/reference/commands')">{{ words.reference }}</NuxtLink>
-          </li>
-          <li>
-            <NuxtLink :to="to('/docs/extending/plugins')">{{ words.plugins }}</NuxtLink>
-          </li>
-          <li>
-            <a :href="releaseNotes">{{ words.footer.releaseNotes }}</a>
-          </li>
-          <li>
-            <a :href="reference.commands">{{ words.footer.reference }}</a>
-          </li>
-        </ul>
-      </nav>
       <nav :aria-label="words.footer.family">
         <h2>{{ words.footer.family }}</h2>
         <ul>
@@ -48,9 +28,6 @@ const words = computed(() => chrome[locale.value]);
         <h2>{{ words.footer.company }}</h2>
         <ul>
           <li><a :href="family.progmasoft">progmasoft.com</a></li>
-          <li>
-            <a :href="repository">{{ words.source }}</a>
-          </li>
         </ul>
       </nav>
     </div>
@@ -70,7 +47,7 @@ const words = computed(() => chrome[locale.value]);
 
 .grid {
   display: grid;
-  grid-template-columns: 2fr repeat(3, 1fr);
+  grid-template-columns: 2fr repeat(2, 1fr);
   gap: 32px;
 }
 
diff --git a/app/components/SiteHeader.vue b/app/components/SiteHeader.vue
index e7f01fe..1704b0a 100644
--- a/app/components/SiteHeader.vue
+++ b/app/components/SiteHeader.vue
@@ -8,13 +8,9 @@ import { firstDocPage, repository } from "~/content/site";
 
 const { locale, page, to } = useSiteLocale();
 const words = computed(() => chrome[locale.value]);
-// Each link is current on every page of its part of the documentation.
-const links = computed(() => [
-  { label: words.value.docs, path: firstDocPage, part: "/docs/getting-started" },
-  { label: words.value.reference, path: "/docs/reference/commands", part: "/docs/reference" },
-  { label: words.value.plugins, path: "/docs/extending/plugins", part: "/docs/extending" },
-]);
-const releases = `${repository}/releases`;
+// The one link of the header leads into the documentation and is current on
+// every page of it.
+const links = computed(() => [{ label: words.value.docs, path: firstDocPage, part: "/docs" }]);
 
 // A menu closes when a link in it is followed.
 const route = useRoute();
@@ -44,7 +40,6 @@ watch(
           :class="{ active: page.startsWith(link.part) }"
           >{{ link.label }}</NuxtLink
         >
-        <a :href="releases">{{ words.releases }}</a>
       </nav>
 
       <div class="tools">
@@ -88,9 +83,6 @@ watch(
             <li v-for="link in links" :key="link.path">
               <NuxtLink :to="to(link.path)">{{ link.label }}</NuxtLink>
             </li>
-            <li>
-              <a :href="releases">{{ words.releases }}</a>
-            </li>
           </ul>
         </details>
       </div>