LobotomyLabs/classquiz-ai
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🌐 Added more translations

Browse Source
This commit is contained in:
Mawoka
2022-06-25 18:12:13 +02:00
parent e6aaba376e
commit 47e3f9faf6
4 changed files with 27 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/landing/landing-promo.svelte
+16 -11
View File
@@ -10,6 +10,9 @@
import SolutionMockup from '$lib/assets/landing/solution-mockup.webp';
import ImportSelectMockup from '$lib/assets/landing/import-select-mockup.webp';
import OverviewMockup from '$lib/assets/landing/overview-mockup.webp';
import { getLocalization } from '$lib/i18n';
const { t } = getLocalization();
let teacherTab = false;
</script>
@@ -20,9 +23,11 @@
<!-- <h1 class='text-5xl marck-script text-center pt-4'>Teacher</h1>-->
<div class="grid lg:grid-cols-2 grow pt-4 transition ease-in-out">
<h1 class="text-center text-3xl marck-script">1: Create or Import</h1>
<h1 class="text-center text-3xl marck-script">
1: {$t('index_page.create_or_import')}
</h1>
<h1 class="text-center text-3xl marck-script hidden lg:block">
2: See all your quizzes
2: {$t('index_page.see_all_quizzes')}
</h1>
<!-- <h1 class='text-center text-3xl marck-script'>3: See how many were right or wrong</h1>-->
@@ -30,7 +35,7 @@
<img src={ImportSelectMockup} class="w-4/6 align-top" alt="Select answer" />
</div>
<h1 class="text-center text-3xl marck-script lg:hidden block">
2: See all your quizzes
2: {$t('index_page.see_all_quizzes')}
</h1>
<div class="flex justify-center">
<img
@@ -52,19 +57,19 @@
<div class="h-fit">
<!-- <h1 class='text-5xl marck-script text-center pt-4'>Student</h1>-->
<div class="grid lg:grid-cols-3 grow pt-4 transition ease-in-out">
<h1 class="text-center text-3xl marck-script">1: Answer</h1>
<h1 class="text-center text-3xl marck-script">1: {$t('words.answer')}</h1>
<h1 class="text-center text-3xl marck-script lg:block hidden">
2: See what was right or wrong
2: {$t('index_page.see_what_true_and_false')}
</h1>
<h1 class="text-center text-3xl marck-script lg:block hidden">
3: See how many were right or wrong
3: {$t('index_page.see_how_many_true_and_false')}
</h1>
<div class="flex justify-center">
<img src={SelectMockup} class="w-4/6 align-top" alt="Select answer" />
</div>
<h1 class="text-center text-3xl marck-script lg:hidden block">
2: See what was right or wrong
2: {$t('index_page.see_what_true_and_false')}
</h1>
<div class="flex justify-center">
<img
@@ -74,7 +79,7 @@
/>
</div>
<h1 class="text-center text-3xl marck-script lg:hidden block">
3: See how many were right or wrong
3: {$t('index_page.see_how_many_true_and_false')}
</h1>
<div class="flex justify-center">
<img
@@ -95,7 +100,7 @@
on:click={() => {
teacherTab = true;
}}
>Teacher's site
>{$t('index_page.teachers_site')}
</button>
{:else}
<button
@@ -105,7 +110,7 @@
on:click={() => {
teacherTab = true;
}}
>Teacher's site
>{$t('index_page.teachers_site')}
</button>
{/if}
<button
@@ -115,7 +120,7 @@
on:click={() => {
teacherTab = false;
}}
>Student's site
>{$t('index_page.students_site')}
</button>
</div>
</div>