From b3197dd3f95cd7d222f1ea168e9826f7ad7ef903 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 18 Mar 2025 21:15:52 +0100
Subject: [PATCH] feat: cleanup

---
 src/views/Home.vue        |   4 +-
 src/views/Profile.vue     | 126 ++++++++++++++------------------------
 src/views/ProfileNone.vue |   2 +-
 src/views/Register.vue    |   4 +-
 4 files changed, 50 insertions(+), 86 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index cc408b4..ab1e14a 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -5,9 +5,9 @@
       <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 font-[Athiti]">
+          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 font-[Athiti]">
+        <h2 class="mb-6 text-xl font-bold leading-none tracking-normal md:text-3xl md:tracking-tight">
           Selfservice Portal</h2>
         <p class="px-0 mb-6 text-md lg:px-24 font-medium">{{ $t('main_page_text') }}</p>
         <a class="w-full block mx-auto md:w-3/4 px-6 py-3 border border-transparent text-base font-semibold rounded-md text-gray-900 bg-white shadow-sm hover:text-gray-600 focus:outline-none focus:text-gray-600 xl:text-lg xl:py-4"
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index ebb4b50..bec4c8f 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -4,7 +4,7 @@
       <div class="md:pr-10 md:mb-0 mb-6 pr-0 w-full text-center text-black dark:text-gray-200">
         <img src="/favicon-lfk.png" class="h-20 mx-auto" />
         <div v-if="loadstate === 'loaded'">
-          <h1 class="text-3xl font-bold whitespace-nowrap font-[Athiti]" v-text="(state.firstname || '') +
+          <h1 class="text-3xl font-bold whitespace-nowrap" v-text="(state.firstname || '') +
             ' ' +
             (state.middlename || '') +
             ' ' +
@@ -12,7 +12,7 @@
             "></h1>
           <p class="text-md whitespace-nowrap">Team: {{ state.group }}</p>
         </div>
-        <h1 v-else class="text-3xl font-bold whitespace-nowrap font-[Athiti]">Daten werden geladen...</h1>
+        <h1 v-else class="text-3xl font-bold whitespace-nowrap">Daten werden geladen...</h1>
       </div>
       <div v-if="loadstate === 'loaded'" class="flex flex-wrap">
         <div class="w-full">
@@ -60,20 +60,20 @@
                       <div v-if="state.delete_active === false">
                         <button type="button" class="
                         mt-2
-                focus:border-black focus:ring-2 focus:ring-black
-                text-white text-base md:text-sm
-                py-3.5
-                px-5
-                md:py-2.5
-                md:px-5
-                rounded-md
-                bg-blue-500
-                hover:bg-blue-600 hover:shadow-lg
-                w-full
-                md:w-auto
-                cursor-pointer
-                mb-1
-                md:mr-1
+focus:border-black focus:ring-2 focus:ring-black
+text-white text-base md:text-sm
+py-3.5
+px-5
+md:py-2.5
+md:px-5
+rounded-md
+bg-blue-500
+hover:bg-blue-600 hover:shadow-lg
+w-full
+md:w-auto
+cursor-pointer
+mb-1
+md:mr-1
               " @click="get_certificate">
                           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
@@ -90,20 +90,20 @@
                         <div class="text-lg">{{ $t("registrationcode") }}</div>
                         <img class="w-full md:w-auto mb-2 bg-white p-2" alt="Registrierungscode" :src="state.barcode" />
                         <button type="button" class="
-                focus:border-black focus:ring-2 focus:ring-black
-                text-white text-base md:text-sm
-                py-3.5
-                px-5
-                md:py-2.5
-                md:px-5
-                rounded-md
-                bg-blue-500
-                hover:bg-blue-600 hover:shadow-lg
-                w-full
-                md:w-auto
-                cursor-pointer
-                mb-1
-                md:mr-1
+focus:border-black focus:ring-2 focus:ring-black
+text-white text-base md:text-sm
+py-3.5
+px-5
+md:py-2.5
+md:px-5
+rounded-md
+bg-blue-500
+hover:bg-blue-600 hover:shadow-lg
+w-full
+md:w-auto
+cursor-pointer
+mb-1
+md:mr-1
               " @click="get_registration">
                           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
