Started implementing tutorials

astro.config.mjs

@@ -5,6 +5,7 @@ import configureI18n from "./astro-i18n.adapter";
 import sitemap from "@astrojs/sitemap";
 
 import robotsTxt from "astro-robots-txt";
+import {resolve} from "node:url";
 import path from "node:path";
 import mdx from "@astrojs/mdx";
 import pagefind from "astro-pagefind";

package.json

@@ -14,11 +14,11 @@
 		"i18n:sync": "pnpm run i18n:generate:pages && pnpm run i18n:generate:types",
 		"clean:dist": "rm -rf dist",
 		"clean:node_modules": "rm -rf node_modules",
-		"ci": "pnpm install && pnpm run i18n:sync && pnpm run build"
+		"ci": "pnpm run clean:dist && pnpm install && pnpm run i18n:sync && pnpm run build"
 	},
 	"devDependencies": {
-		"@astrojs/svelte": "^7.0.4",
+		"@astrojs/svelte": "^6.0.2",
-		"@astrojs/tailwind": "^5.1.5",
+		"@astrojs/tailwind": "^5.1.2",
 		"@astropub/icons": "^0.2.0",
 		"@types/color": "^4.2.0",
 		"@types/node": "^22.9.3",
@@ -41,12 +41,11 @@
 		"typescript": "^5.7.2"
 	},
 	"dependencies": {
-		"@astrojs/mdx": "^4.0.7",
+		"@astrojs/mdx": "^3.1.9",
 		"@astrojs/sitemap": "^3.2.1",
-		"@codemirror/commands": "^6.8.0",
 		"@codemirror/lang-json": "^6.0.1",
 		"@ddietr/codemirror-themes": "^1.4.4",
-		"astro": "^5.1.8",
+		"astro": "^4.16.14",
 		"astro-i18n": "^2.2.4",
 		"astro-pagefind": "^1.6.0",
 		"astro-robots-txt": "^1.0.0",

src/components/Login.svelte

@@ -75,7 +75,9 @@
 
 <style lang="postcss">
     input {
-        @apply border-2 rounded-md p-2 shadow-2xl w-80 dark:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-neutral-500 focus:border-transparent text-black;
+        @apply border-2 rounded-md p-2 shadow-2xl w-80
+            dark:bg-neutral-800
+            focus:outline-none focus:ring-2 focus:ring-neutral-500 focus:border-transparent;
     }
 
     label {

src/components/Navbar.svelte

@@ -18,81 +18,133 @@
   -->
 
 <script lang="ts">
-    import "../styles/button.css";
+  import "../styles/button.css";
-    import {CaretDownOutline, SearchOutline} from "flowbite-svelte-icons";
+  import { CaretDownOutline, SearchOutline } from "flowbite-svelte-icons";
-    import {t} from "astro-i18n";
+  import { t } from "astro-i18n";
-    import {l} from "../util/util";
+  import { l } from "../util/util";
-    import {onMount} from "svelte";
+  import { onMount } from "svelte";
+  import { loggedIn } from "@repo/authv2.ts";
   interface Props {
-    logo?: import('svelte').Snippet;
+    logo?: import("svelte").Snippet;
   }
 
   let { logo }: Props = $props();
 
-    let navbar: HTMLDivElement = $state();
+  let navbar = $state<HTMLDivElement>();
-    let searchOpen = $state(false);
+  let searchOpen = $state(false);
 
-    onMount(() => {
+  let accountBtn = $state<HTMLAnchorElement>();
-        handleScroll();
-    })
 
-    function handleScroll() {
+  $effect(() => {
-        if (window.scrollY > 0) {
+    if ($loggedIn) {
-            navbar.classList.add("before:scale-y-100");
+      accountBtn!.href = l("/dashboard");
-        } else {
+    } else {
-            navbar.classList.remove("before:scale-y-100");
+      accountBtn!.href = l("/login");
-        }
     }
+  });
+
+  onMount(() => {
+    handleScroll();
+  });
+
+  function handleScroll() {
+    if (window.scrollY > 0) {
+      navbar!.classList.add("before:scale-y-100");
+    } else {
+      navbar!.classList.remove("before:scale-y-100");
+    }
+  }
 </script>
 
-<svelte:window onscroll={handleScroll}/>
+<svelte:window onscroll={handleScroll} />
 
-<nav data-pagefind-ignore class="fixed top-0 left-0 right-0 sm:px-4 py-1 transition-colors z-10 flex justify-center before:backdrop-blur before:shadow-2xl before:absolute before:top-0 before:left-0 before:bottom-0 before:right-0 before:-z-10 before:scale-y-0 before:transition-transform before:origin-top"  bind:this={navbar}>
+<nav
-    <div class="flex flex-row items-center justify-evenly md:justify-between match">
+  data-pagefind-ignore
-        <a class="flex items-center" href={l("/")}>
+  class="fixed top-0 left-0 right-0 sm:px-4 py-1 transition-colors z-10 flex justify-center before:backdrop-blur before:shadow-2xl before:absolute before:top-0 before:left-0 before:bottom-0 before:right-0 before:-z-10 before:scale-y-0 before:transition-transform before:origin-top"
-            {@render logo?.()}
+  bind:this={navbar}
-            <span class="text-2xl uppercase font-bold dark:text-white hidden md:inline-block">
+>
-                {t("navbar.title")}
+  <div
-                <span class="before:scale-y-100" style="display: none" aria-hidden="true"></span>
+    class="flex flex-row items-center justify-evenly md:justify-between match"
-            </span>
+  >
-        </a>
+    <a class="flex items-center" href={l("/")}>
-        <div class="flex justify-center flex-wrap">
+      {@render logo?.()}
-            <div class="btn-dropdown">
+      <span
-                <button class="btn btn-gray">
+        class="text-2xl uppercase font-bold dark:text-white hidden md:inline-block"
-                    <a href={l("/")}>
+      >
-                        <span class="btn__text">{t("navbar.links.home.title")}</span>
+        {t("navbar.title")}
-                    </a>
+        <span
-                    <CaretDownOutline class="ml-2 mt-auto"/>
+          class="before:scale-y-100"
-                </button>
+          style="display: none"
-                <div>
+          aria-hidden="true"
-                    <a class="btn btn-gray" href={l("/announcements")}>{t("navbar.links.home.announcements")}</a>
+        ></span>
-                    <a class="btn btn-gray" href={l("/downloads")}>{t("navbar.links.home.downloads")}</a>
+      </span>
-                    <a class="btn btn-gray" href={l("/faq")}>{t("navbar.links.home.faq")}</a>
+    </a>
-                    <a class="btn btn-gray" href={l("/code-of-conduct")}>{t("navbar.links.rules.coc")}</a>
+    <div class="flex justify-center flex-wrap">
-                </div>
+      <div class="btn-dropdown">
-            </div>
+        <button class="btn btn-gray">
-            <div class="btn-dropdown">
+          <a href={l("/")}>
-                <button class="btn btn-gray">
+            <span class="btn__text">{t("navbar.links.home.title")}</span>
-                    <a rel="prefetch" href={l("/rules")}>
+          </a>
-                        <span class="btn__text">{t("navbar.links.rules.title")}</span>
+          <CaretDownOutline class="ml-2 mt-auto" />
-                    </a>
+        </button>
-                    <CaretDownOutline class="ml-2 mt-auto"/>
+        <div>
-                </button>
+          <a class="btn btn-gray" href={l("/announcements")}
-                <div>
+            >{t("navbar.links.home.announcements")}</a
-                    <a href={l("/rules/wargear")} class="btn btn-gray">{t("navbar.links.rules.wg")}</a>
+          >
-                    <a href={l("/rules/miniwargear")} class="btn btn-gray">{t("navbar.links.rules.mwg")}</a>
+          <a class="btn btn-gray" href={l("/downloads")}
-                    <a href={l("/rules/warship")} class="btn btn-gray">{t("navbar.links.rules.ws")}</a>
+            >{t("navbar.links.home.downloads")}</a
-                    <a href={l("/rules/airship")} class="btn btn-gray">{t("navbar.links.rules.as")}</a>
+          >
-                    <a href={l("/rules/quickgear")} class="btn btn-gray">{t("navbar.links.rules.qg")}</a>
+          <a class="btn btn-gray" href={l("/tutorials")}
-                    <h2 class="px-2 text-gray-300">{t("navbar.links.rules.rotating")}</h2>
+            >{t("navbar.links.home.tutorials")}</a
-                    <a href={l("/rules/megawargear")}
+          >
-                       class="btn btn-gray">{t("navbar.links.rules.megawg")}</a>
+          <a class="btn btn-gray" href={l("/faq")}
-                    <a href={l("/rules/microwargear")}
+            >{t("navbar.links.home.faq")}</a
-                       class="btn btn-gray">{t("navbar.links.rules.micro")}</a>
+          >
-                    <a href={l("/rules/streetfight")} class="btn btn-gray">{t("navbar.links.rules.sf")}</a>
+          <a class="btn btn-gray" href={l("/code-of-conduct")}
-                </div>
+            >{t("navbar.links.rules.coc")}</a
-            </div>
+          >
-            <!-- TODO: Add help center
+        </div>
+      </div>
+      <div class="btn-dropdown">
+        <button class="btn btn-gray">
+          <a rel="prefetch" href={l("/rules")}>
+            <span class="btn__text">{t("navbar.links.rules.title")}</span>
+          </a>
+          <CaretDownOutline class="ml-2 mt-auto" />
+        </button>
+        <div>
+          <a href={l("/rules/wargear")} class="btn btn-gray"
+            >{t("navbar.links.rules.wg")}</a
+          >
+          <a href={l("/rules/miniwargear")} class="btn btn-gray"
+            >{t("navbar.links.rules.mwg")}</a
+          >
+          <a href={l("/rules/warship")} class="btn btn-gray"
+            >{t("navbar.links.rules.ws")}</a
+          >
+          <a href={l("/rules/airship")} class="btn btn-gray"
+            >{t("navbar.links.rules.as")}</a
+          >
+          <a href={l("/rules/quickgear")} class="btn btn-gray"
+            >{t("navbar.links.rules.qg")}</a
+          >
+          <h2 class="px-2 text-gray-300">{t("navbar.links.rules.rotating")}</h2>
+          <a href={l("/rules/megawargear")} class="btn btn-gray"
+            >{t("navbar.links.rules.megawg")}</a
+          >
+          <a href={l("/rules/microwargear")} class="btn btn-gray"
+            >{t("navbar.links.rules.micro")}</a
+          >
+          <a href={l("/rules/streetfight")} class="btn btn-gray"
+            >{t("navbar.links.rules.sf")}</a
+          >
+          <h2 class="px-2 text-gray-300">{t("navbar.links.rules.ranked")}</h2>
+          <a href={l("/rangliste/missilewars")} class="btn btn-gray"
+            >{t("navbar.links.ranked.mw")}</a
+          >
+        </div>
+      </div>
+      <!-- TODO: Add help center
             <div class="btn-dropdown my-1">
                 <div class="btn btn-gray" tabindex="1">
                     <a rel="prefetch">
@@ -106,26 +158,26 @@
                 </div>
             </div>
             -->
-            <a class="btn" href={l("/login")}>
+      <a class="btn" href={l("/login")} bind:this={accountBtn}>
-                <span class="btn__text">{t("navbar.links.account")}</span>
+        <span class="btn__text">{t("navbar.links.account")}</span>
-            </a>
+      </a>
-            <!--
+      <!--
             <button class="btn my-1" onclick={() => searchOpen = true}>
                 <SearchOutline ariaLabel="Site Search" class="inline-block h-6"/>
             </button>
             -->
-        </div>
     </div>
+  </div>
 </nav>
 
 {#if searchOpen}
-    {#await import("./SearchComponent.svelte") then c}
+  {#await import("./SearchComponent.svelte") then c}
-        <c.default bind:open={searchOpen} />
+    <c.default bind:open={searchOpen} />
-    {/await}
+  {/await}
 {/if}
 
 <style lang="scss">
-    .match {
+  .match {
-        width: min(100vw, 70em);
+    width: min(100vw, 70em);
-    }
+  }
-</style>
+</style>

src/components/admin/pages/Edit.svelte

@@ -168,11 +168,11 @@
                         </div>
                         <div>
                             {#if selectedBranch !== "master"}
-                                <Button onclick={() => createFile()} color="alternative" disabled={!selectedPath}>Create File
+                                <Button onclick={createFile} color="alternative" disabled={!selectedPath}>Create File
                                 </Button>
                                 <Button onclick={() => deleteBranch(false)} color="none">Delete Branch</Button>
                             {:else}
-                                <Button onclick={() => createBranch()}>Create Branch</Button>
+                                <Button onclick={createBranch}>Create Branch</Button>
                             {/if}
                         </div>
                     </div>

src/components/dashboard/Statistics.svelte

@@ -31,7 +31,7 @@
     let request = getRequest();
 
     function getRequest() {
-        return $statsRepo.getUserStats(user.uuid)
+        return $statsRepo.getUserStats(user.id)
     }
 </script>
 
@@ -46,4 +46,5 @@
     {#if user.perms.includes("CHECK")}
         <p>{t("dashboard.stats.checked", {checked: data.acceptedSchematics})}</p>
     {/if}
+{:catch error}
 {/await}

src/components/dashboard/UploadModal.svelte

@@ -50,20 +50,19 @@
         // @ts-ignore
         let b64 = btoa(String.fromCharCode.apply(null, new Uint8Array(content)));
 
-        let response = await $schemRepo.uploadSchematic(name, b64);
+        await $schemRepo.uploadSchematic(name, b64);
 
         open = false;
-        value = "";
+        uploadFile = null;
         dispatch("reset")
     }
 
     let uploadFile: FileList | null = $state(null);
-    let value = $state("");
 </script>
 
 <SWModal title={t("dashboard.schematic.title")} bind:open>
     <form>
-        <input type="file" bind:files={uploadFile} bind:value />
+        <input type="file" bind:files={uploadFile} />
     </form>
     {#snippet footer()}
   

src/components/dashboard/UserInfo.svelte

@@ -56,7 +56,7 @@
     </div>
     <div>
         <h1 class="text-4xl font-bold">{t("dashboard.title", {name: user.name})}</h1>
-        <p>{t("dashboard.rank", {rank: t("home.prefix." + (user.prefix || "User"))})}</p>
+        <p>{t("dashboard.rank", {rank: t("home.prefix." + user.prefix)})}</p>
         <Statistics {user} />
     </div>
 </div>

src/components/publics/PublicPreview.svelte

@@ -22,7 +22,7 @@
     import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
     import { OrbitControls } from "three/addons/controls/OrbitControls.js";
     import {onDestroy, onMount} from "svelte";
-    import type { CollectionEntry } from "astro:content";
+    import { CollectionEntry } from "astro:content";
 
   interface Props {
     pub: CollectionEntry<"publics">;

src/components/repo/schem.ts

@@ -20,7 +20,6 @@
 import {fetchWithToken, tokenStore} from "./repo.ts";
 import {type Schematic, SchematicSchema} from "@type/schem.ts";
 import {derived} from "svelte/store";
-import {ResponseErrorSchema} from "@type/data.ts";
 
 export class SchematicRepo {
     constructor(private token: string) {
@@ -41,7 +40,7 @@ export class SchematicRepo {
                 name,
                 content,
             }),
-        }).then(value => value.json()).then(SchematicSchema.or(ResponseErrorSchema).parse);
+        });
     }
 }
 

src/components/types/data.ts

@@ -50,10 +50,3 @@ export const ServerSchema = z.object({
 });
 
 export type Server = z.infer<typeof ServerSchema>;
-
-export const ResponseErrorSchema = z.object({
-    error: z.string(),
-    code: z.string(),
-});
-
-export type ResponseError = z.infer<typeof ResponseErrorSchema>;

src/content/announcements/de/eventplan-2025.md

@@ -1,22 +0,0 @@
----
-title: Eventplan 2025
-key: eventplan-2025
-description: Der Eventplan für das Jahr 2025.
-created: 2025-01-20
-tags:
-  - event
-image: ../../../images/jAHRESPLAN-gro-5.png
----
-
-2025 wird ein Jahr voller spannender Events. Hier findet ihr eine Übersicht über die geplanten Events.
-
-Highlights sind:
-- **WargearSeason 2025**
-- **SteamWar Arcade**
-- **WarGear mit SFA**
-- **MiniWarGear Liga**
-- **SpaceShip**
-
-aber auch viele mehr.
-
-Es wird auch kleinere Events geben, die nicht angekündigt sind.

src/content/announcements/de/missilewars-iii-ankündigung.md

@@ -1,27 +0,0 @@
----
-title: MissileWars III
-key: missilewarsiii
-description: Das dritte MissileWars Event steht an. Wir freuen uns auf eure Teilnahme!
-created: 2025-01-29
-tags:
-  - event
----
-
-# MissileWars III
-
-Ahoi SteamWar.
-Wie in unserem [***Jahresplan***](https://steamwar.de/ankuendigungen/eventplan-2025) angekündigt, findet am 23.02.2025 ein MissileWars Event statt. Wir laden auch vor allem neue und kleine Teams ein, an diesem Event teilzunehmen.
-
-Hier die Details:
-- Max 3 Spieler pro Fight pro Team
-- Fights finden eventuell auf einer neuen Arena statt. Sollte diese nicht fertig werden, wird die Arena genommen, für die im [***Forenpost***](https://discord.com/channels/690530484920385586/1334228469164544030) abgestimmt wird.
-- Beginn: voraussichtlich wie gewohnt um 16 Uhr.
-
-Ihr könnt euch ab jetzt mit
-- `/team event MissileWarsIII` 
-- oder über unseren [***Discord-Server***](https://discord.gg/J6fENfz6Zf) in #「📣」events , sofern ihr euren Minecraft und Discord Account verknüpft habt ( #「👮」regel-infos )  
-  
-Anmelden
-
-Liebe Grüße,  
-Das SteamWar Serverteam

src/content/config.ts

@@ -104,6 +104,14 @@ export const publics = defineCollection({
     }),
 });
 
+export const tutorials = defineCollection({
+    type: "content",
+    schema: z.object({
+        title: z.string(),
+        translationKey: z.string(),
+    }),
+});
+
 export const collections = {
     "pages": pages,
     "help": help,
@@ -112,4 +120,5 @@ export const collections = {
     "downloads": downloads,
     "announcements": announcements,
     "publics": publics,
+    "tutorials": tutorials
 };

src/content/downloads/advancedscripts.json

@@ -2,9 +2,8 @@
   "name": "AdvancedScripts",
   "description": "Ein Fabric-Mod, der für den BauServer von SteamWar Hotkeys für das ScriptSystem hinzufügt. Hierzu werden die einzelnen Zeichen an den Server gesendet und vom Server verarbeitet.",
   "url": {
-    "1.21.4": "https://git.steamwar.de/SteamWar/AdvancedScripts/releases/download/2.2.0/AdvancedScripts-2.2.0.jar",
+    "1.20.1": "https://steamwar.de/AdvancedScriptsV3",
-    "1.20.6": "https://git.steamwar.de/SteamWar/AdvancedScripts/releases/download/2.1.0/AdvancedScripts-2.1.0.jar",
+    "1.19": "https://steamwar.de/AdvancedScripts"
-    "1.19.3": "https://git.steamwar.de/SteamWar/AdvancedScripts/releases/download/2.0.0/AdvancedScripts-2.0.0.jar"
   },
-  "sourceUrl": "https://git.steamwar.de/SteamWar/AdvancedScripts"
+  "sourceUrl": "https://steamwar.de/devlabs/SteamWar/AdvancedScripts"
 }

src/content/downloads/modsender.json

@@ -0,0 +1,6 @@
+{
+  "name": "FabricModSender",
+  "description": "Ein Fabric-Mod, der SteamWar beim Serverjoin die von dir installierten Mods sendet und es uns damit ermöglicht, sie auf schädliche Mods zu überprüfen. Eine Installation dieses Mods ermöglicht dir das Joinen von Arenen mit Fabric auf SteamWar.",
+  "url": "https://steamwar.de/FabricModSender",
+  "sourceUrl": "https://steamwar.de/devlabs/SteamWar/FabricModSender"
+}

src/content/downloads/teamserver.json

@@ -2,7 +2,8 @@
   "name": "SteamWarTeamserver",
   "description": "Dieses Plugin ermöglicht die einfache Einbindung deines Servers in SteamWar. Wie du deinen (Team-)Server über SteamWar erreichbar machen kannst findest du hier.",
   "url": {
-    "Info": "/teamserverintegration"
+    "Info": "/teamserverintegration",
+    "Download": "https://steamwar.de/SteamWarTeamserver"
   },
-  "sourceUrl": "https://git.steamwar.de/SteamWar/SteamWarBungeeTeamserver"
+  "sourceUrl": "https://steamwar.de/devlabs/SteamWar/SteamWarBungeeTeamserver"
 }

src/content/pages/de/verhaltensrichtlienien.md

@@ -4,7 +4,7 @@ description: Verhaltensrichtlinien von SteamWar.de
 slug: verhaltensrichtlinien
 ---
 
-# 1 Allgemeines Verhalten
+# Allgemeines Verhalten
 
 Es ist uns wichtig, dass sich unsere Spieler in einer freundlichen Umgebung befinden und sich wohlfühlen. Um dies zu gewährleisten, ist folgendes auf unserem Server nicht gestattet
 
@@ -13,44 +13,39 @@ Es ist uns wichtig, dass sich unsere Spieler in einer freundlichen Umgebung befi
 3. Unsportliches Verhalten gegenüber Neulingen, vor allem die Ausnutzung ihrer Unwissenheit
 4. Die Veröffentlichung oder Verbreitung privater Informationen anderer Spieler
 
-# 2 Chatverhalten
+# Chatverhalten
 
-1. Das Benutzen von unsichtbaren Unicode-Zeichen sowie das Verwenden von Zeichen, die über die normale Chat-Größe hinausgehen, ist verboten!
+   Das Benutzen von unsichtbaren Unicode-Zeichen sowie das Verwenden von Zeichen, die über die normale Chat-Größe hinausgehen, ist verboten!
-2. Chatinhalte müssen auf Deutsch oder Englisch verfasst werden
+   Chatinhalte müssen auf Deutsch oder Englisch verfasst werden
 
-# 3 Fairness
+# Fairness
 
 Um ein Faires miteinander zu ermöglichen, muss folgendes beachtet werden
 
 1. Es ist verboten, unfaire Vorteile zu schaffen, die über Performance und Zooms hinausgehen. Darunter zählen Modifikationen des Spiels, Autoclicker und tools welche die Clickmenge künstlich erhöhen, Makros, Skripte oder anderweitige Applikationen, die das Spielgeschehen beeinflussen.
 2. Das Umgehen, oder der Versuch des Umgehens, von Systemen, die die Sicherheit oder Fairness gewährleisten sollen, ist strengstens untersagt.
-3. Das Verbreiten von Informationen oder Tools, die das Umgehen solcher Systeme ermöglichen, ist ebenfalls untersagt
+   1. Das Verbreiten von Informationen oder Tools, die das Umgehen solcher Systeme ermöglichen, ist ebenfalls untersagt
-4. Es ist verboten, Modifikationen zu benutzen, mit denen es möglich ist, die Anordnung von Blöcken zu speichern oder diese anzeigen zu lassen. Darunter fallen u.a. Modifikationen wie World Downloader, Litematica und die Replay Mod. Letztere darf nur von Usern mit YouTube-Rang oder Mitgliedern des Serverteams, beginnend ab dem Supporter Rang, benutzt werden.
+3. Es ist verboten, Modifikationen zu benutzen, mit denen es möglich ist, die Anordnung von Blöcken zu speichern oder diese anzeigen zu lassen. Darunter fallen u.a. Modifikationen wie World Downloader, Litematica und die Replay Mod. Letztere darf nur von Usern mit YouTube-Rang oder Mitgliedern des Serverteams, beginnend ab dem Supporter Rang, benutzt werden.
-5. Das Privileg, durch besondere Berechtigungen bestimmte Modifikationen nutzen zu können, darf nicht missbraucht werden.
+   1. Das Privileg, durch besondere Berechtigungen bestimmte Modifikationen nutzen zu können, darf nicht missbraucht werden.
-6. Es ist verboten, über Wege, die nicht durch die Unachtsamkeit eines Spielers ermöglicht wurden, den Aufbau von Redstone-Schaltungen, Winkeln und Prinzipien sowie ganzen Kanonen und Schildtechniken zu kopieren oder durch das unerlaubte Erlangen von Informationen selbst umzusetzen. Dies gilt als Techklau und wird hart bestraft.
+4. Es ist verboten, über Wege, die nicht durch die Unachtsamkeit eines Spielers ermöglicht wurden, den Aufbau von Redstone-Schaltungen, Winkeln und Prinzipien sowie ganzen Kanonen und Schildtechniken zu kopieren oder durch das unerlaubte Erlangen von Informationen selbst umzusetzen. Dies gilt als Techklau und wird hart bestraft.
-7. Es ist verboten, geklaute Tech oder Informationen über diese selbst zu benutzen, egal ob sie selbst geklaut wurden, durch Weitergabe oder ähnliche Methoden erlangt wurden. Dazu zählt auch der Download oder das Kopieren von Tech.
+   1. Es ist verboten, geklaute Tech oder Informationen über diese selbst zu benutzen, egal ob sie selbst geklaut wurden, durch Weitergabe oder ähnliche Methoden erlangt wurden. Dazu zählt auch der Download oder das Kopieren von Tech.
-8. Es ist strengstens verboten, Informationen zu verbreiten, die durch Regelverstöße erlangt wurden, unabhängig davon, wann diese stattgefunden haben. Fälle vor der Einführung dieser Regel werden entsprechend vermerkt. (Einführung der Regel erfolgte am 26. April 2023)
+5. Es ist strengstens verboten, Informationen zu verbreiten, die durch Regelverstöße erlangt wurden, unabhängig davon, wann diese stattgefunden haben. Fälle vor der Einführung dieser Regel werden entsprechend vermerkt. (Einführung der Regel erfolgte am 26. April 2023)
-9. Mitglieder des eigenen Teams dürfen nicht willentlich behindert werden, solange es nicht anderweitig vom Spielmodus oder Event gefordert wird.
+6. Mitglieder des eigenen Teams dürfen nicht willentlich behindert werden, solange es nicht anderweitig vom Spielmodus oder Event gefordert wird.
-10. Der Missbrauch von Features, die Entities, welche du normalerweise nicht sehen könntest, sichtbar machen, ist verboten. Dazu zählen unter anderem Features, die Chunks neu laden, wie F3+A oder Shader reloads.
+7. Der Missbrauch von Features, die Entities, welche du normalerweise nicht sehen könntest, sichtbar machen, ist verboten. Dazu zählen unter anderem Features, die Chunks neu laden, wie F3+A oder Shader reloads.
 
-
+# Serverintegrität
-# 4 Serverintegrität
 
 Um die Serversicherheit und die Zukunft unserer Community gewährleisten zu können, müssen folgende Richtlinien beachtet werden
 
 1. Angriffe gegen den Server, das Benutzen von Proxyservern, Virtual Private Networks und IP-Changern, um dem Server zu schaden, sind in jeglicher Form untersagt.
 2. Das Umgehen jeglicher vom Serverteam erteilten Bestrafungen ist verboten.
 3. Es ist verboten, Spiel- und/oder Pluginfehler auszunutzen.
-4. Es ist verboten, Informationen über Pluginfehler zu verbreiten, wenn diese zu unfairen Vorteilen führen. Diese müssen zwangsläufig dem Serverteam gemeldet werden.
+   1. Es ist verboten, Informationen über Pluginfehler zu verbreiten, wenn diese zu unfairen Vorteilen führen. Diese müssen zwangsläufig dem Serverteam gemeldet werden.
-5. Verhalten, welches die Integrität der Community in einem unverhältnismäßigen Maß beeinträchtigt, kann sanktioniert werden
+4. Verhalten, welches die Integrität der Community in einem unverhältnismäßigen Maß beeinträchtigt, kann sanktioniert werden
-6. Teams, welche einen unverhältnismäßig negativen Effekt auf den Server, die Community und dessen Zukunft haben, können nach Verwarnung aufgelöst werden.
+5. Teams, welche einen unverhältnismäßig negativen Effekt auf den Server, die Community und dessen Zukunft haben, können nach Verwarnung aufgelöst werden.
-7. Sollten von denselben Mitgliedern weiter Teams erstellt werden, welche unter diesen Paragraph fallen, können weitere Strafen folgen.
+   1. Sollten von denselben Mitgliedern weiter Teams erstellt werden, welche unter diesen Paragraph fallen, können weitere Strafen folgen.
-8. Informationen zu potenziellem Fehlverhalten dürfen nicht als Thread oder Forumsbeitrag veröffentlicht werden. Die folgenden Unterpunkte sind die korrekten Formen, Anschuldigungen anzusprechen:
-	- Weitergabe der Information/en in Form eines Tickets
-	- Private Kontaktaufnahme mit der Moderation, Admiralseekrank oder einer den Vorwürfen entsprechend leitenden Instanz des Serverteams (Builderleitung/Head Devs). Diese Variante ist vor allem dafür geeignet, wenn das Fehlverhalten von einem Serverteammitglied ausgeht.
 
-
+# Verhalten gegenüber dem Serverteam
-# 5 Verhalten gegenüber dem Serverteam
 
 1. Entscheidungen des Serverteams stehen nicht zur Diskussion.
 2. Anweisungen von Teammitgliedern sind zu befolgen, und bei Verweigerung wird bestraft!
@@ -62,12 +57,12 @@ Um die Serversicherheit und die Zukunft unserer Community gewährleisten zu kön
 8. Griefing auf der Buildercloud ist verboten.
 9. Es ist verboten, das Serverteam zu täuschen oder dies zu versuchen. Dies betrifft insbesondere den Prüfvorgang.
 
-# 6 Werbung
+# Werbung
 
 1. Werbung in jeglicher Form muss vor Veröffentlichung durch die Serverleitung genehmigt werden. Ausgenommen sind hier Spieler mit dem YouTube-Rang, welche jederzeit für ihre eigenen Inhalte werben dürfen, solange diese den Server einbeziehen und das Werben in Maßen geschieht.
 2. Inhalte, die als Werbung gewertet werden könnten, dürfen außerhalb von Paragraph 6.1 nur auf ausdrücklichen Wunsch eines Spielers für diesen veröffentlicht werden. Diese Ausnahme darf nicht missbraucht werden.
 
-# 7 Richtlinien im Bezug auf Regelbrüche
+# Richtlinien im Bezug auf Regelbrüche
 
 Folgende Richtlinien befassen sich mit dem Verhalten um jegliche Regelbrüche
 
@@ -76,17 +71,18 @@ Folgende Richtlinien befassen sich mit dem Verhalten um jegliche Regelbrüche
 
 # Handel
 
-1. Jeglicher Handel, welcher mit einer reellen Vermögensveränderung verbunden ist, wird im Zusammenhang mit SteamWar nicht gestattet.
+1. Jeglicher Handel, egal ob mit echter oder virtueller Ware, ist verboten und wird dementsprechend bestraft.
-1. Bauten, die auf oder mithilfe von SteamWar.de entstanden sind, dürfen nicht verkauft werden. Das bezieht sich auch auf Handel außerhalb von SteamWar.
+2. Bauten, die auf oder mithilfe von SteamWar.de entstanden sind, dürfen nicht verkauft werden. Das bezieht sich auch auf Handel außerhalb von SteamWar.
 
 # Teamserver Integration
 
 1. Die Verhaltensrichtlinien gelten auch für Team-Server, die über die Team-Server-Integration mit dem SteamWar-Netzwerk verbunden sind, sofern mehr Spieler als die des verbundenen Teams und wenige weitere ausgewählte Personen auf dem Team-Server zugelassen sind. Ausgenommen hiervon sind Paragraph 4.3.1, da Vorfälle dieser Art dem Serverbetreiber gemeldet werden müssen. Es sei denn es geht um SteamWar, sowie Paragraph 3.1.
 2. Das Hinzufügen von Regeln, welche unsere Verhaltensrichtlinien erweitern ist erlaubt, solange diese nicht unsere Verhaltensrichtlinien verletzen.
 3. Diese Regel greift nur, solange entsprechende Spieler auch über SteamWar.de auf den Team-Server gelangt sind
+
 # Events
 
-1. Kampfmaschinen, die von SteamWar in limitierter Form verteilt wurden, dürfen nicht weiterverbreitet werden.
+1. Kampfmaschinen, die von SteamWar in limitierter Form verteilt wurden, dürfen nicht erneut eingesendet werden. Sollte dies dennoch geschehen, wird die Schematic abgelehnt. Bei wiederholtem Einsenden greift Paragraph 5.5.
 
 Die Ausnutzung von Lücken in diesen Richtlinien und anderweitige Versuche diese zu umgehen, werden ebenso als Regelverstoß geahndet.
 Mögliche strafen sind:
@@ -107,4 +103,4 @@ Alle genannten Strafen können entweder temporär oder permanent sein.
 Das Serverteam behält sich das Recht vor, diese Richtlinien jederzeit zu ändern oder zu ergänzen
 Unwissenheit schützt nicht vor Strafe!
 
-Letztes update: `04.05.2024`
+Letztes update: `08.10.2023`

src/content/pages/en/verhaltensrichtlinien.md

@@ -44,9 +44,6 @@ To be able to guarantee server security and our communities future, the followin
 4. Behavior which disproportionately impairs the communities integrity may be subject to sanctions.
 5. Teams which disproportionately affect the server, the community and it’s future, can be disbanded after being warned.
    1. If members of such a team continue to create similar teams, further penalties may follow
-6. Information about potential misconduct may not be posted as a thread or forum post. The following subpoints are the correct ways to address accusations:
-	- Submitting the information in the form of a ticket.
-	- Initiation of private contact with the moderation, Admiralseekrank, or an authority within the server team corresponding to the allegations (Builder leadership/Head Devs). This option is particularly suitable if the misconduct is attributed to a member of the server team. 
 
 # Behavior toward the server team
 
@@ -85,14 +82,14 @@ The following guidelines deal with the behavior around any rule breaks
 
 # Events
 
-1. Schematics that have been distributed by SteamWar in limited form may not be redistributed.
+1. Schematics that have been distributed by SteamWar in limited form may not be resubmitted. If this happens nevertheless, the schematic will be rejected. In case of repeated submissions, paragraph 5.5 applies.
 
 **The exploitation of loopholes in these guidelines and otherwise attempting to circumvent them will also be penalized as a rule violation.**
 
 ## Possible penalties are:
 * No Dev: It is no longer possible for you to join the dev server.
 * No Fight: It is no longer possible for you to participate in fights.
-* No Schem Receiving: Others can’t add you to their schematics or use them on your build server. Also, you cannot copy schematics from other players or upload schematics.
+* No Schem Receiving: It is impossible for others to add you to their schematics or use them on your build server. Also, you cannot copy schematics from other players or upload schematics.
 * No Schem Sharing: You can no longer allow anyone to use your schematics. Also, no one can create a schematic on your build server. You also can’t download schematics.
 * No Schem Submitting: You can no longer submit schematics.
 * No Team Server: You can no longer link your team server to SteamWar.
@@ -105,4 +102,4 @@ All the penalties above can be either temporary or permanent.
 
 The server team reserves the right to change or amend these guidelines at any time. Unawareness does not protect from punishment!
 
-Last update: `2024.05.04`
+Last update: `2023.10.08`

src/content/rules/de/microwargear.md

@@ -26,7 +26,6 @@ Schuss zu verhindern.
 
 ## Kanonen
 
-Jedes MicroWargear muss über mindestens eine funktionstüchtige Kanone verfügen.
 Eine Kanone ist eine durchgehende Redstonekonstruktion, welche in der Lage ist,
 den Gegner durch gezündetes TNT zu beschädigen. Eine TNT-Kanone ist der einzige Ort in einem Micro an dem Wasser verbaut werden darf, wenn es die Kanone nicht verlässt und /oder im intakten Zustand Wasserschilde bildet. Außerdem darf sich die Kanone nicht gezielt selbst beschädigen. Eine TNT-Kanone darf maximal 8 Projektile pro Schuss abfeuern.
 Zusätzlich ist eine Hauptkanone mit 12 Projektilen erlaubt.

src/content/rules/de/miniwargear.md

@@ -5,7 +5,7 @@ mode: miniwargear
 
 # MiniWarGear-Regelwerk
 
-MiniWargears werden in der 1.20 gebaut.
+MiniWargears werden in der 1.19 gebaut.
 
 ## Maße
 

src/content/tutorials/Tracer.md

@@ -0,0 +1,56 @@
+---
+title: Tracer
+translationKey: tracer
+slug: tracer
+---
+
+# Der Tracer
+![](../../images/tutorials/tracer-cover.png)
+
+Der Tracer ist eines der Kern-Tools unseres BauSystems. Durch ihn kannst du 
+dir komfortabel angucken wie sich die TNT deiner Kanonen Tick für Tick 
+verhalten. Dies tut der Tracer, indem er alle Daten der auf einem Plot 
+gezündeten TNTs aufnimmt und speichert. Du kannst dir dann verschiedene 
+Darstellungsformen der aufgezeichneten TNTs angucken.
+
+## Den Tracer starten
+Um die Schüsse deiner Kanone auf einem Plot aufzunehmen, musst du den Tracer 
+für diese Plot einschalten. Nutze hierfür `/trace auto`.  
+Nun da der Tracer an ist, wird für jeden Kanonenschuss ein Trace erstellt.
+
+## Traces anzeigen und analysieren
+Jetzt da der Tracer an ist und du einen Schuss abgegeben hast, kannst du dir 
+den Trace mit  
+`/trace show` anzeigen (Falls du mehrere Schüsse abgegeben hast kannst du 
+dir mit  
+`/trace isolate [Schuss-Nummer]` den Trace eines einzelnen Schusses anzeigen). 
+ 
+
+Zur Analyse eines Schusses stellen wir dir verschiedene **View-Flags** zur 
+Verfügung. Diese aktivierst du, indem du sie an den Trace-show Command 
+anhängst.
+
+| Flag                     | Beschreibung                                                                                                                                            |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `count`                  | Zeige dir die Zahl der TNTs an die an einem Trace-Punkt aufgenommen wurden                                                                              |
+| `explosion`              | Zeige dir nur die Trace-Punkte an, an denen TNT explodiert ist                                                                                          |
+| `fuse`                   | Zeige dir an wie weit die TNTs an einem Trace Punkt von der Explosion weg waren                                                                         |
+| `ignite`                 | Ohne diese Flag zeigt der Tracer nur Trace-Punkte an, die nach der ersten Explosion entstanden sind. Mit dieser Flag werden alle Trace-Punkte angezeigt |
+| `micromotion`            | Zeige nur TNT an, die sich zu einem beliebigen Zeitpunkt mir einer Geschwindigkeit von kleiner 0.001 bewegt haben                                       |
+| `source`                 | Zeige dir nur Trace-Punkte an, bei denen TNT gezündet wurde                                                                                             |
+| `build-destroy-only`     | Zeige dir nur TNT an, die im Bau-Bereich explodiert sind                                                                                                |
+| `testblock-destroy-only` | Zeige dir nur TNT an, die im Testblock-Bereich explodiert sind                                                                                          |
+| `advanced`               | Zeige dir die TNT-Zwischenberechnungspunkte auf den einzelnen Achsen an                                                                                 |
+
+\
+Du kannst dir auch nur einen Abschnitt des Traces mit   
+`\trace show from [Start-Zeit] to [End-Zeit] with [View-Flags]` anzeigen. Du kann auch `from` oder `to` weglassen, um dir den Trace von bzw. bis zu einem gewissen Zeitpunkt angucken.
+
+## Traces löschen
+Allgemein empfiehlt es sich Traces nicht ewig rumliegen zu lassen, da ein 
+`/trace show` schnell den PC zum erliegen bringen kann. Nutze `/trace 
+delete [Schuss-Nummer]` um einzelne Traces zu löschen und `/trace clear` 
+um alle Traces auf einem Plot zu löschen.
+
+## Traces gemeinsam betrachten
+Wenn man zusammen an einer Kanonen arbeitet kann es praktisch sein, die selben Traces, mit den selben View-Flags zu betrachten. Dies kannst du machen mit `/trace follow [Spieler]`. Den Follow kannst du mit `/trace unfollow` wieder aufheben. Zusätzlich kannst du alle Spieler auf einem Bau-Server mit `/trace broadcast` einladen deiner Trace-View zu folgen. 

src/content/tutorials/bausystem/tracer.md

@@ -0,0 +1,50 @@
+# Der Tracer
+![](../../../images/tutorials/bausystem/tracer/tracer-cover.png)
+
+Der Tracer ist eines der Kern-Tools unseres BauSystems. Durch ihn kannst du 
+dir komfortabel angucken wie sich die TNT deiner Kanonen Tick für Tick 
+verhalten. Dies tut der Tracer, indem er alle Daten der auf einem Plot 
+gezündeten TNTs aufnimmt und speichert. Du kannst dir dann verschiedene 
+Darstellungsformen der aufgezeichneten TNTs angucken.
+
+## Den Tracer starten
+Um die Schüsse deiner Kanone auf einem Plot aufzunehmen, musst du den Tracer 
+für diese Plot einschalten. Nutze hierfür `/trace auto`.  
+Nun da der Tracer an ist, wird für jeden Kanonenschuss ein Trace erstellt.
+
+## Traces anzeigen und analysieren
+Jetzt da der Tracer an ist und du einen Schuss abgegeben hast, kannst du dir 
+den Trace mit  
+`/trace show` anzeigen (Falls du mehrere Schüsse abgegeben hast kannst du 
+dir mit  
+`/trace isolate [Schuss-Nummer]` den Trace eines einzelnen Schusses anzeigen). 
+ 
+
+Zur Analyse eines Schusses stellen wir dir verschiedene **View-Flags** zur 
+Verfügung. Diese aktivierst du, indem du sie an den Trace-show Command 
+anhängst.
+
+| Flag | Beschreibung |  
+| - | - |
+| `count` | Zeige dir die Zahl der TNTs an die an einem Trace-Punkt aufgenommen wurden |
+| `explosion` | Zeige dir nur die Trace-Punkte an, an denen TNT explodiert ist |
+| `fuse` | Zeige dir an wie weit die TNTs an einem Trace Punkt von der Explosion weg waren |
+| `ignite` | Ohne diese Flag zeigt der Tracer nur Trace-Punkte an, die nach der ersten Explosion entstanden sind. Mit dieser Flag werden alle Trace-Punkte angezeigt |
+| `micromotion` | Zeige nur TNT an, die sich zu einem beliebigen Zeitpunkt mir einer Geschwindigkeit von kleiner 0.001 bewegt haben |
+| `source` | Zeige dir nur Trace-Punkte an, bei denen TNT gezündet wurde |
+| `build-destroy-only` | Zeige dir nur TNT an, die im Bau-Bereich explodiert sind |
+| `testblock-destroy-only` | Zeige dir nur TNT an, die im Testblock-Bereich explodiert sind |
+| `advanced` | Zeige dir die TNT-Zwischenberechnungspunkte auf den einzelnen Achsen an |
+
+\
+Du kannst dir auch nur einen Abschnitt des Traces mit   
+`\trace show from [Start-Zeit] to [End-Zeit] with [View-Flags]` anzeigen. Du kann auch `from` oder `to` weglassen, um dir den Trace von bzw. bis zu einem gewissen Zeitpunkt angucken.
+
+## Traces löschen
+Allgemein empfiehlt es sich Traces nicht ewig rumliegen zu lassen, da ein 
+`/trace show` schnell den PC zum erliegen bringen kann. Nutze `/trace 
+delete [Schuss-Nummer]` um einzelne Traces zu löschen und `/trace clear` 
+um alle Traces auf einem Plot zu löschen.
+
+## Traces gemeinsam betrachten
+Wenn man zusammen an einer Kanonen arbeitet kann es praktisch sein, die selben Traces, mit den selben View-Flags zu betrachten. Dies kannst du machen mit `/trace follow [Spieler]`. Den Follow kannst du mit `/trace unfollow` wieder aufheben. Zusätzlich kannst du alle Spieler auf einem Bau-Server mit `/trace broadcast` einladen deiner Trace-View zu folgen. 

src/i18n/common/de.json

@@ -41,9 +41,7 @@
       "Dev": "Developer",
       "Mod": "Moderator",
       "Sup": "Supporter",
-      "Arch": "Architekt",
+      "Arch": "Architekt"
-      "User": "Spieler",
-      "YT": "YouTuber"
     }
   },
   "status": {
@@ -65,6 +63,7 @@
         "announcements": "Ankündigungen",
         "about": "Über Uns",
         "downloads": "Downloads",
+        "tutorials": "Tutorials",
         "faq": "FAQ"
       },
       "rules": {
@@ -120,7 +119,7 @@
   "megawg": {
       "title": "MegaWarGear"
   },
-  "microwg": {
+  "micro": {
       "title": "MicroWarGear"
   },
   "footer": {
@@ -242,9 +241,5 @@
   },
   "ranking": {
     "heading": "{# mode #} Rangliste"
-  },
-  "404": {
-    "title": "404 - Seite nicht gefunden",
-    "description": "Seite nicht gefunden"
   }
 }

src/i18n/common/en.json

@@ -6,6 +6,7 @@
         "announcements": "Announcements",
         "about": "About",
         "downloads": "Downloads",
+        "tutorials": "Tutorials",
         "faq": "FAQ"
       },
       "rules": {
@@ -62,9 +63,7 @@
       "Dev": "Developer",
       "Mod": "Moderator",
       "Sup": "Supporter",
-      "Arch": "Builder",
+      "Arch": "Builder"
-      "User": "User",
-      "YT": "YouTuber"
     }
   },
   "footer": {
@@ -182,9 +181,5 @@
   },
   "stats": {
     "title": "Fight Statistics"
-  },
-  "404": {
-    "title": "404 - Page not found",
-    "description": "Page not found"
   }
 }

