🌐 Added more translation strings

frontend/src/lib/dashboard/start_game.svelte

@@ -11,7 +11,9 @@
 	import Spinner from '$lib/Spinner.svelte';
 	import { onMount } from 'svelte';
 	import { createTippy } from 'svelte-tippy';
+	import { getLocalization } from '$lib/i18n';
 
+	const { t } = getLocalization();
 	export let quiz_id;
 	let captcha_selected = false;
 	let selected_game_mode = 'kahoot';
@@ -103,9 +105,7 @@
 		{#if captcha_selected}
 			<div class="flex justify-center mt-2" in:fade>
 				<p class="w-1/3">
-					If enabled, Google's ReCaptcha will load in the browser of players. Only enable
-					if you really need it, since you need the consent of <b>EVERY</b> player to load
-					the captcha.
+					{$t("start_game.captcha_message")}
 				</p>
 				<!-- Todo: Add translation  -->
 			</div>
@@ -119,11 +119,9 @@
 					selected_game_mode = 'kahoot';
 				}}
 			>
-				<h2 class="text-center text-2xl">Normal</h2>
+				<h2 class="text-center text-2xl">{$t("words.normal")}</h2>
 				<p>
-					Question and answer will only be shown on admins screen, like Kahoot!. The
-					players will only have colored buttons with symbols matching these on the screen
-					of the admin.
+					{$t("start_game.normal_mode_description")}
 				</p>
 			</div>
 			<div
@@ -133,15 +131,14 @@
 					selected_game_mode = 'normal';
 				}}
 			>
-				<h2 class="text-center text-2xl">Old-School</h2>
+				<h2 class="text-center text-2xl">{$t("start_game.old_school_mode")}</h2>
 				<p>
-					Questions and images will be shown on both admins screen and on the screen of
-					the players
+					{$t("start_game.old_school_mode_description")}
 				</p>
 			</div>
 		</div>
 		<div class="flex justify-center items-center my-auto">
-			<label class="mr-4">Custom Field</label>
+			<label class="mr-4">{$t("result_page.custom_field")}</label>
 			<input
 				bind:value={custom_field}
 				class="rounded-lg p-2 outline-none placeholder:italic"
@@ -188,7 +185,7 @@
 			{#if loading}
 				<Spinner my_20={false} />
 			{:else}
-				Start Game
+			{$t("start_game.start_game")}
 			{/if}
 		</button>
 	</div>

frontend/src/lib/i18n/locales/en.json

@@ -168,7 +168,8 @@
         "point": "Point",
         "point_plural": "Points",
         "back": "Back",
-        "finish": "Finish"
+        "finish": "Finish",
+        "normal": "Normal"
     },
     "editor": {
         "time_in_seconds": "Time in seconds",
@@ -336,5 +337,12 @@
     "view_quiz_page": {
         "made_by": "Made by",
         "view_on_kahoot": "View on Kahoot!"
+    },
+    "start_game": {
+        "captcha_message": "If enabled, Google's ReCaptcha will load in the browser of players. Only enable if you really need it, since you need the consent of EVERY player to loadthe captcha.",
+        "normal_mode_description": "Question and answer will only be shown on admins screen, like Kahoot!. The players will only have colored buttons with symbols matching these on the screen of the admin.",
+        "old_school_mode": "Old-School",
+        "old_school_mode_description": "Questions and images will be shown on both admins screen and on the screen of the players",
+        "start_game": "Start Game"
     }
 }