added a readme and added the kahhot clone link to it!

.vscode/settings.json

@@ -3,5 +3,5 @@
 	"[svelte]": {
 		"editor.defaultFormatter": "svelte.svelte-vscode"
 	},
-	"cSpell.words": ["kokoro"]
+	"cSpell.words": ["Kahoot", "kokoro"]
 }

jsconfig.json

@@ -26,10 +26,10 @@
 		"types": ["svelte", "estree"],
 		"exclude": [
 			"node_modules",
-			"package.json",
+			"**/node_modules/*",
-			"package-lock.json",
+			".git",
-			"src/Confetti.js",
+			"**/*",
-			""
+			"!src/wordle/**/*"
 		]
 	}
 }

readme.md

@@ -0,0 +1,19 @@
+# ClassRoomStuff
+
+![ClassRoomStuff's logo](https://hc-cdn.hel1.your-objectstorage.com/s/v3/4a82e0c815624c7786ca2a5addbcc74487da8940_group_8__2_.svg)
+
+A collection of awesome tools, games, and more — made to be used in any classroom!
+
+A project by [RezHackXYZ](https://rezhack.xyz) for [Neighborhood](https://neighborhood.hackclub.com/)
+
+[Try Now](https://edu.rezhack.xyz/) • [Repo for Kahhot Clone in the project](https://github.com/RezHackXYZ/KahootClone)
+
+---
+
+## The "Stuff" in it
+
+1. **DaKahootClone** — The best ever kahoot clone (code in [different repo](https://github.com/RezHackXYZ/KahootClone))
+2. **Timetable** — Clock included!
+3. **Name selector** — For any class activity!
+4. **Wordle** — Challenge your vocabulary!
+5. **Announcer** — To shout from the speakers!

src/SelectionMenue/TypeSelector.svelte

@@ -4,15 +4,38 @@
 		A collection of awesome tools, games, and more — made to be used in any
 		classroom!
 	</h2>
+	<h3>MAIN</h3>
+
+	<div id="items2">
+		<a href="https://kahoot-clone-rezhackxyz.vercel.app/">
+			<button class="button2">
+				<span class="front2">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						height="70px"
+						viewBox="0 -960 960 960"
+						width="70px"
+						fill="#e3e3e3"
+						><path
+							d="M560-360q17 0 29.5-12.5T602-402q0-17-12.5-29.5T560-444q-17 0-29.5 12.5T518-402q0 17 12.5 29.5T560-360Zm-30-128h60q0-29 6-42.5t28-35.5q30-30 40-48.5t10-43.5q0-45-31.5-73.5T560-760q-41 0-71.5 23T446-676l54 22q9-25 24.5-37.5T560-704q24 0 39 13.5t15 36.5q0 14-8 26.5T578-596q-33 29-40.5 45.5T530-488ZM320-240q-33 0-56.5-23.5T240-320v-480q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H320Zm0-80h480v-480H320v480ZM160-80q-33 0-56.5-23.5T80-160v-560h80v560h560v80H160Zm160-720v480-480Z"
+						/></svg
+					>
+					DaKahootClone
+					<p>The best ever kahoot clone.</p></span
+				>
+			</button></a
+		>
+	</div>
+	<h3>OTHERS</h3>
 	<div id="items">
 		<a href="#/IdleScreen">
 			<button>
 				<span class="front">
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
-						height="50px"
+						height="30px"
 						viewBox="0 -960 960 960"
-						width="50px"
+						width="30px"
 						fill="#FFFFFF"
 						><path
 							d="m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z"
@@ -28,9 +51,9 @@
 				<span class="front">
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
-						height="50px"
+						height="30px"
 						viewBox="0 -960 960 960"
-						width="50px"
+						width="30px"
 						fill="#FFFFFF"
 						><path
 							d="M0-240v-63q0-43 44-70t116-27q13 0 25 .5t23 2.5q-14 21-21 44t-7 48v65H0Zm240 0v-65q0-32 17.5-58.5T307-410q32-20 76.5-30t96.5-10q53 0 97.5 10t76.5 30q32 20 49 46.5t17 58.5v65H240Zm540 0v-65q0-26-6.5-49T754-397q11-2 22.5-2.5t23.5-.5q72 0 116 26.5t44 70.5v63H780Zm-455-80h311q-10-20-55.5-35T480-370q-55 0-100.5 15T325-320ZM160-440q-33 0-56.5-23.5T80-520q0-34 23.5-57t56.5-23q34 0 57 23t23 57q0 33-23 56.5T160-440Zm640 0q-33 0-56.5-23.5T720-520q0-34 23.5-57t56.5-23q34 0 57 23t23 57q0 33-23 56.5T800-440Zm-320-40q-50 0-85-35t-35-85q0-51 35-85.5t85-34.5q51 0 85.5 34.5T600-600q0 50-34.5 85T480-480Zm0-80q17 0 28.5-11.5T520-600q0-17-11.5-28.5T480-640q-17 0-28.5 11.5T440-600q0 17 11.5 28.5T480-560Zm1 240Zm-1-280Z"
@@ -46,9 +69,9 @@
 				<span class="front">
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
-						height="50px"
+						height="30px"
 						viewBox="0 -960 960 960"
-						width="50px"
+						width="30px"
 						fill="#FFFFFF"
 						><path
 							d="M182-200q-51 0-79-35.5T82-322l42-300q9-60 53.5-99T282-760h396q60 0 104.5 39t53.5 99l42 300q7 51-21 86.5T778-200q-21 0-39-7.5T706-230l-90-90H344l-90 90q-15 15-33 22.5t-39 7.5Zm16-86 114-114h336l114 114q2 2 16 6 11 0 17.5-6.5T800-304l-44-308q-4-29-26-48.5T678-680H282q-30 0-52 19.5T204-612l-44 308q-2 11 4.5 17.5T182-280q2 0 16-6Zm482-154q17 0 28.5-11.5T720-480q0-17-11.5-28.5T680-520q-17 0-28.5 11.5T640-480q0 17 11.5 28.5T680-440Zm-80-120q17 0 28.5-11.5T640-600q0-17-11.5-28.5T600-640q-17 0-28.5 11.5T560-600q0 17 11.5 28.5T600-560ZM310-440h60v-70h70v-60h-70v-70h-60v70h-70v60h70v70Zm170-40Z"
@@ -59,14 +82,15 @@
 				>
 			</button></a
 		>
+
 		<a href="#/announcer">
 			<button>
 				<span class="front">
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
-						height="50px"
+						height="30px"
 						viewBox="0 -960 960 960"
-						width="50px"
+						width="30px"
 						fill="#FFFFFF"
 						><path
 							d="M720-440v-80h160v80H720Zm48 280-128-96 48-64 128 96-48 64Zm-80-480-48-64 128-96 48 64-128 96ZM200-200v-160h-40q-33 0-56.5-23.5T80-440v-80q0-33 23.5-56.5T160-600h160l200-120v480L320-360h-40v160h-80Zm240-182v-196l-98 58H160v80h182l98 58Zm120 36v-268q27 24 43.5 58.5T620-480q0 41-16.5 75.5T560-346ZM300-480Z"
@@ -109,15 +133,25 @@
 		margin: 0;
 		color: #797979;
 		font-size: 30px;
+		margin-bottom: 40px;
 	}
-
+	#items2 {
-	#items {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: 20px;
+		flex-wrap: wrap;
+		margin-top: 10px;
+		margin-bottom: 20px;
+	}
+
+	#items {
+		margin-top: 10px;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		gap: 20px;
 		flex-wrap: wrap;
-		margin-top: 60px;
 	}
 
 	button {
@@ -127,7 +161,6 @@
 		padding: 0;
 		cursor: pointer;
 		outline-offset: 4px;
-		max-width: 400px;
 	}
 
 	.front {
@@ -135,7 +168,7 @@
 		flex-direction: column;
 		text-align: center;
 		align-items: center;
-		padding: 3px 30px;
+		padding: 5px 15px;
 		border-radius: 12px;
 		font-size: 1.25rem;
 		background: #4d4d4d;
@@ -143,16 +176,35 @@
 		transform: translateY(-7px);
 		transition: all 0.1s ease-in-out;
 		font-family: "JetBrains Mono", monospace;
-		font-size: 40px;
+		font-size: 30px;
+	}
+
+	.front2 {
+		display: flex;
+		flex-direction: column;
+		text-align: center;
+		align-items: center;
+		padding: 3px 30px;
+		border-radius: 12px;
+		background: #4d4d4d;
+		color: white;
+		transform: translateY(-7px);
+		transition: all 0.1s ease-in-out;
+		font-family: "JetBrains Mono", monospace;
+		font-size: 50px;
 	}
 
 	p {
-		font-size: 15px;
+		font-size: 12px;
 		color: #aaaaaa;
 		margin: 0;
 		text-align: center;
 	}
 
+	.front2 > p {
+		font-size: 20px;
+	}
+
 	button:hover .front {
 		transform: translateY(-10px);
 	}
@@ -179,4 +231,11 @@
 	a {
 		color: #aaaaaa;
 	}
+
+	h3 {
+		text-align: center;
+		margin: 0;
+		color: #aaaaaa;
+		font-size: 30px;
+	}
 </style>

src/announcer/ActualAnnouncer.svelte

@@ -98,6 +98,8 @@
 			>
 		{/if}
 	</div>
+
+
 </div>
 
 <style>

src/wordle/game.svelte

@@ -46,9 +46,7 @@
 				> Change word legnth
 			</span></button
 		>
-		<button
+		<button aria-label="Back to main menu" onclick={() => OpenTab("Stats")}
-			aria-label="Back to main menu"
-			onclick={() => OpenTab("Stats")}
 			><span class="front"
 				><svg
 					xmlns="http://www.w3.org/2000/svg"