RezHackXYZ/classroomstuff
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

made basic nav bar and intigrated the worldle options in it! will do rest intigrations lalter

Browse source
This commit is contained in:
RezHackXYZ 2025-06-06 13:06:18 +05:30
parent 923c7e9624
commit b98141bda0
4 changed files with 99 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

95
src/routes/nav.svelte
View file

@ -1,13 +1,86 @@
<button class="btn compact dull text-4xl">
<img
src="https://hc-cdn.hel1.your-objectstorage.com/s/v3/4a82e0c815624c7786ca2a5addbcc74487da8940_group_8__2_.svg"
class="h-12"
alt=""
/>Go back
<i class="nf nf-md-keyboard_backspace"></i>
</button>
<div>
<button class="btn compact dull circular text-4xl" aria-label="Settings">
<i class="nf nf-seti-config"></i>
<script>
import { page } from "$app/stores";
let CurrentPage = $state();
CurrentPage = $page.url.pathname;
$effect(() => {
CurrentPage = $page.url.pathname;
});
let details = {
"/kahootclone": {
title: "Quizlet Home",
conformOnBack: null,
},
"/kahootclone/create": {
title: "Create Quiz",
conformOnBack: "Are you sure you want to go back? You will lose all currently entered Q&As.",
},
"/kahootclone/play": {
title: "Play Quiz",
conformOnBack: "Are you sure you want to leave the game? you wont be able to rejoin it.",
},
"/kahootclone/host": {
title: "Host Quiz",
conformOnBack: "Are you sure you want to leave the game? if you leave, the game will end.",
},
"/kahootclone/join": {
title: "Join Quiz",
conformOnBack: null,
},
"/kahootclone/results": {
title: "Leaderboard of Quiz Played",
conformOnBack: null,
},
"/wordle": {
title: "Play wordle",
conformOnBack:
"Are you sure you want to leave the game? you will lose your current game progress.",
},
"/randomname": {
title: "select a random name",
conformOnBack: null,
},
"/announcer": {
title: "Announcer something",
conformOnBack: null,
},
"/IdleScreen": {
title: "A Idle Screen",
conformOnBack: null,
},
};
import { OpenTab } from "./wordle/InfoAndSetings/main.svelte";
</script>
<div class="mb-1 flex items-center justify-between rounded border-2">
<button
class="btn mini dull"
onclick={() => {
if (
details[CurrentPage].conformOnBack == null
? true
: confirm(details[CurrentPage].conformOnBack)
) {
window.location.href = "../";
}
}}
>
<img
src="https://hc-cdn.hel1.your-objectstorage.com/s/v3/4a82e0c815624c7786ca2a5addbcc74487da8940_group_8__2_.svg"
class="h-6"
alt=""
/>Go back
<i class="nf nf-md-keyboard_backspace"></i>
</button>
<span class="text-lg font-medium">
{details[CurrentPage].title}
</span>
<div class="flex gap-2">
{#if CurrentPage == "/wordle"}
<button class="btn dull mini" onclick={() => OpenTab("WordLength")}> Change word legnth </button>
<button class="btn dull mini" onclick={() => OpenTab("Stats")}>Stats </button>
{/if}
</div>
</div>