update branding (#24)

src/lib/rules.ts

@@ -2,7 +2,7 @@ export const rulesShort = {
 	header: `
 	Das Lesen der Regeln ist für alle Teilnehmer verpflichtend. Die Regeln sollen für einen reibungslosen und 
 	strukturierte Ablauf des Projekts sorgen, weshalb das Lesen der Regeln ein essenzieller Bestandteil für das Gelingen 
-	von CraftAttack 6 ist. Die Regeln sind wörtlich zu verstehen und sind Grundlage für das Projekt. Zur Vereinfachung 
+	von CraftAttack 7 ist. Die Regeln sind wörtlich zu verstehen und sind Grundlage für das Projekt. Zur Vereinfachung 
 	gehen sie nicht zu weit ins Detail und deuten teils nur umfangreiche Themengebiete an. Entscheidungen werden, wenn 
 	von Spielern angeregt, dann durch die Administratoren getroffen, die sich an den Regeln orientieren.
 	`,
@@ -106,7 +106,7 @@ export const rulesLong = {
 	header: `
 	Das Lesen der Regeln ist für alle Teilnehmer verpflichtend. Die Regeln sollen für einen reibungslosen und 
 	strukturierte Ablauf des Projekts sorgen, weshalb das Lesen der Regeln ein essenzieller Bestandteil für das Gelingen 
-	von CraftAttack 6 ist. Die Regeln sind wörtlich zu verstehen und sind Grundlage für das Projekt. Zur Vereinfachung 
+	von CraftAttack 7 ist. Die Regeln sind wörtlich zu verstehen und sind Grundlage für das Projekt. Zur Vereinfachung 
 	gehen sie nicht zu weit ins Detail und deuten teils nur umfangreiche Themengebiete an. Entscheidungen werden, wenn 
 	von Spielern angeregt, dann durch die Administratoren getroffen, die sich an den Regeln orientieren.
 	`,

src/routes/+page.svelte

@@ -4,7 +4,7 @@
 	import { Clock, User, WrenchScrewdriver } from 'svelte-heros-v2';
 	import Crosshairs from '$lib/components/CustomIcons/Crosshairs.svelte';
 	import Skull from '$lib/components/CustomIcons/Skull.svelte';
-	import type { PageData } from '../../.svelte-kit/types/src/routes/register/$types';
+	import type { PageData } from './$types';
 
 	let information = [
 		{
@@ -34,7 +34,7 @@
 <div class="flex flex-col min-h-screen relative">
 	<div class="flex items-center xl:w-1/2 px-6 sm:px-10 min-h-screen h-full">
 		<div class="flex flex-col items-center xl:items-start w-full xl:h-3/4 my-10">
-			<img src="{env.PUBLIC_BASE_PATH}/img/craftattack.webp" alt="Craftattack 6" />
+			<img src="{env.PUBLIC_BASE_PATH}/img/craftattack.webp" alt="Craftattack 7" />
 			<div class="flex flex-col gap-5 lg:gap-14 w-full mt-2 lg:mt-5 lg:w-10/12 h-full">
 				<div>
 					<div class="divider" />
@@ -78,7 +78,13 @@
 				verbessern und steigeren die Teilnehmerzahl.
 			</p>
 			<p>
-				Unser Ziel bei diesem ab dem <span class="underline">27.12.2023</span>
+				Unser Ziel bei diesem ab dem <span class="underline"
+					>{new Date(env.PUBLIC_START_DATE).toLocaleString('de-DE', {
+						day: '2-digit',
+						month: 'numeric',
+						year: 'numeric'
+					})}</span
+				>
 				stattfindenden Projekts ist es, sicherzustellen, dass alle Spieler eine großartige Erfahrung
 				haben und alles reibungslos abläuft. Wir freuen uns immer über Anregungen und stehen Dir jederzeit
 				zur Verfügung.

src/routes/admin/settings/+page.svelte

@@ -39,7 +39,7 @@
 				<input type="checkbox" class="toggle" bind:checked={settings.register.enabled} />
 			</label>
 			<label class="label">
-				<span>Text wenn die Anmeldung deaktiviert ist</span>
+				<span class="label-text">Text wenn die Anmeldung deaktiviert ist</span>
 				<input
 					type="text"
 					class="input input-bordered"
@@ -47,7 +47,7 @@
 				/>
 			</label>
 			<label class="label">
-				<span>Sub-Text wenn die Anmeldung deaktiviert ist</span>
+				<span class="label-text">Sub-Text wenn die Anmeldung deaktiviert ist</span>
 				<input
 					type="text"
 					class="input input-bordered"

src/routes/register/Register.svelte

@@ -5,9 +5,12 @@
 	import { env } from '$env/dynamic/public';
 	import { rulesShort } from '$lib/rules';
 	import { RegisterSchema } from './schema';
+	import { dev } from '$app/environment';
 
 	const dispatch = createEventDispatcher();
 
+	const modalTimeoutSeconds = dev ? 0 : 30;
+
 	// eslint-disable-next-line @typescript-eslint/no-empty-function
 	let checkInputs = () => {};
 	let playertype = 'java';
@@ -281,14 +284,14 @@
 			<!-- svelte-ignore a11y-no-static-element-interactions a11y-click-events-have-key-events -->
 			<div
 				class="relative w-min"
-				title={rulesModalSecondsOpened < 30
+				title={rulesModalSecondsOpened < modalTimeoutSeconds
 					? `Regeln können in ${Math.max(
-							30 - rulesModalSecondsOpened,
+							modalTimeoutSeconds - rulesModalSecondsOpened,
 							0
 						)} Sekunden akzeptiert werden`
 					: ''}
 				on:click={() => {
-					if (rulesModalSecondsOpened < 30) {
+					if (rulesModalSecondsOpened < modalTimeoutSeconds) {
 						errorMessage =
 							'Bitte lies die Regeln aufmerksam durch. Du kannst erst in einigen Sekunden fortfahren.';
 					}
@@ -296,7 +299,7 @@
 			>
 				<div class="absolute top-0 left-0 h-full w-full overflow-hidden rounded-lg">
 					<div
-						style="width: {Math.min((rulesModalSecondsOpened / 30) * 100, 100)}%"
+						style="width: {Math.min((rulesModalSecondsOpened / modalTimeoutSeconds) * 100, 100)}%"
 						class="h-full bg-base-300"
 					/>
 				</div>
@@ -304,7 +307,7 @@
 					id="rules-accept"
 					type="submit"
 					value="Akzeptieren"
-					disabled={rulesModalSecondsOpened < 30}
+					disabled={rulesModalSecondsOpened < modalTimeoutSeconds}
 					containerClass="bg-transparent z-[1] relative"
 					on:click={() => {
 						rulesAccepted = true;

src/routes/register/RegistrationComplete.svelte

@@ -49,7 +49,7 @@
 
 <h1 class="text-center text-xl sm:text-3xl mb-8">Registrierung erfolgreich</h1>
 <p>
-	<b>Du hast Dich erfolgreich für Craftattack 6 registriert</b>. Spielstart ist am
+	<b>Du hast Dich erfolgreich für Craftattack 7 registriert</b>. Spielstart ist am
 	<span class="underline"
 		>{new Date(env.PUBLIC_START_DATE).toLocaleString('de-DE', startDayOptions)}</span
 	>

src/routes/rules/+page.svelte

@@ -6,7 +6,7 @@
 	<title>Craftattack - Regeln</title>
 </svelte:head>
 
-<h1 class="text-3xl lg:text-5xl mb-4">CraftAttack 6 Regelwerk</h1>
+<h1 class="text-3xl lg:text-5xl mb-4">CraftAttack 7 Regelwerk</h1>
 <div class="collapse collapse-arrow">
 	<input type="checkbox" autocomplete="off" checked />
 	<div class="collapse-title">