src/layouts/Basic.astro

@@ -3,8 +3,9 @@ import icon from "../images/logo.png";
 import {getImage} from "astro:assets";
 import {astroI18n} from "astro-i18n";
 import {SEO} from "astro-seo";
-import {ClientRouter} from "astro:transitions";
+import {ViewTransitions} from "astro:transitions";
 const {title, description, clientSideRouter = true} = Astro.props.frontmatter || Astro.props;
+
 import "../../public/fonts/roboto/roboto.css";
 
 const iconImage = await getImage({src: icon, height: 32, width: 32, format: "png", quality: 100});
@@ -39,7 +40,7 @@ if (localStorage["theme-mode"] === "light" || (!("theme-mode" in localStorage) &
 
         <slot name="head"/>
 
-        {clientSideRouter && <ClientRouter/>}
+        {clientSideRouter && <ViewTransitions/>}
     </head>
     <body class="dark:bg-zinc-800">
         <slot/>

src/layouts/PageLayout.astro

@@ -10,7 +10,7 @@ const {title, description} = Astro.props;
     <div class="h-screen w-screen fixed -z-10">
         <BackgroundImage />
     </div>
-    <div class="mx-auto bg-gray-100 p-8 rounded-b-md shadow-md pt-14 relative
+    <div class="mx-auto bg-gray-100 p-8 rounded-b-md shadow-md pt-40 sm:pt-28 md:pt-14 relative
             dark:text-white dark:bg-neutral-900" style="width: min(100%, 75em);">
         <slot/>
     </div>

src/pages/index.astro

@@ -15,7 +15,7 @@ import {type Player} from "../components/types/data";
 import PostComponent from "../components/PostComponent.astro";
 import BackgroundImage from "../components/BackgroundImage.astro";
 
-const teamMember: { [key: string]: Player[]} = await fetch("http://127.0.0.1:1337/data/team")
+const teamMember: { [key: string]: Player[]} = await fetch("https://api.steamwar.de/data/team")
     .then(value => value.json());
 
 const posts = await getCollection("announcements", entry => entry.id.split("/")[0] === astroI18n.locale);

src/pages/not-found.astro

@@ -1,39 +0,0 @@
----
-import PageLayout from "../layouts/PageLayout.astro";
-import {t} from "astro-i18n";
----
-
-<PageLayout title={t("404.title")}>
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
-        <!-- 404 Text - heller für besseren Kontrast -->
-        <text x="400" y="150" font-family="Arial Black" font-size="120" fill="#ffffff" text-anchor="middle">404</text>
-
-        <!-- Trauriger Roboter - hellere Farben für besseren Kontrast -->
-        <!-- Körper -->
-        <rect x="350" y="200" width="100" height="120" rx="10" fill="#888888"/>
-
-        <!-- Kopf -->
-        <rect x="365" y="160" width="70" height="60" rx="5" fill="#888888"/>
-
-        <!-- Augen -->
-        <circle cx="385" cy="185" r="8" fill="#ff6b6b"/>
-        <circle cx="415" cy="185" r="8" fill="#ff6b6b"/>
-
-        <!-- Antenne -->
-        <line x1="400" y1="160" x2="400" y2="140" stroke="#888888" stroke-width="4"/>
-        <circle cx="400" cy="135" r="5" fill="#888888"/>
-
-        <!-- Arme -->
-        <rect x="320" y="220" width="30" height="10" rx="5" fill="#888888"/>
-        <rect x="450" y="220" width="30" height="10" rx="5" fill="#888888"/>
-
-        <!-- Text unter dem Roboter - heller für besseren Kontrast -->
-        <text x="400" y="360" font-family="Arial" font-size="24" fill="#ffffff" text-anchor="middle">{t("404.description")}</text>
-
-        <!-- Dekorative Elemente - heller für besseren Kontrast -->
-        <circle cx="250" cy="100" r="5" fill="#bbbbbb"/>
-        <circle cx="550" cy="150" r="5" fill="#bbbbbb"/>
-        <circle cx="200" cy="300" r="5" fill="#bbbbbb"/>
-        <circle cx="600" cy="250" r="5" fill="#bbbbbb"/>
-    </svg>
-</PageLayout>

src/pages/tutorials/[tutorial].astro

@@ -0,0 +1,19 @@
+---
+import { createGetStaticPaths } from "astro-i18n";
+import { getCollection } from "astro:content";
+
+const { tutorial } = Astro.props;
+
+export const getStaticPaths = createGetStaticPaths(async () => {
+  const tutorials = await getCollection("tutorials");
+
+  return tutorials.map((entry) => ({
+    props: {
+      title: entry.data.title 
+    },
+    params: {
+      title: entry.slug,
+    },
+  }));
+});
+---

steamwarci.yml

@@ -1,11 +1,7 @@
 build:
-  - "printenv"
+  - "echo 'PUBLIC_API_SERVER=https://dev.steamwar.de/api' > .env"
-  - "echo 'PUBLIC_API_SERVER=https://api.steamwar.de' > .env"
+  - "pnpm run ci"
-  - "pnpm install"
-  - "./node_modules/.bin/astro-i18n generate:pages --purge"
-  - "./node_modules/.bin/astro-i18n generate:types"
-  - "./node_modules/.bin/astro build"
 
 release:
-  - "rm -r /var/www/html/*"
+  - "rm -r /var/www/dev/*"
-  - "mv dist/* /var/www/html"
+  - "mv dist/* /var/www/dev"

tailwind.config.cjs

@@ -9,6 +9,7 @@ module.exports = {
 	theme: {
 		extend: {
 			colors: {
+				// flowbite-svelte
 				primary: { 50: '#FFF5F2', 100: '#FFF1EE', 200: '#FFE4DE', 300: '#FFD5CC', 400: '#FFBCAD', 500: '#FE795D', 600: '#EF562F', 700: '#EB4F27', 800: '#CC4522', 900: '#A5371B'},
 			}
 		},