format

package.json

@@ -13,41 +13,43 @@
 		"format": "prettier --write ."
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-node": "^1.3.1",
-		"@sveltejs/kit": "^1.27.6",
+		"@fontsource/nunito": "^5.1.0",
+		"@fontsource/roboto": "^5.1.0",
+		"@sveltejs/adapter-node": "^5.2.8",
+		"@sveltejs/kit": "^2.7.1",
 		"@types/bcrypt": "^5.0.2",
-		"@types/node": "^20.10.0",
-		"@types/validator": "^13.11.7",
-		"@typescript-eslint/eslint-plugin": "^6.13.1",
-		"@typescript-eslint/parser": "^6.13.1",
-		"autoprefixer": "^10.4.16",
-		"daisyui": "^4.4.14",
-		"eslint": "^8.54.0",
-		"eslint-config-prettier": "^9.0.0",
-		"eslint-plugin-svelte": "^2.35.1",
-		"postcss": "^8.4.31",
-		"prettier": "^3.1.0",
-		"prettier-plugin-svelte": "^3.1.2",
-		"sass": "^1.69.5",
-		"skinview3d": "^3.0.1",
-		"svelte": "^4.2.7",
-		"svelte-check": "^3.6.2",
-		"svelte-heros-v2": "^0.10.12",
+		"@types/node": "^22.7.7",
+		"@types/validator": "^13.12.2",
+		"@typescript-eslint/eslint-plugin": "^8.10.0",
+		"@typescript-eslint/parser": "^8.10.0",
+		"autoprefixer": "^10.4.20",
+		"daisyui": "^4.12.13",
+		"eslint": "^9.13.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-svelte": "^2.45.1",
+		"postcss": "^8.4.47",
+		"prettier": "^3.3.3",
+		"prettier-plugin-svelte": "^3.2.7",
+		"sass": "^1.80.3",
+		"skinview3d": "^3.1.0",
+		"svelte": "^4.2.19",
+		"svelte-check": "^4.0.5",
+		"svelte-heros-v2": "^1.3.0",
 		"svelte-multicssclass": "^2.1.1",
-		"svelte-preprocess": "^5.1.1",
-		"tailwindcss": "^3.3.5",
-		"tslib": "^2.6.2",
-		"typescript": "^5.3.2",
-		"vite": "^4.5.0",
-		"vitest": "^0.34.6"
+		"svelte-preprocess": "^6.0.3",
+		"tailwindcss": "^3.4.14",
+		"tslib": "^2.8.0",
+		"typescript": "^5.6.3",
+		"vite": "^5.4.9",
+		"vitest": "^2.1.3"
 	},
 	"type": "module",
 	"dependencies": {
 		"bcrypt": "^5.1.1",
-		"dotenv": "^16.3.1",
-		"mariadb": "^3.2.2",
-		"sequelize": "^6.35.1",
+		"dotenv": "^16.4.5",
+		"mariadb": "^3.3.2",
+		"sequelize": "^6.37.4",
 		"sequelize-typescript": "^2.1.6",
-		"sqlite3": "^5.1.6"
+		"sqlite3": "^5.1.7"
 	}
 }

src/app.css

@@ -1,3 +1,6 @@
+@import '@fontsource/nunito';
+@import '@fontsource/roboto';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -8,30 +11,6 @@
 		src: url('/fonts/MinecraftRegular.otf') format('opentype');
 	}
 
-	@font-face {
-		font-family: 'Roboto';
-		src: url('/fonts/Roboto-Regular.ttf') format('truetype');
-		font-weight: normal;
-	}
-
-	@font-face {
-		font-family: 'Roboto';
-		src: url('/fonts/Roboto-Medium.ttf') format('truetype');
-		font-weight: 500;
-	}
-
-	@font-face {
-		font-family: 'Roboto';
-		src: url('/fonts/Roboto-Bold.ttf') format('truetype');
-		font-weight: bold;
-	}
-
-	@font-face {
-		font-family: 'Roboto';
-		src: url('/fonts/Roboto-Black.ttf') format('truetype');
-		font-weight: 900;
-	}
-
 	html {
 		@apply font-roboto scroll-smooth;
 	}

src/routes/+layout.svelte

@@ -79,7 +79,7 @@
 </main>
 <nav>
 	<div
-		class="fixed bottom-4 right-4 sm:left-4 sm:right-[initial] group/menu-bar flex flex-col-reverse justify-center items-center"
+		class="fixed bottom-4 right-4 sm:left-4 sm:right-[initial] group/menu-bar flex flex-col-reverse justify-center items-center z-50"
 		class:hidden={onAdminPage}
 		bind:this={nav}
 	>

src/routes/admin/+layout.svelte

@@ -55,8 +55,8 @@
 	];
 
 	let pageTitleSuffix =
-		tabs.find((t) => $page.url.pathname === t.path)?.name ??
-		$page.url.pathname === `${env.PUBLIC_BASE_PATH}/admin/login`
+		(tabs.find((t) => $page.url.pathname === t.path)?.name ??
+		$page.url.pathname === `${env.PUBLIC_BASE_PATH}/admin/login`)
 			? 'Login '
 			: null;
 </script>

src/routes/register/+page.svelte

@@ -26,7 +26,7 @@
 >
 	{#if !data.enabled}
 		<div
-			class="absolute top-0 left-0 w-full h-full bg-black bg-opacity-50 backdrop-blur-sm z-50 rounded-xl flex justify-center md:items-center pt-20 md:pt-0"
+			class="absolute top-0 left-0 w-full h-full bg-black bg-opacity-50 backdrop-blur-sm z-10 rounded-xl flex justify-center md:items-center pt-20 md:pt-0"
 		>
 			<h1 class="text-2xl sm:text-3xl md:text-5xl text-white">Anmeldung geschlossen</h1>
 		</div>

src/routes/rules/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { rulesLong } from '$lib/rules';
+	import { rulesLong, rulesShort } from '$lib/rules';
 </script>
 
 <svelte:head>
@@ -7,14 +7,26 @@
 </svelte:head>
 
 <h1 class="text-3xl lg:text-5xl mb-4">CraftAttack 6 Regelwerk</h1>
-<p>{rulesLong.header}</p>
-<ol class="p-[revert] list-decimal my-6">
-	{#each rulesLong.sections as section}
-		<li class="mb-2">
-			{section.content}
-		</li>
+<div class="collapse collapse-arrow">
+	<input type="checkbox" autocomplete="off" checked />
+	<div class="collapse-title">
+		<p>0. Vorwort</p>
+	</div>
+	<div class="collapse-content">
+		<p>{rulesShort.header}</p>
+		<p class="mt-1 text-[.75rem]">{rulesShort.footer}</p>
+	</div>
+	<span class="block w-full h-[1px] mx-auto mb-1 bg-gray-600" />
+</div>
+{#each rulesShort.sections as section, i}
+	<div class="collapse collapse-arrow">
+		<input type="checkbox" autocomplete="off" />
+		<div class="collapse-title">
+			<p>{i + 1}. {section.title}</p>
+		</div>
+		<div class="collapse-content">
+			<p>{section.content}</p>
+		</div>
+	</div>
+	<span class="block w-full h-[1px] mx-auto mb-1 bg-gray-600" />
 {/each}
-</ol>
-<p>
-	{rulesLong.footer}
-</p>

tailwind.config.js

@@ -5,6 +5,7 @@ export default {
 		extend: {},
 		fontFamily: {
 			minecraft: ['Minecraft'],
+			nunito: ['Nunito'],
 			roboto: ['Roboto']
 		}
 	},