frontend/components/Login.vue

@@ -6,34 +6,34 @@
                 <label class="font-bold">Email</label>
                 <input v-model="form.email" required="true" placeholder="user@example.com" class="input mb-5" type="email">
 
-                <label class="font-bold">Password</label>
+                <label class="font-bold">Wachtwoord</label>
                 <input v-model="form.password" required="true" class="input" :type="showPassword ? 'text' : 'password'">
                 <div class="mb-5 mt-1 flex items-center text-default">
                     <input v-model="showPassword" type="checkbox" class="mr-1 checkbox ">
-                    <span>Show Password</span>
+                    <span>Toon wachtwoord</span>
                 </div>
 
                 <div class="w-full flex flex-wrap justify-between">
                     <input :disabled="disableButtons" type="submit" value="Login" class="btn w-full sm:w-24 mb-1">
-                    <button @click="forgotPassword" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Forgot Password?</button>
+                    <button @click="forgotPassword" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Wachtwoord vergeten?</button>
                 </div>
             </form>
             <form v-else @submit.prevent="submitCreateForm" class="flex flex-col">
-                <h3 class="text-center text-default text-lg mb-5">Creating account for <br><b>{{ form.email }}</b></h3>
+                <h3 class="text-center text-default text-lg mb-5">Account aanmaken voor <br><b>{{ form.email }}</b></h3>
-                <label class="font-bold">New Password</label>
+                <label class="font-bold">Nieuw wachtwoord</label>
                 <input v-model="form.newPassword" required="true" class="input mb-1" :type="showPassword ? 'text' : 'password'">
                 <span class="mb-5 text-default italic text-sm">Minimaal 8 karakters</span>
 
-                <label class="font-bold">Confirm New Password</label>
+                <label class="font-bold">Herhaal nieuw wachtwoord</label>
                 <input v-model="form.confirmNewPassword" required="true" class="input" :type="showPassword ? 'text' : 'password'">
                 <div class="mb-5 mt-1 flex items-center text-default">
                     <input v-model="showPassword" type="checkbox" class="mr-1 checkbox ">
-                    <span>Show Password</span>
+                    <span>Toon wachtwoord</span>
                 </div>
 
                 <div class="w-full flex flex-wrap">
                     <input :disabled="disableButtons" type="submit" value="Create Account" class="btn w-full sm:w-40 mb-1">
-                    <button @click="goBack" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Not you? Go back</button>
+                    <button @click="goBack" class="hover:underline font-bold w-full sm:w-max sm:ml-auto">Jij niet? Ga terug</button>
                 </div>
             </form>
         </div>

frontend/components/layout/Navbar.vue

@@ -7,11 +7,11 @@
             </NuxtLink>
             <NuxtLink to="/news" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path.startsWith('/news') ? 'text-primary' : ''">
                 <Icon size="1.8em" name="ion:newspaper-outline" />
-                <span>News</span>
+                <span>Nieuws</span>
             </NuxtLink>
             <NuxtLink to="/calendar" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path === '/calendar' ? 'text-primary' : ''">
                 <Icon size="1.8em" name="ion:calendar-outline" />
-                <span>Calendar</span>
+                <span>Agenda</span>
             </NuxtLink>
             <NuxtLink to="/settings" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path.startsWith('/settings') ? 'text-primary' : ''">
                 <Icon size="1.8em" name="ion:settings-sharp" />

frontend/pages/calendar.vue

@@ -17,7 +17,7 @@
 
 <script setup>
 definePageMeta({
-    title: 'Calendar'
+    title: 'Agenda'
 })
 
 const { userPersons, calEvents } = inject('firebase')

frontend/pages/news/newmessage.vue

@@ -1,10 +1,10 @@
 <template>
     <div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md">
         <form @submit.prevent="sendNews" class="flex flex-col">
-            <label class="font-bold">Title</label>
+            <label class="font-bold">Titel</label>
             <input v-model="form.title" required="true" class="input mb-5" type="text">
 
-            <label class="font-bold">Description</label>
+            <label class="font-bold">Beschrijving</label>
             <textarea v-model="form.description" required="true" class="input mb-5" />
 
             <div class="w-full flex flex-wrap justify-between">

frontend/pages/settings/index.vue

@@ -12,7 +12,7 @@
                 </div>
                 <div class="divider" />
                 <div class="item">
-                    Groups: <b>{{ groups.join(', ') }}</b>
+                    Groepen: <b>{{ groups.join(', ') }}</b>
                 </div>
                 <div v-if="userPersons.map(a => a.diploma).filter(n => n !== '').join('')" class="divider" />
                 <div v-if="userPersons.map(a => a.diploma).filter(n => n !== '').join('')" class="item">
@@ -20,7 +20,7 @@
                 </div>
                 <div class="divider" />
                 <NuxtLink to="/settings/privacypolicy" class="item-hover py-2 rounded-t flex items-center">
-                    <span>Privacy Policy</span>
+                    <span>Privacybeleid</span>
                     <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
                 </NuxtLink>
             </div>
@@ -34,17 +34,17 @@
                 </NuxtLink>
                 <div class="divider" />
                 <NuxtLink to="/settings/config/changepassword" class="item-hover py-2 flex items-center">
-                    <span>Change Password</span>
+                    <span>Verander Wachtwoord</span>
                     <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
                 </NuxtLink>
                 <div class="divider" />
                 <NuxtLink to="/settings/config/changeemail" class="item-hover py-2 flex items-center">
-                    <span>Change Email</span>
+                    <span>Verander Email</span>
                     <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
                 </NuxtLink>
                 <div class="divider" />
                 <div @click="logout" class="item-hover rounded-b flex items-center">
-                    Logout
+                    Uitloggen 
                 </div>
             </div>
         </div>
@@ -52,7 +52,7 @@
             <h1 class="text-xl ml-2 font-bold">Admin</h1>
             <div class="container">
                 <NuxtLink to="/settings/admin/users" class="rounded-t item-hover py-2 flex items-center">
-                    <span>Manage users</span>
+                    <span>Beheer gebruikers</span>
                     <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
                 </NuxtLink>
                 <div class="divider" />

frontend/pages/settings/privacypolicy.vue

@@ -17,7 +17,7 @@
 
 <script setup>
 definePageMeta({
-    title: 'Privacy Policy',
+    title: 'Privacybeleid',
     key: 'back'
 })
 </script>

frontend/pages/wedstrijd/addcontest.vue

@@ -72,7 +72,6 @@
       <input type="submit" class="btn mt-10 px-5 w-min mx-auto" value="Wedstrijd toevoegen" />
     </form>
   </div>
-  <span class="whitespace-pre">{{ contest }}</span>
 </template>
 
 <script setup>