@@ -127,25 +127,12 @@
                   </div>
                 </div>
                 <div v-if="state.delete_active === true">
-                  <button type="button" class="
-                focus:border-black focus:ring-2 focus:ring-black
-                text-white text-base md:text-sm
-                py-3.5
-                px-5
-                md:py-2.5
-                md:px-5
-                rounded-md
-                mb-1
-                md:mb-auto
-                w-full
-                md:w-auto
-                cursor-pointer
-                bg-blue-500
-                hover:bg-blue-600 hover:shadow-lg
-              " @click="() => {
-                state.delete_active = false;
-              }
-              ">
+                  <button type="button"
+                    class="focus:border-black focus:ring-2 focus:ring-black text-white text-base md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md mb-1 md:mb-auto w-full md:w-auto cursor-pointer bg-blue-500 hover:bg-blue-600 hover:shadow-lg"
+                    @click="() => {
+                      state.delete_active = false;
+                    }
+                    ">
                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                       stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                       class="inline h-4 align-sub">
@@ -154,21 +141,9 @@
                     </svg>
                     {{ $t("cancel_keep_my_data") }}
                   </button>
-                  <button type="button" class="
-                focus:border-black focus:ring-2 focus:ring-black
-                text-white text-base md:text-sm
-                py-3.5
-                px-5
-                md:py-2.5
-                md:px-5
-                rounded-md
-                w-full
-                md:w-auto
-                cursor-pointer
-                bg-red-600
-                hover:bg-red-700 hover:shadow-lg
-                md:ml-1
-              " @click="delete_me">
+                  <button type="button"
+                    class="focus:border-black focus:ring-2 focus:ring-black text-white text-base md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md w-full md:w-auto cursor-pointer bg-red-600 hover:bg-red-700 hover:shadow-lg md:ml-1"
+                    @click="delete_me">
                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                       stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                       class="inline h-4 align-sub">
@@ -179,23 +154,12 @@
                     {{ $t("confirm_delete_all_of_my_data") }}
                   </button>
                 </div>
-                <button v-else type="button" class="
-                focus:border-black focus:ring-2 focus:ring-black
-                text-white text-base md:text-sm
-                py-3.5
-                px-5
-                md:py-2.5
-                md:px-5
-                rounded-md
-                bg-red-600
-                hover:bg-red-700 hover:shadow-lg
-                w-full
-                md:w-auto
-                cursor-pointer
-              " @click="() => {
-                state.delete_active = true;
-              }
-              ">
+                <button v-else type="button"
+                  class="focus:border-black focus:ring-2 focus:ring-black text-white text-base md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-red-600 hover:bg-red-700 hover:shadow-lg w-full md:w-auto cursor-pointer"
+                  @click="() => {
+                    state.delete_active = true;
+                  }
+                  ">
                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                     stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                     class="inline h-4 align-sub">
diff --git a/src/views/ProfileNone.vue b/src/views/ProfileNone.vue
index c4a8a15..f527a32 100644
--- a/src/views/ProfileNone.vue
+++ b/src/views/ProfileNone.vue
@@ -2,7 +2,7 @@
     <div class="min-h-screen flex items-center justify-center">
         <div class="max-w-md w-full py-12 px-6">
             <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 font-[Athiti]">Lauf für Kaya! - {{
+            <h1 class="sm:text-3xl text-2xl font-semibold title-font mb-4 text-center">Lauf für Kaya! - {{
                 $t('profile')
                 }}</h1>
             <p class="mx-auto leading-relaxed text-base text-center">
diff --git a/src/views/Register.vue b/src/views/Register.vue
index caa8e0c..b95cb50 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="min-h-screen flex items-center justify-center" v-if="registrationState === 'registered'">
-    <div class="max-w-md w-full py-12 px-6 font-[Athiti]">
+    <div class="max-w-md w-full py-12 px-6">
       <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('registriert') }}
@@ -12,7 +12,7 @@
     </div>
   </div>
   <div class="min-h-screen flex items-center justify-center" v-else>
-    <div class="max-w-md w-full py-12 px-6 font-[Athiti]">
+    <div class="max-w-md w-full py-12 px-6">
       <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("registrieren") }}