From 078ae8970853303da45663b86d8d522a8b4217bd Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Sun, 18 May 2025 16:00:01 +0200
Subject: [PATCH] do not show footer on signup page

---
 src/layouts/website/SignupLayout.astro  |  20 ---
 src/layouts/website/WebsiteLayout.astro |   6 +-
 src/pages/signup.astro                  | 201 ++++++++++++------------
 3 files changed, 108 insertions(+), 119 deletions(-)
 delete mode 100644 src/layouts/website/SignupLayout.astro

diff --git a/src/layouts/website/SignupLayout.astro b/src/layouts/website/SignupLayout.astro
deleted file mode 100644
index 289622b..0000000
--- a/src/layouts/website/SignupLayout.astro
+++ /dev/null
@@ -1,20 +0,0 @@
----
-import WebsiteLayout from './WebsiteLayout.astro';
-
-interface Props {
-  signupEnabled: boolean;
-}
-
-const { signupEnabled } = Astro.props;
----
-
-<WebsiteLayout title="Anmeldung">
-  <div
-    class="flex justify-center w-full min-h-screen bg-base-200"
-    class:list={[!signupEnabled ? 'max-h-screen overflow-hidden' : undefined]}
-  >
-    <div class="relative grid card w-11/12 xl:w-2/3 2xl:w-1/2 p-6 my-12 bg-base-100 shadow-lg h-min">
-      <slot />
-    </div>
-  </div>
-</WebsiteLayout>
diff --git a/src/layouts/website/WebsiteLayout.astro b/src/layouts/website/WebsiteLayout.astro
index 92af86d..872c123 100644
--- a/src/layouts/website/WebsiteLayout.astro
+++ b/src/layouts/website/WebsiteLayout.astro
@@ -7,9 +7,11 @@ import Menu from '@components/website/layout/Menu.svelte';
 interface Props {
   title: string;
   description?: string;
+
+  footer?: boolean;
 }
 
-const { title, description } = Astro.props;
+const { title, description, footer = true } = Astro.props;
 ---
 
 <BaseLayout title={title} description={description} viewTransition>
@@ -19,7 +21,7 @@ const { title, description } = Astro.props;
   <nav>
     <Menu client:load transition:persist />
   </nav>
-  <footer class="flex justify-around items-center h-14 w-full bg-base-300 relative">
+  <footer class="flex justify-around items-center h-14 w-full bg-base-300 relative" hidden={!footer}>
     <div class="hidden sm:block">
       <p>© {new Date().getFullYear()} mhsl.eu</p>
     </div>
diff --git a/src/pages/signup.astro b/src/pages/signup.astro
index 8f8b490..6e7c87c 100644
--- a/src/pages/signup.astro
+++ b/src/pages/signup.astro
@@ -1,5 +1,5 @@
 ---
-import SignupLayout from '@layouts/website/SignupLayout.astro';
+import WebsiteLayout from '@layouts/website/WebsiteLayout.astro';
 import Checkbox from '@components/input/Checkbox.svelte';
 import Input from '@components/input/Input.svelte';
 import RulesPopup from '@components/website/signup/RulesPopup.svelte';
@@ -20,104 +20,111 @@ const signupDisabledMessage = signupSetting[SettingKey.SignupDisabledMessage] ??
 const signupDisabledSubMessage = signupSetting[SettingKey.SignupDisabledSubMessage] ?? '';
 ---
 
