registration brand font + more translations

src/locales/de.json

@@ -2,6 +2,7 @@
     "access_is_only_provided_via_your_email_link": "Der Zugang erfolgt über den Link, den Sie bei der Registrierung erhalten haben.",
     "amount_per_kilometer_in_eur": "Betrag pro Kilometer (in €)",
     "apartment_suite_etc": "Addresszeile 2",
+    "buergerlauf": "Bürgerlauf",
     "cancel_keep_my_data": "Abbrechen, meine Daten behalten",
     "configuration_error": "Konfigurationsfehler",
     "confirm_delete_all_of_my_data": "Bestätigen, meine Daten löschen",
@@ -12,6 +13,7 @@
     "download_certificate": "Urkunde herunterladen",
     "download_registrationcode": "Registrierungscode herunterladen",
     "e_mail_adress": "E-Mail Adresse",
+    "error-loading-privacy-policy": "Fehler beim Laden der Datenschutzerklärung",
     "i_accept": "Ich habe die ",
     "i_accept_end": "gelesen und akzeptiert.",
     "if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance": "Wenn Sie der Systemadministrator sind, finden Sie Konfigurationsanweisungen in der offiziellen Produktdokumentation / README.",
@@ -39,6 +41,7 @@
     },
     "register_now": "Jetzt registrieren!",
     "register_now_small": "Jetzt registrieren",
+    "registration_running": "Registrierung läuft...",
     "registrationcode": "Registrierungscode",
     "registrieren": "Registrieren",
     "resend_the_registration_mail": "Login-Link anfordern",

src/locales/en.json

@@ -2,6 +2,7 @@
     "access_is_only_provided_via_your_email_link": "Access is only provided via the link you received upon registration.",
     "amount_per_kilometer_in_eur": "Amount per kilometer (in €)",
     "apartment_suite_etc": "Apartment, suite, etc.",
+    "buergerlauf": "Public Run",
     "cancel_keep_my_data": "Cancel, keep my data",
     "configuration_error": "Configuration error",
     "confirm_delete_all_of_my_data": "Confirm, delete all of my data",
@@ -12,6 +13,7 @@
     "download_certificate": "Download certificate",
     "download_registrationcode": "Download registrationcode",
     "e_mail_adress": "mail address",
+    "error-loading-privacy-policy": "Error loading Privacy Policy",
     "i_accept": "I have read and accepted the ",
     "i_accept_end": "",
     "if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance": "If you are the system administrator, please refer to the official product documentation/ README for configuration guidance.",
@@ -39,6 +41,7 @@
     },
     "register_now": "Register now!",
     "register_now_small": "Register now",
+    "registration_running": "registration is running...",
     "registrationcode": "Registration Code",
     "registrieren": "Register Now",
     "resend_the_registration_mail": "Send me a login link",
@@ -48,6 +51,5 @@
     "this_is_not_a_valid_international_phone_number": "This is not a valid international phone number",
     "total": "Total",
     "view_my_data": "View my data",
-  "vorname": "Firstname",
+    "vorname": "Firstname"
-  "error-loading-privacy-policy": "Error loading Privacy Policy"
 }

src/views/Imprint.vue

@@ -2,7 +2,8 @@
   <section class="container px-4 py-24 mx-auto">
     <div class="simplecontent">
       <div class="mb-24 text-left md:text-center">
-        <h1 class="mb-4 text-4xl font-bold leading-tight text-gray-900 dark:text-gray-50 md:text-5xl">{{ $t('imprint') }}
+        <h1 class="mb-4 text-4xl font-bold leading-tight text-gray-900 dark:text-gray-50 md:text-5xl">{{ $t('imprint')
+          }}
         </h1>
       </div>
       <div class="mx-auto prose" v-html="content"></div>
@@ -12,7 +13,7 @@
 </template>
 <style src="../simple.css"></style>
 <script>
-import marked from "marked";
+import { marked } from "marked";
 import Footer from "@/components/Footer.vue";
 export default {
   components: { Footer },

src/views/Privacy.vue

@@ -12,7 +12,7 @@
 </template>
 <style src="../simple.css"></style>
 <script>
-import marked from "marked";
+import { marked } from "marked";
 import Footer from "@/components/Footer.vue";
 export default {
   components: { Footer },

src/views/Register.vue

@@ -12,15 +12,15 @@
     </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">
+    <div class="max-w-md w-full py-12 px-6 font-[Athiti]">
       <img class="mx-auto h-24 w-auto" src="/favicon-lfk.png" alt />
-      <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-center">
+      <h1 class="sm:text-3xl text-2xl font-semibold title-font mb-4 text-center">
         Lauf für Kaya! - {{ $t("registrieren") }}
       </h1>
-      <p class="mx-auto leading-relaxed text-base text-center">
+      <p class="mx-auto leading-relaxed text-base text-center font-medium">
         {{ $t("register.register_now") }}
       </p>
-      <p v-if="state.org_name !== ''" class="mx-auto leading-relaxed text-base text-center">
+      <p v-if="state.org_name !== ''" class="mx-auto leading-relaxed text-base text-center font-medium">
         {{ $t("organization") }}: {{ state.org_name }}
       </p>
       <p v-if="state.org_name !== '' && state.org_teams.length > 0"
@@ -48,7 +48,7 @@
         </option>
       </select>
       <p v-if="state.org_name === ''" class="mx-auto leading-relaxed text-base text-center">
-        Bürgerlauf
+        {{ $t('buergerlauf') }}
       </p>
       <div class="mt-4">
         <label for="first_name" class="block font-medium">
@@ -172,7 +172,7 @@
                 class="h-4 w-4 text-indigo-600 border-gray-300 rounded" />
             </div>
             <div class="ml-3 text-sm">
-              <label for="address_activated" class="font-medium text-gray-400 select-none">{{ $t("provide_address")
+              <label for="address_activated" class="font-medium text-gray-600 select-none">{{ $t("provide_address")
                 }}</label>
             </div>
           </div>
@@ -282,7 +282,7 @@
               class="h-4 w-4 text-indigo-600 border-gray-300 rounded" />
           </div>
           <div class="ml-3 text-sm">
-            <label for="agb_accepted" class="font-medium text-gray-400 select-none">
+            <label for="agb_accepted" class="font-medium text-gray-600 select-none">
               {{ $t("i_accept", { tos: $t("privacy_policy") }) }}
               <a target="_blank" rel="noreferrer,noopener" href="https://lauf-fuer-kaya.de/datenschutz/"
                 class="underline">{{ $t("privacy_policy") }}</a>
@@ -297,7 +297,7 @@
               class="h-4 w-4 text-indigo-600 border-gray-300 rounded" />
           </div>
           <div class="ml-3 text-sm">
-            <label for="data_confirmed" class="font-medium text-gray-400 select-none">
+            <label for="data_confirmed" class="font-medium text-gray-600 select-none">
               {{ $t("confirm_personal_data") }}
               <span class="font-bold">*</span>
             </label>
@@ -342,6 +342,8 @@ import isMobilePhone from "validator/es/lib/isMobilePhone";
 import isPostalCode from "validator/es/lib/isPostalCode";
 import { TYPE, useToast } from "vue-toastification";
 import Footer from "@/components/Footer.vue";
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
 
 const props = defineProps({
   token: String,
@@ -419,7 +421,7 @@ function login() {
       if (state.org_name !== "" && state.org_teams.length > 0) {
         postdata.team = org_team.value;
       }
-      toast("Registrierung läuft...");
+      toast(t('registration_running'));
       const browserlocale = (
         (navigator.languages && navigator.languages[0]) ||
         ""