Mawoka
53 lines
1.4 KiB
Svelte
53 lines
1.4 KiB
Svelte
<script lang='ts'>
|
|
import { navbarVisible } from '$lib/stores';
|
|
|
|
navbarVisible.set(true);
|
|
|
|
interface StatsData {
|
|
quiz_count: number;
|
|
user_count: number;
|
|
}
|
|
|
|
const getStats = async () => {
|
|
const response = await fetch('/api/v1/stats/combined');
|
|
return await response.json();
|
|
};
|
|
</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>
|
|
<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'>
|
|
{#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.
|
|
{/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'>
|
|
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.
|
|
</p>
|
|
</div>
|
|
</section>
|