From 6c6aecdbcd9c93a939a864a86b93aa3437b4f3e0 Mon Sep 17 00:00:00 2001
From: Frank Elsinga <frank@elsinga.de>
Date: Sun, 28 Apr 2024 22:50:44 +0200
Subject: [PATCH] SEO: made sure that the frontpage contains `h1`/`h2` tags

---
 webclient/pages/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webclient/pages/index.vue b/webclient/pages/index.vue
index 1b460ceaa..037ab8f52 100644
--- a/webclient/pages/index.vue
+++ b/webclient/pages/index.vue
@@ -29,7 +29,7 @@ const openPanels = ref<(boolean | undefined)[]>([]);
     {{ t("Loading data...") }}
   </div>
   <div class="flex flex-col justify-between gap-3 pt-8">
-    <div class="text-zinc-600 !text-lg font-semibold">{{ t("sites") }}</div>
+    <h1 class="text-zinc-600 !text-lg font-semibold">{{ t("sites") }}</h1>
     <!-- <NuxtLink to="#" class="flex flex-row"><MapPinIcon class="h-4 w-4" /> {{ t("overview_map") }}</NuxtLink> -->
   </div>
   <div v-if="data" class="mt-5">
@@ -46,10 +46,10 @@ const openPanels = ref<(boolean | undefined)[]>([]);
             :aria-label="t('show_details_for_campus', [site.name])"
             class="focusable text-zinc-700 flex grow-0 flex-row justify-between rounded !no-underline hover:text-blue-500"
           >
-            <span class="text-md font-semibold">{{ site.name }}</span>
+            <h2 class="text-md font-semibold">{{ site.name }}</h2>
             <ArrowRightIcon v-if="site.id" class="my-auto hidden h-6 w-6 md:block" />
           </NuxtLink>
-          <div v-else class="text-md text-zinc-700 font-semibold">{{ site.name }}</div>
+          <h2 v-else class="text-md text-zinc-700 font-semibold">{{ site.name }}</h2>
         </div>
         <div class="flex flex-col gap-3">
           <NuxtLink