-<SignupLayout signupEnabled={signupEnabled}>
-  <h1 class="text-center text-3xl lg:text-5xl">Anmeldung</h1>
-  <form id="signup">
-    <div class="divider">Persönliche Angaben</div>
-    <div class="mx-2 grid grid-cols-1 sm:grid-cols-2 gap-x-4">
-      <Input
-        id="firstname"
-        type="text"
-        label="Vorname"
-        required
-        validation={{
-          pattern: '^\\w{2,}',
-          hint: 'Bitte gib Deinen vollständigen Vornamen an, dieser muss mindestens aus 2 Zeichen bestehen.'
-        }}
-        dynamicWidth
-      />
-      <Input
-        id="lastname"
-        type="text"
-        label="Nachname"
-        required
-        validation={{
-          pattern: '^\\w{2,}',
-          hint: 'Bitte gib Deinen vollständigen Nachnamen an, dieser muss mindestens aus 2 Zeichen bestehen.'
-        }}
-        dynamicWidth
-      />
-      <Input
-        id="birthday"
-        type="date"
-        label="Geburtstag"
-        required
-        validation={{
-          max: new Date(Date.now() - 1000 * 60 * 60 * 24 * 365 * 6).toLocaleDateString('sv-SE'),
-          hint: 'Bitte gib Deinen vollständigen Geburtstag und die korrekte Jahreszahl an. Du musst mindestens 6 Jahre alt sein.'
-        }}
-        dynamicWidth
-      >
-        <span slot="notice">Die Angabe hat keine Auswirkungen auf das Spielgeschehen.</span>
-      </Input>
-      <Input
-        id="phone"
-        type="tel"
-        label="Telefonnummer"
-        validation={{
-          pattern: '^[+\\(\\)\\s\\d]+$',
-          hint: 'Bitte gib Deine vollständige Telefonnummer an, diese darf keine ungültigen Zeichen enthalten'
-        }}
-        dynamicWidth
-      >
-        <span slot="notice">
-          Diese nutzen wir, um Dich in der Whatsapp-Gruppe zuzuordnen und kontaktieren zu können.
-          <br />
-          <b>Die Angabe ist freiwillig, hilft den Administratoren jedoch sehr!</b>
-        </span>
-      </Input>
-    </div>
-    <div class="divider">Spiel</div>
-    <div class="mx-2 grid grid-cols-1 sm:grid-cols-2 gap-x-4">
-      <Input id="username" type="text" label="Minecraft-Spielername" required dynamicWidth />
-      <Input id="teamMember" type="text" label="Mitspieler" required dynamicWidth>
-        <span slot="notice"
-          >Trage hier den Minecraft-Spielername des Mitspieler ein, mit dem du in ein Team möchtest. Auch dieser muss
-          bei seiner Anmeldung deinen Namen eintragen. Nur wenn ihr beide eure Namen gegenseitig eingetragen habt, kann
-          ein Team erstellt werden.</span
-        >
-      </Input>
-    </div>
-    <div class="divider"></div>
-    <div class="mx-2 grid gap-y-3 mb-6">
-      <Checkbox id="checkbox" required>
-        <span slot="label">
-          Ich bin mit der Speicherung meiner in der Anmeldung angegebenen, persönlichen Daten einverstanden. Siehe <a
-            class="link"
-            href="https://mhsl.eu/id.html"
-            target="_blank">Datenschutz</a
+<WebsiteLayout title="Anmeldung" footer={false}>
+  <div
+    class="flex justify-center w-full min-h-screen bg-base-200"
+    class:list={[!signupEnabled ? 'max-h-screen overflow-hidden' : undefined]}
+  >
+    <div class="relative grid card w-11/12 xl:w-2/3 2xl:w-1/2 p-6 my-12 bg-base-100 shadow-lg h-min">
+      <h1 class="text-center text-3xl lg:text-5xl">Anmeldung</h1>
+      <form id="signup">
+        <div class="divider">Persönliche Angaben</div>
+        <div class="mx-2 grid grid-cols-1 sm:grid-cols-2 gap-x-4">
+          <Input
+            id="firstname"
+            type="text"
+            label="Vorname"
+            required
+            validation={{
+              pattern: '^\\w{2,}',
+              hint: 'Bitte gib Deinen vollständigen Vornamen an, dieser muss mindestens aus 2 Zeichen bestehen.'
+            }}
+            dynamicWidth
+          />
+          <Input
+            id="lastname"
+            type="text"
+            label="Nachname"
+            required
+            validation={{
+              pattern: '^\\w{2,}',
+              hint: 'Bitte gib Deinen vollständigen Nachnamen an, dieser muss mindestens aus 2 Zeichen bestehen.'
+            }}
+            dynamicWidth
+          />
+          <Input
+            id="birthday"
+            type="date"
+            label="Geburtstag"
+            required
+            validation={{
+              max: new Date(Date.now() - 1000 * 60 * 60 * 24 * 365 * 6).toLocaleDateString('sv-SE'),
+              hint: 'Bitte gib Deinen vollständigen Geburtstag und die korrekte Jahreszahl an. Du musst mindestens 6 Jahre alt sein.'
+            }}
+            dynamicWidth
           >
