This commit is contained in:
Mawoka
2022-03-23 17:50:04 +01:00
parent b21d9721f5
commit cfbb7c064a
+17 -17
View File
@@ -1,4 +1,4 @@
<script lang='ts'> <script lang="ts">
import { navbarVisible } from '$lib/stores'; import { navbarVisible } from '$lib/stores';
navbarVisible.set(true); navbarVisible.set(true);
@@ -8,7 +8,7 @@
user_count: number; user_count: number;
} }
const getStats = async () => { const getStats = async (): Promise<StatsData> => {
const response = await fetch('/api/v1/stats/combined'); const response = await fetch('/api/v1/stats/combined');
return await response.json(); return await response.json();
}; };
@@ -17,33 +17,33 @@
<svelte:head> <svelte:head>
<title>ClassQuiz - Home</title> <title>ClassQuiz - Home</title>
<meta <meta
name='description' name="description"
content='ClassQuiz is a quiz app like KAHOOT! for students, which is open source and free to use.' content="ClassQuiz is a quiz app like KAHOOT! for students, which is open source and free to use."
/> />
</svelte:head> </svelte:head>
<section> <section>
<div class='pt-12 text-center'> <div class="pt-12 text-center">
<h1 class='sm:text-8xl text-6xl mt-6 marck-script'>ClassQuiz</h1> <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> <p class="text-xl mt-4">The open-source quiz-platform!</p>
</div> </div>
</section> </section>
<section id='stats'> <section id="stats">
<div class='text-center pt-48 snap-y'> <div class="text-center pt-48 snap-y">
<h1 class='sm:text-6xl text-4xl'>Stats</h1> <h1 class="sm:text-6xl text-4xl">Stats</h1>
<p class='text-xl pt-4'> <p class="text-xl pt-4">
{#await getStats() then stats} {#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} {/await}
</p> </p>
</div> </div>
</section> </section>
<section id='features'> <section id="features">
<div class='text-center pt-24 snap-y'> <div class="text-center pt-24 snap-y">
<h1 class='sm:text-6xl text-4xl'>Features</h1> <h1 class="sm:text-6xl text-4xl">Features</h1>
<p class='text-xl pt-4'> <p class="text-xl pt-4">
ClassQuiz is a quiz-platform that allows you to create and manage quizzes. ClassQuiz is a quiz-platform that allows you to create and manage quizzes.
<br /> <br />
The main feature is a KAHOOT!-import function that allows you to import quizzes from KAHOOT!-quizzes. The main feature is a KAHOOT!-import function that allows you to import quizzes from KAHOOT!-quizzes.