🔍 Added titles and descriptions

frontend/src/routes/account/login.svelte

@@ -66,6 +66,9 @@
 		isSubmitting = false;
 	};
 </script>
+<svelte:head>
+	<title>ClassQuiz - Login</title>
+</svelte:head>
 
 <div class="flex items-center justify-center h-full px-4">
 	<div>

frontend/src/routes/account/register.svelte

@@ -68,7 +68,9 @@
 		data: ''
 	};
 </script>
-
+<svelte:head>
+	<title>ClassQuiz - Register</title>
+</svelte:head>
 <div class="flex items-center justify-center h-full px-4">
 	<div>
 		<div

frontend/src/routes/admin.svelte

@@ -21,7 +21,9 @@
 		};
 	}
 </script>
-
+<svelte:head>
+	<title>ClassQuiz - Host</title>
+</svelte:head>
 <script lang="ts">
 	import type { QuizData } from '../app';
 

frontend/src/routes/create.svelte

@@ -21,7 +21,9 @@
 		};
 	}
 </script>
-
+<svelte:head>
+	<title>ClassQuiz - Create</title>
+</svelte:head>
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import Editor from '$lib/editor.svelte';

frontend/src/routes/docs/import-from-kahoot.svelte

@@ -1,3 +1,7 @@
+<svelte:head>
+	<title>ClassQuiz/docs - Import from Kahoot</title>
+	<meta name=description content='How to import quizzes from KAHOOT! into ClassQuiz, the open-source quiz-application,  easily'>
+</svelte:head>
 <article
 	class='prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4'
 >

frontend/src/routes/docs/index.svelte

@@ -1,3 +1,7 @@
+<svelte:head>
+	<title>ClassQuiz/docs - Index</title>
+	<meta name=description content='The overview about the docs for ClassQuiz, the open-source quiz-application'>
+</svelte:head>
 <article
 	class='prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4'
 >

frontend/src/routes/docs/roadmap.svelte

@@ -1,3 +1,7 @@
+<svelte:head>
+	<title>ClassQuiz/docs - Roadmap</title>
+	<meta name=description content='The roadmap for ClassQuiz, the open-source quiz-application'>
+</svelte:head>
 <article
 	class='prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4'
 >

frontend/src/routes/docs/self-host.svelte

@@ -7,6 +7,11 @@
 		hljs.highlightAll();
 	});
 </script>
+
+<svelte:head>
+	<title>ClassQuiz/docs - Self-Host</title>
+	<meta name=description content='How to self-host ClassQuiz, the open-source quiz-application'>
+</svelte:head>
 <article
 	class='prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4'
 >

frontend/src/routes/edit.svelte

@@ -70,7 +70,9 @@
 		}
 	};
 </script>
-
+<svelte:head>
+	<title>ClassQuiz - Edit</title>
+</svelte:head>
 {#await get_quiz()}
 	<svg class="h-8 w-8 animate-spin mx-auto my-20" viewBox="3 3 18 18">
 		<path

frontend/src/routes/import.svelte

@@ -13,7 +13,9 @@
 		};
 	}
 </script>
-
+<svelte:head>
+	<title>ClassQuiz - Import</title>
+</svelte:head>
 <script lang='ts'>
 	let url_input = '';
 

frontend/src/routes/index.svelte

@@ -3,6 +3,11 @@
 	navbarVisible.set(true);
 </script>
 
+<svelte:head>
+	<title>ClassQuiz - Home</title>
+	<meta name="description" content="ClassQuiz is a quiz app like KAHOOT! for students, which is open source and free to use.">
+</svelte:head>
+
 <section>
 	<div class="pt-12 text-center">
 		<h1 class="sm:text-8xl text-6xl mt-6 marck-script">ClassQuiz</h1>

frontend/src/routes/overview.svelte

@@ -14,6 +14,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>ClassQuiz - Overview</title>
+</svelte:head>
+
 <script lang='ts'>
 	import type { QuizData } from '../app';
 	import { DateTime } from 'luxon';

frontend/src/routes/play.svelte

@@ -68,7 +68,9 @@
 	});
 	// The rest
 </script>
-
+<svelte:head>
+	<title>ClassQuiz - Play</title>
+</svelte:head>
 <div>
 	{#if !gameMeta.started && gameData === undefined}
 		<JoinGame {game_pin} />