Fixes...

src/components/Link.svelte

@@ -23,6 +23,6 @@
     export let to: string;
 </script>
 
-<a href={l("/rules/" + to)}>
+<a href={l(to)}>
     <slot />
 </a>

src/content/pages/de/faq.mdx

@@ -5,6 +5,7 @@ slug: haeufige-fragen
 slugs:
   en: faq
 ---
+import Link from "../../../components/Link.svelte";
 
 # Server/ IP-Adresse
 
@@ -12,15 +13,17 @@ slugs:
 Steamwar.de
 
 #### Mit welcher Version kann ich auf den Server joinen?
-SteamWar läuft auf der 1.19.4, du kannst aber mit den Versionen 1.12.x -1.19.4 joinen.
+SteamWar läuft auf der 1.20.1, du kannst aber mit den Versionen 1.12.x - 1.21.1 joinen.
 
 #### Kann ich auch mit der Bedrock-Version joinen?
-Ja, über die IP: steamwar.de
+Ja, über die IP: `steamwar.de`
 
 # Allgemeines
 
 #### Wo finde ich die Verhaltensrichtlinien/ Serverregeln
-Über diese Website unter „Startseite“ oder indem du hier drauf klickst
+Über diese Website unter „Startseite“ oder indem du
+<Link to={"/verhaltensrichtlinien"} client:idle>hier</Link>
+drauf klickst
 
 # Minigames/ Fights
 
@@ -70,8 +73,10 @@ Am Anfang ist es am einfachsten, das Bau-GUI zu nutzen. Das geht entweder über
 # Schematics
 
 #### Wo kann ich meine Schematics hochladen?
-Entweder über https://steamwar.de/startseite/schematicupload/
-  Oder schicke unserem Discord Bot (Steamwar Bot#9952) die Schematic per Privatnachricht. Dafür musst du deinen Minecraft und Discord Account bei uns verknüpft haben.
+Entweder über das
+<Link to={"/login"}>Dashboard</Link>
+
+Oder schicke unserem Discord Bot (Steamwar Bot#9952) die Schematic per Privatnachricht. Dafür musst du deinen Minecraft und Discord Account bei uns verknüpft haben.
 
 #### Wie kann ich meine Schematics herunterladen?
 Über die ingame Download Funktion im Schem-GUI „//schem gui“, und „//schem download [schematic]“,
@@ -124,11 +129,6 @@ Nein
 #### Kann ich während eines Events noch Spieler in mein Team einladen?
 Nein. Während eines laufenden Events sind Neuaufnahmen in ein Team nicht möglich.
 
-# Forum
-
-#### Wo finde ich das Forum?
-Auf unserem Discord Server unter der Kategorie „Forum“
-
 # Website
 
 #### Wie melde ich mich auf der Website an?

src/content/rules/de/wargear.mdx

@@ -1,7 +1,7 @@
 ---
 translationKey: wg
 ---
-import RulesLink from "../../../components/RulesLink.svelte";
+import Link from "../../../components/Link.svelte";
 
 # WarGear
 
@@ -11,16 +11,16 @@ Ein WarGear ist eine Redstone-Kampfmaschine in Minecraft. Diese werden mit einer
 
 Basic WarGears sollen primär Einsteigern eine Möglichkeit geben in WarGears rein zu kommen und erste selbstgebaute Technik zu ermöglichen.
 
-<RulesLink to="basic-wargear" client:idle>-> Zum Regelwerk</RulesLink>
+<Link to="/rules/basic-wargear" client:idle>-> Zum Regelwerk</Link>
 
 ## \(Standard) Wargear
 
 (Standard) WarGear bzw einfach nur WarGear ist der WarGear Hauptspielmodus. Dieses Regelwerk wird bei WarGear Events bevorzugt ausgewählt, jedoch nicht ausschließlich genutzt.
 
-<RulesLink to="standard-wargear" client:idle>-> Zum Regelwerk</RulesLink>
+<Link to="/rules/standard-wargear" client:idle>-> Zum Regelwerk</Link>
 
 ## Pro Wargear
 
 Pro WarGear bedient sich grundsätzlich demselben Regeln wie (Standard) WarGear, bietet jedoch denjenigen, die ihre SFAs an ihr Limit treiben wollen, die Möglichkeit dies umzusetzen.
 
-<RulesLink to="pro-wargear" client:idle>-> Zum Regelwerk</RulesLink>
+<Link to="/rules/pro-wargear" client:idle>-> Zum Regelwerk</Link>

src/pages/index.astro

@@ -164,7 +164,7 @@ const prefixColorMap: {
             <Fragment>
                 {players.map((v, index) => (
                     <div class="inline-flex flex-col justify-end">
-                        {index == 0 ? <h2 class="dark:text-white text-4xl font-bold ml-4">{t("home.prefix." + prefix.replace("PREFIX_", "").toLowerCase())}</h2> : null}
+                        {index == 0 ? <h2 class="dark:text-white text-4xl font-bold text-center">{t("home.prefix." + prefix.replace("PREFIX_", "").toLowerCase())}</h2> : null}
                         <Card extraClasses={`pt-8 pb-10 px-8 w-fit shadow-md ${prefixColorMap[prefix]}`} client:idle>
                             <figure class="flex flex-col items-center" style="width: 150px">
                                 <figcaption class="text-center mb-4 text-2xl">{v.name}</figcaption>

src/pages/login.astro

@@ -4,6 +4,7 @@ import NavbarLayout from "@layouts/NavbarLayout.astro";
 import {t} from "astro-i18n";
 import {Image} from "astro:assets";
 import localBau from "@images/2023-10-08_20.43.43.png";
+import BackgroundImage from "../components/BackgroundImage.astro";
 ---
 
 <NavbarLayout title={t("login.page")}>
@@ -19,8 +20,9 @@ import localBau from "@images/2023-10-08_20.43.43.png";
             }
         });
     </script>
-    <Image src={localBau} alt="Bau" width="1920" height="1080"
-        class="w-screen h-screen dark:brightness-75 fixed -z-10 object-cover" draggable="false"/>
+    <div class="h-screen w-screen fixed -z-10">
+        <BackgroundImage />
+    </div>
     <div class="h-screen mx-auto  p-8 rounded-b-md pt-40 sm:pt-28 md:pt-14 flex flex-col justify-center items-center
             dark:text-white " style="width: min(100vw, 75em);">
         <Login client:load/>