From cfbb7c064a3ea00f6b1d63d43f2d0c6e5d5ef47a Mon Sep 17 00:00:00 2001
From: Mawoka <mawoka@e.email>
Date: Wed, 23 Mar 2022 17:50:04 +0100
Subject: [PATCH] :rotating_light:

---
 frontend/src/routes/index.svelte | 34 ++++++++++++++++----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/src/routes/index.svelte b/frontend/src/routes/index.svelte
index 06ef5cb..6e2315a 100644
--- a/frontend/src/routes/index.svelte
+++ b/frontend/src/routes/index.svelte
@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
 	import { navbarVisible } from '$lib/stores';
 
 	navbarVisible.set(true);
@@ -8,7 +8,7 @@
 		user_count: number;
 	}
 
-	const getStats = async () => {
+	const getStats = async (): Promise<StatsData> => {
 		const response = await fetch('/api/v1/stats/combined');
 		return await response.json();
 	};
@@ -17,33 +17,33 @@
 <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.'
+		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>
-		<p class='text-xl mt-4'>The open-source quiz-platform!</p>
+	<div class="pt-12 text-center">
+		<h1 class="sm:text-8xl text-6xl mt-6 marck-script">ClassQuiz</h1>
+		<p class="text-xl mt-4">The open-source quiz-platform!</p>
 	</div>
 </section>
 
-<section id='stats'>
-	<div class='text-center pt-48 snap-y'>
-		<h1 class='sm:text-6xl text-4xl'>Stats</h1>
-		<p class='text-xl pt-4'>
+<section id="stats">
+	<div class="text-center pt-48 snap-y">
+		<h1 class="sm:text-6xl text-4xl">Stats</h1>
+		<p class="text-xl pt-4">
 			{#await getStats() then stats}
-				There are already <span class='underline'>{stats.user_count}</span> users and <span class='underline'>{stats.quiz_count}</span> quizzes on ClassQuiz.
+				There are already <span class="underline">{stats.user_count}</span> users and
+				<span class="underline">{stats.quiz_count}</span> quizzes on ClassQuiz.
 			{/await}
-
 		</p>
 	</div>
 </section>
-<section id='features'>
-	<div class='text-center pt-24 snap-y'>
-		<h1 class='sm:text-6xl text-4xl'>Features</h1>
-		<p class='text-xl pt-4'>
+<section id="features">
+	<div class="text-center pt-24 snap-y">
+		<h1 class="sm:text-6xl text-4xl">Features</h1>
+		<p class="text-xl pt-4">
 			ClassQuiz is a quiz-platform that allows you to create and manage quizzes.
 			<br />
 			The main feature is a KAHOOT!-import function that allows you to import quizzes from KAHOOT!-quizzes.