feat: footer cleanup

src/components/Footer.vue

@@ -1,13 +1,13 @@
 <template>
-  <footer class="p-8">
-      <p class="text-sm sm:py-2 sm:mt-0 mt-4 text-center md:text-left">
-        Lauf für Kaya! Selfservice<br>Copyright © 2025<br>proudly powered by
-        <a class="underline" target="_blank" rel="noopener,noreferrer"
-          href="https://odit.services?ref=lfk">ODIT.Services</a><br>
-        <a target="_blank" rel="noopener,noreferrer" :href="[[imprint_url]]" class="underline">{{
-          $t('imprint') }}</a> <a target="_blank" rel="noopener,noreferrer" :href="[[privacy_url]]" class="underline">{{
+  <footer>
+    <p class="text-sm sm:py-2 sm:mt-0 mt-4 text-center md:text-left">
+      Lauf für Kaya! Selfservice<br>Copyright © 2025<br>proudly powered by
+      <a class="underline" target="_blank" rel="noopener,noreferrer"
+        href="https://odit.services?ref=lfk">ODIT.Services</a><br>
+      <a target="_blank" rel="noopener,noreferrer" :href="[[imprint_url]]" class="underline">{{
+        $t('imprint') }}</a> <a target="_blank" rel="noopener,noreferrer" :href="[[privacy_url]]" class="underline">{{
           $t('privacy_policy') }}</a>
-      </p>
+    </p>
   </footer>
 </template>
 <script>

src/views/Home.vue

@@ -4,8 +4,7 @@
     <section class="px-4 py-24 mx-auto">
       <div class="w-full mx-auto text-center">
         <img src="/favicon-lfk.png" class="h-32 mx-auto" />
-        <h1
-          class="mb-6 text-4xl font-extrabold leading-none tracking-normal md:text-6xl md:tracking-tight">
+        <h1 class="mb-6 text-4xl font-extrabold leading-none tracking-normal md:text-6xl md:tracking-tight">
           Lauf Für Kaya!<br>2025</h1>
         <h2 class="mb-6 text-xl font-bold leading-none tracking-normal md:text-3xl md:tracking-tight">
           Selfservice Portal</h2>
@@ -18,7 +17,9 @@
       </div>
     </section>
   </div>
-  <Footer />
+  <div class="p-8">
+    <Footer />
+  </div>
 </template>
 
 <script setup>

src/views/Profile.vue

@@ -9,7 +9,8 @@
             ' ' +
             (state.lastname || '')
             "></h1>
-          <p class="text-md whitespace-nowrap">Team: {{ state.group }}</p>
+          <p v-if="state.group==='Citizen'" class="text-md whitespace-nowrap">Bürgerlauf<br>Start: 14:00 Uhr</p>
+          <p v-else class="text-md whitespace-nowrap">Team: {{ state.group }}</p>
         </div>
         <h1 v-else class="text-3xl font-bold whitespace-nowrap">Daten werden geladen...</h1>
       </div>
@@ -416,7 +417,7 @@
         </div>
       </div>
     <!--  -->
-    <Footer></Footer>
+    <Footer />
   </div>
 </template>
 

src/views/ProfileNone.vue

@@ -4,7 +4,7 @@
             <img class="mx-auto h-24 w-auto" src="/favicon-lfk.png" alt />
             <h1 class="sm:text-3xl text-2xl font-semibold title-font mb-4 text-center">Lauf für Kaya! - {{
                 $t('profile')
-                }}</h1>
+            }}</h1>
             <p class="mx-auto leading-relaxed text-base text-center">
                 {{ $t('access_is_only_provided_via_your_email_link') }}
             </p>
@@ -28,7 +28,7 @@
                         class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-2 bg-gray-50 text-gray-500 rounded-md p-2" />
                     <p v-if="!isEmail(user_email) && user_email !== ''" class="text-sm">{{
                         $t('please_provide_valid_mail')
-                    }}</p>
+                        }}</p>
                 </div>
                 <div class="mt-2">
                     <button :disabled="(!state.submit_enabled)"
@@ -55,7 +55,7 @@
             </div>
         </div>
     </div>
-    <Footer></Footer>
+    <Footer />
 </template>
 
 <script setup>

src/views/Register.vue

@@ -120,7 +120,8 @@
         <label for="phone" class="block font-semibold mt-2">{{
           $t("phone_number")
         }}</label>
-        <div v-if="userdetails.phone!=='' && !userdetails.phone.includes('+')" class="bg-blue-100 border border-blue-200 text-black rounded-lg p-4 mb-1" role="alert" tabindex="-1"
+        <div v-if="userdetails.phone !== '' && !userdetails.phone.includes('+')"
+          class="bg-blue-100 border border-blue-200 text-black rounded-lg p-4 mb-1" role="alert" tabindex="-1"
           aria-labelledby="hs-actions-label">
           <div class="flex">
             <div class="shrink-0">
@@ -327,7 +328,9 @@
       </div>
     </div>
   </div>
-  <Footer></Footer>
+  <div class="p-8">
+    <Footer />
+  </div>
 </template>
 
 <script setup>