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';
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.