-        </span>
-      </Checkbox>
-      <Checkbox id="logs" required>
-        <span slot="label">
-          Ich bin mit der Speicherung in Form von Logs aller meiner, beim Spielen anfallenden, persönlichen Daten durch
-          den Server einverstanden
-        </span>
-        <span slot="notice" class="text-[.65rem]">
-          Dies betrifft jede Interaktion im Spiel und zugehörige Daten wie z.B. Chatnachrichten welche vom Minecraft
-          Client an den Server übermittelt werden
-        </span>
-      </Checkbox>
-      <Checkbox id="rules" required>
-        <span slot="label">
-          Ich bin mit den <a class="link" onclick="">Regeln</a> einverstanden und achte sie
-        </span>
-      </Checkbox>
+            <span slot="notice">Die Angabe hat keine Auswirkungen auf das Spielgeschehen.</span>
+          </Input>
+          <Input
+            id="phone"
+            type="tel"
+            label="Telefonnummer"
+            validation={{
+              pattern: '^[+\\(\\)\\s\\d]+$',
+              hint: 'Bitte gib Deine vollständige Telefonnummer an, diese darf keine ungültigen Zeichen enthalten'
+            }}
+            dynamicWidth
+          >
+            <span slot="notice">
+              Diese nutzen wir, um Dich in der Whatsapp-Gruppe zuzuordnen und kontaktieren zu können.
+              <br />
+              <b>Die Angabe ist freiwillig, hilft den Administratoren jedoch sehr!</b>
+            </span>
+          </Input>
+        </div>
+        <div class="divider">Spiel</div>
+        <div class="mx-2 grid grid-cols-1 sm:grid-cols-2 gap-x-4">
+          <Input id="username" type="text" label="Minecraft-Spielername" required dynamicWidth />
+          <Input id="teamMember" type="text" label="Mitspieler" required dynamicWidth>
+            <span slot="notice"
+              >Trage hier den Minecraft-Spielername des Mitspieler ein, mit dem du in ein Team möchtest. Auch dieser
+              muss bei seiner Anmeldung deinen Namen eintragen. Nur wenn ihr beide eure Namen gegenseitig eingetragen
+              habt, kann ein Team erstellt werden.</span
+            >
+          </Input>
+        </div>
+        <div class="divider"></div>
+        <div class="mx-2 grid gap-y-3 mb-6">
+          <Checkbox id="checkbox" required>
+            <span slot="label">
+              Ich bin mit der Speicherung meiner in der Anmeldung angegebenen, persönlichen Daten einverstanden. Siehe <a
+                class="link"
+                href="https://mhsl.eu/id.html"
+                target="_blank">Datenschutz</a
+              >
+            </span>
+          </Checkbox>
+          <Checkbox id="logs" required>
+            <span slot="label">
+              Ich bin mit der Speicherung in Form von Logs aller meiner, beim Spielen anfallenden, persönlichen Daten
+              durch den Server einverstanden
+            </span>
+            <span slot="notice" class="text-[.65rem]">
+              Dies betrifft jede Interaktion im Spiel und zugehörige Daten wie z.B. Chatnachrichten welche vom Minecraft
+              Client an den Server übermittelt werden
+            </span>
+          </Checkbox>
+          <Checkbox id="rules" required>
+            <span slot="label">
+              Ich bin mit den <a class="link" onclick="">Regeln</a> einverstanden und achte sie
+            </span>
+          </Checkbox>
+        </div>
+        <button class="btn btn-neutral">Anmeldung absenden</button>
+      </form>
     </div>
-    <button class="btn btn-neutral">Anmeldung absenden</button>
-  </form>
-</SignupLayout>
+  </div>
+</WebsiteLayout>
 
 <RulesPopup client:idle />