- {#if FlagAscii == true}
-
- {:else}
-
- {/if}
-
🎓 Your One-Stop Toolkit for Interactive Classrooms!
-
Get Stated
+
+
+
+ {#if FlagAscii == true}
+
+ {:else}
+
+ {/if}
+
+ The
+
+
+ classroom
+
+ for all the teachers and students needs!
+
+
+
+
+
+
diff --git a/src/routes/+HomePage/rightCards.svelte b/src/routes/+HomePage/rightCards.svelte
new file mode 100644
index 0000000..eda5cc1
--- /dev/null
+++ b/src/routes/+HomePage/rightCards.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {#each tools as tool, i}
+ {#if i < 3}
+
+
+
{tool.name}
+
+
+
{@html tool.description}
+
+ {/if}
+ {/each}
+
+
diff --git a/src/routes/+HomePage/tools.json b/src/routes/+HomePage/tools.json
new file mode 100644
index 0000000..56557b2
--- /dev/null
+++ b/src/routes/+HomePage/tools.json
@@ -0,0 +1,37 @@
+[
+ {
+ "name": "Kahoot Clone",
+ "description": "A Kahoot clone built from scratch with a Postgres DB, AI integration, and more.",
+ "link": "/kahootclone",
+ "icon": "nf-md-chat_question",
+ "image": "https://placehold.co/1800x1000?text=screenshot+TBA"
+ },
+ {
+ "name": "Wordle",
+ "description": "with unlimited tries, customizable world lengths and more.",
+ "link": "/wordle",
+ "icon": "nf-md-file_word_box",
+ "image": "https://placehold.co/1800x1000?text=screenshot+TBA"
+ },
+ {
+ "name": "Announcer",
+ "description": "To let the have computer
talk shout on them, if they don't listen to you",
+ "link": "/announcer",
+ "icon": "nf-md-speaker_wireless",
+ "image": "https://placehold.co/1800x1000?text=screenshot+TBA"
+ },
+ {
+ "name": "Name Selecter",
+ "description": "to chose any student randomly, with memory of previous names and more.",
+ "link": "/randomname",
+ "icon": "nf-oct-people",
+ "image": "https://placehold.co/1800x1000?text=screenshot+TBA"
+ },
+ {
+ "name": "Time&Table",
+ "description": "The perfect idle screen when theres no teacher with the timetable, time and date!",
+ "link": "/randomname",
+ "icon": "nf-cod-table",
+ "image": "https://placehold.co/1800x1000?text=screenshot+TBA"
+ }
+]
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b6c5847..2c6450a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,8 +1,9 @@
-
\ No newline at end of file
+
+
\ No newline at end of file
diff --git a/src/routes/old +page.svelte b/src/routes/old +page.svelte
deleted file mode 100644
index 98147ed..0000000
--- a/src/routes/old +page.svelte
+++ /dev/null
@@ -1,112 +0,0 @@
-
-
-
A collection of awesome tools, games, and more — made to be used in any classroom!
-
MAIN
-
-
OTHERS
-
-
-
-
\ No newline at end of file
diff --git a/src/routes/RandomName/+page.svelte b/src/routes/randomname/+page.svelte
similarity index 100%
rename from src/routes/RandomName/+page.svelte
rename to src/routes/randomname/+page.svelte
diff --git a/src/routes/RandomName/EditNameOfStudents.svelte b/src/routes/randomname/EditNameOfStudents.svelte
similarity index 100%
rename from src/routes/RandomName/EditNameOfStudents.svelte
rename to src/routes/randomname/EditNameOfStudents.svelte
diff --git a/src/routes/RandomName/TopDisplay.svelte b/src/routes/randomname/TopDisplay.svelte
similarity index 100%
rename from src/routes/RandomName/TopDisplay.svelte
rename to src/routes/randomname/TopDisplay.svelte
diff --git a/src/routes/RandomName/selector.svelte b/src/routes/randomname/selector.svelte
similarity index 100%
rename from src/routes/RandomName/selector.svelte
rename to src/routes/randomname/selector.svelte
diff --git a/src/routes/tailwind.css b/src/routes/tailwind.css
index 47fa6dc..555c97a 100644
--- a/src/routes/tailwind.css
+++ b/src/routes/tailwind.css
@@ -3,15 +3,17 @@
@import "tailwindcss";
:root {
- @apply bg-gray-950 p-5 text-white;
+ @apply bg-gray-950 text-white;
}
-
-
.btn {
@apply cursor-pointer rounded border-2 border-white bg-gray-600 px-4 py-2 font-bold text-white transition-all hover:scale-105 hover:-rotate-5 hover:bg-gray-500 hover:shadow-lg;
&.green {
@apply bg-green-600 hover:bg-green-500;
}
+}
+
+.card {
+ @apply shadow-[4px_4px_0px_0px_white] hover:-translate-0.5 hover:shadow-[6px_6px_0px_0px_white] active:translate-0.5 active:shadow-[2px_2px_0px_0px_white] cursor-pointer border-2 border-gray-700 bg-gray-800 p-4 rounded transition-all;
}
\ No newline at end of file
+ 
- {/if}
-