From 0949e242238e2eaa1c530c7445e2774ee6cf2967 Mon Sep 17 00:00:00 2001
From: Mawoka <mawoka@e.email>
Date: Fri, 11 Mar 2022 19:22:02 +0100
Subject: [PATCH] :mag: Added titles and descriptions

---
 frontend/src/routes/account/login.svelte           | 3 +++
 frontend/src/routes/account/register.svelte        | 4 +++-
 frontend/src/routes/admin.svelte                   | 4 +++-
 frontend/src/routes/create.svelte                  | 4 +++-
 frontend/src/routes/docs/import-from-kahoot.svelte | 4 ++++
 frontend/src/routes/docs/index.svelte              | 4 ++++
 frontend/src/routes/docs/roadmap.svelte            | 4 ++++
 frontend/src/routes/docs/self-host.svelte          | 5 +++++
 frontend/src/routes/edit.svelte                    | 4 +++-
 frontend/src/routes/import.svelte                  | 4 +++-
 frontend/src/routes/index.svelte                   | 5 +++++
 frontend/src/routes/overview.svelte                | 4 ++++
 frontend/src/routes/play.svelte                    | 4 +++-
 frontend/src/routes/quiz/create.svelte             | 0
 14 files changed, 47 insertions(+), 6 deletions(-)
 delete mode 100644 frontend/src/routes/quiz/create.svelte

diff --git a/frontend/src/routes/account/login.svelte b/frontend/src/routes/account/login.svelte
index 4fcb75b..a4daa2d 100644
--- a/frontend/src/routes/account/login.svelte
+++ b/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>
diff --git a/frontend/src/routes/account/register.svelte b/frontend/src/routes/account/register.svelte
index 0225b17..e2ba015 100644
--- a/frontend/src/routes/account/register.svelte
+++ b/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
diff --git a/frontend/src/routes/admin.svelte b/frontend/src/routes/admin.svelte
index 792771c..7c0546f 100644
--- a/frontend/src/routes/admin.svelte
+++ b/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';
 
diff --git a/frontend/src/routes/create.svelte b/frontend/src/routes/create.svelte
index 81be79d..e548f50 100644
--- a/frontend/src/routes/create.svelte
+++ b/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';
diff --git a/frontend/src/routes/docs/import-from-kahoot.svelte b/frontend/src/routes/docs/import-from-kahoot.svelte
index 6f0c214..d478aa2 100644
--- a/frontend/src/routes/docs/import-from-kahoot.svelte
+++ b/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'
 >
diff --git a/frontend/src/routes/docs/index.svelte b/frontend/src/routes/docs/index.svelte
index b1c6c22..ec3916a 100644
--- a/frontend/src/routes/docs/index.svelte
+++ b/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'
 >
diff --git a/frontend/src/routes/docs/roadmap.svelte b/frontend/src/routes/docs/roadmap.svelte
index e065999..7b1bd73 100644
--- a/frontend/src/routes/docs/roadmap.svelte
+++ b/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'
 >
diff --git a/frontend/src/routes/docs/self-host.svelte b/frontend/src/routes/docs/self-host.svelte
index 86dcdcf..97ea807 100644
--- a/frontend/src/routes/docs/self-host.svelte
+++ b/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'
 >
diff --git a/frontend/src/routes/edit.svelte b/frontend/src/routes/edit.svelte
index a912aa7..ce3ad91 100644
--- a/frontend/src/routes/edit.svelte
+++ b/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
diff --git a/frontend/src/routes/import.svelte b/frontend/src/routes/import.svelte
index 1a7ccb3..4c6d060 100644
--- a/frontend/src/routes/import.svelte
+++ b/frontend/src/routes/import.svelte
@@ -13,7 +13,9 @@
 		};
 	}
 </script>
-
+<svelte:head>
+	<title>ClassQuiz - Import</title>
+</svelte:head>
 <script lang='ts'>
 	let url_input = '';
 
diff --git a/frontend/src/routes/index.svelte b/frontend/src/routes/index.svelte
index 69f1528..8fe2971 100644
--- a/frontend/src/routes/index.svelte
+++ b/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>
diff --git a/frontend/src/routes/overview.svelte b/frontend/src/routes/overview.svelte
index 5cca791..baebbce 100644
--- a/frontend/src/routes/overview.svelte
+++ b/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';
diff --git a/frontend/src/routes/play.svelte b/frontend/src/routes/play.svelte
index 38587b8..b36fe77 100644
--- a/frontend/src/routes/play.svelte
+++ b/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} />
diff --git a/frontend/src/routes/quiz/create.svelte b/frontend/src/routes/quiz/create.svelte
deleted file mode 100644
index e69de29..0000000