🌐 Added translation-strings for new landing-page

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

@@ -16,7 +16,35 @@
         "create_or_import": "Create or Import",
         "see_all_quizzes": "See all your quizzes",
         "teachers_site": "Teacher's site",
-        "students_site": "Student's site"
+        "students_site": "Student's site",
+        "no_tracking": "No Tracking",
+        "self_hostable": "Self-Hostable",
+        "german_server": "German Server",
+        "user_friendly": "User-Friendly",
+        "completely_free": "Completely Free",
+        "quiz_results_downloadable": "Quiz-results can be downloaded",
+        "multilingual": "Multilingual",
+        "dark_mode": "Darkmode",
+        "get_a_quiz": "1. Get a quiz",
+        "create_a_quiz_from_scratch": "Create a quiz from scratch with the editor and include pictures and more",
+        "find_or_explore": "Find (or explore) quizzes made or imported by other people",
+        "import_quiz_from_kahoot_and_edit": "Import a quiz from Kahoot! and edit it on ClassQuiz",
+        "play_quiz": "2. Play the quiz",
+        "select_answer": "Select the answer",
+        "choose_answer_wisely": "Choose your answer wisely",
+        "view_results": "View results",
+        "check_if_chosen_wisely": "Check, if you have chosen wisely",
+        "list_winners": "List winners",
+        "get_ranking_and_winners": "Get the ranking and see who won",
+        "why_classquiz": "Why ClassQuiz?",
+        "no_tracking_content": "Kahoot tracks with at least 2 american 3rd-parties and ClassQuiz doesn't track with any 3rd-parties at all!",
+        "self_hostable_content": "ClassQuiz can easily be self-hosted, so the data is only in your control!",
+        "user_friendly_content": "ClassQuiz tries to be as user-friendly as possible, so it is easy to use for everyone",
+        "completely_free_content": "ClassQuiz is completely free without any paid plans or annoying redirects to the upgrade-page. A donation is still appreciated!",
+        "quiz_results_downloadable_content": "Quiz-results can be easily exported into an Excel-spreadsheet. (Didn't know others couldn't do that)",
+        "multilingual_content": "ClassQuiz is already fully translated into English, German, Turkish, French and Italian. It is also partly translated into Indonesian and Catalan.",
+        "dark_mode_content": "One of the most important features a website can have!",
+        "german_server_content": "ClassQuiz's servers are located in Germany and hosted by netcup."
     },
     "overview_page": {
         "created_at": "Created at",
@@ -113,7 +141,8 @@
         "game_pin": "Game Pin",
         "other": "other",
         "other_plural": "others",
-        "donating": "donating"
+        "donating": "donating",
+        "find": "Find"
     },
     "editor": {
         "time_in_seconds": "Time in seconds",

frontend/src/routes/+page.svelte

@@ -70,41 +70,36 @@
 
 	const classquiz_reasons = [
 		{
-			headline: 'No Tracking',
+			headline: $t('index_page.no_tracking'),
-			content:
+			content: $t('index_page.no_tracking_content')
-				"Kahoot tracks with at least 2 american 3rd-parties and ClassQuiz doesn't track with any 3rd-parties at all!"
 		},
 		{
-			headline: 'Self-Hostable',
+			headline: $t('index_page.self_hostable'),
-			content: 'ClassQuiz can easily be self-hosted, so the data is only in your control!'
+			content: $t('index_page.self_hostable_content')
 		},
 		{
-			headline: 'German Server',
+			headline: $t('index_page.german_server'),
-			content: "ClassQuiz's servers are located in Germany and hosted by netcup."
+			content: $t('index_page.german_server_content')
 		},
 		{
-			headline: 'User-friendly',
+			headline: $t('index_page.user_friendly'),
-			content:
+			content: $t('index_page.user_friendly_content')
-				'ClassQuiz tries to be as user-friendly as possible, so it is easy to use for everyone'
 		},
 		{
-			headline: 'Completely Free',
+			headline: $t('index_page.completely_free'),
-			content:
+			content: $t('index_page.completely_free_content')
-				'ClassQuiz is completely free without any paid plans or annoying redirects to the upgrade-page. A donation is still appreciated!'
 		},
 		{
-			headline: 'Quiz-results can be downloaded',
+			headline: $t('index_page.quiz_results_downloadable'),
-			content:
+			content: $t('index_page.quiz_results_downloadable_content')
-				"Quiz-results can be easily exported into an Excel-spreadsheet. (Didn't know others couldn't do that)"
 		},
 		{
-			headline: 'Multilingual',
+			headline: $t('index_page.multilingual'),
-			content:
+			content: $t('index_page.multilingual_content')
-				'ClassQuiz is already fully translated into English, German, Turkish, French and Italian. It is also partly translated into Indonesian and Catalan.'
 		},
 		{
-			headline: 'Dark-Mode',
+			headline: $t('index_page.dark_mode'),
-			content: 'One of the most important features a website can have!'
+			content: $t('index_page.dark_mode_content')
 		}
 	];
 	let selected_classquiz_reason = 0;
@@ -199,7 +194,7 @@
 	<section>
 		<div class="flex justify-center w-full">
 			<h2 class="text-center text-3xl rounded-t-lg bg-opacity-40 bg-white py-2 px-6">
-				1. Get a quiz
+				{$t('index_page.get_a_quiz')}
 			</h2>
 		</div>
 		<div
@@ -262,8 +257,8 @@
 							/>
 						</svg>
 					</div>
-					<h5 class="text-xl w-fit">Create</h5>
+					<h5 class="text-xl w-fit">{$t('words.create')}</h5>
-					<p>Create a quiz from scratch with the editor and include pictures and more</p>
+					<p>{$t('index_page.create_a_quiz_from_scratch')}</p>
 				</div>
 				<div
 					class="m-2 rounded-lg p-2 bg-opacity-40 bg-white transition-all cursor-pointer lg:h-full"
@@ -291,8 +286,8 @@
 							/>
 						</svg>
 					</div>
-					<h5 class="text-xl">Find</h5>
+					<h5 class="text-xl">{$t('words.find')}</h5>
-					<p>Find (or explore) quizzes made or imported by other people</p>
+					<p>{$t('index_page.find_or_explore')}</p>
 				</div>
 				<div
 					class="m-2 rounded-lg p-2 bg-opacity-40 bg-white transition-all cursor-pointer lg:h-full"
@@ -320,8 +315,8 @@
 							/>
 						</svg>
 					</div>
-					<h5 class="text-xl">Import</h5>
+					<h5 class="text-xl">{$t('words.import')}</h5>
-					<p>Import a quiz from Kahoot! and edit it on ClassQuiz</p>
+					<p>{$t('index_page.import_quiz_from_kahoot_and_edit')}</p>
 				</div>
 			</div>
 		</div>
@@ -330,7 +325,7 @@
 	<section class="mt-24">
 		<div class="flex justify-center w-full">
 			<h2 class="text-center text-3xl rounded-t-lg bg-opacity-40 bg-white py-2 px-6">
-				2. Play the quiz
+				{$t('index_page.play_quiz')}
 			</h2>
 		</div>
 
@@ -394,8 +389,8 @@
 							/>
 						</svg>
 					</div>
-					<h5 class="text-xl w-fit">Select the answer</h5>
+					<h5 class="text-xl w-fit">{$t('index_page.select_answer')}</h5>
-					<p>Choose your answer wisely</p>
+					<p>{$t('index_page.choose_answer_wisely')}</p>
 				</div>
 				<div
 					class="m-2 rounded-lg p-2 bg-opacity-40 bg-white transition-all cursor-pointer lg:h-full"
@@ -423,8 +418,8 @@
 							/>
 						</svg>
 					</div>
-					<h5 class="text-xl">View results</h5>
+					<h5 class="text-xl">{$t('index_page.view_results')}</h5>
-					<p>Check, if you have chosen wisely</p>
+					<p>{$t('index_page.check_if_chosen_wisely')}</p>
 				</div>
 				<div
 					class="m-2 rounded-lg p-2 bg-opacity-40 bg-white transition-all cursor-pointer lg:h-full"
@@ -452,8 +447,8 @@
 							/>
 						</svg>
 					</div>
-					<h5 class="text-xl">List winners</h5>
+					<h5 class="text-xl">{$t('index_page.list_winners')}</h5>
-					<p>Get the ranking and see who won</p>
+					<p>{$t('index_page.get_ranking_and_winners')}</p>
 				</div>
 			</div>
 		</div>
@@ -462,7 +457,7 @@
 	<section class="mt-24">
 		<div class="flex justify-center w-full">
 			<h2 class="text-center text-3xl rounded-t-lg bg-opacity-40 bg-white py-2 px-6">
-				Why ClassQuiz?
+				{$t('index_page.why_classquiz')}
 			</h2>
 		</div>