Fixing and Sitemap and Robots.txt

src/components/LanguageWarning.astro

@@ -0,0 +1,8 @@
+---
+import {t} from "astro-i18n";
+---
+
+<div class="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4" role="alert">
+    <p class="font-bold">{t("warning.title")}</p>
+    <p>{t("warning.text")}</p>
+</div>

src/components/P.astro

@@ -0,0 +1,11 @@
+---
+interface Props {
+    class: string;
+}
+
+const { class: s } = Astro.props as Props;
+---
+
+<p class={s}>
+    <slot></slot>
+</p>

src/components/PostComponent.astro

@@ -4,6 +4,7 @@ import {l} from "../util/util";
 import {astroI18n} from "astro-i18n";
 import {Image} from "astro:assets";
 import TagComponent from "./TagComponent.astro";
+import P from "./P.astro";
 
 interface Props {
     post: CollectionEntry<'announcements'>
@@ -21,12 +22,12 @@ const { post } = Astro.props as Props;
         ) : null}
         <div>
             <h2 class="text-2xl font-bold">{post.data.title}</h2>
-            <div class="text-gray-500">{Intl.DateTimeFormat(astroI18n.locale, {
+            <P class="text-gray-500">{Intl.DateTimeFormat(astroI18n.locale, {
                 day: "numeric",
                 month: "long",
                 year: "numeric"
-            }).format(post.data.created)}</div>
-            <div>{post.data.description}</div>
+            }).format(post.data.created)}</P>
+            <P>{post.data.description}</P>
             <div>
                 {post.data.tags.map((tag) => (
                         <TagComponent tag={tag} />

src/components/admin/App.svelte

@@ -22,7 +22,7 @@
   import wrap from "svelte-spa-router/wrap";
   import Router, {replace} from "svelte-spa-router";
   import {get} from "svelte/store";
-  import {tokenStore} from "../repo/repo.js";
+  import {tokenStore} from "../repo/repo";
 
   const routes: RouteDefinition = {
     '/': wrap({asyncComponent: () => import('./pages/Home.svelte'), conditions: detail => get(tokenStore) != ""}),

src/components/admin/components/FightEditPart.svelte

@@ -20,7 +20,7 @@
 <script lang="ts">
     import {Input, Label, Select} from "flowbite-svelte";
     import TypeAheadSearch from "./TypeAheadSearch.svelte";
-    import {gamemodes, groups, maps, players} from "../../stores/stores.js";
+    import {gamemodes, groups, maps, players} from "../../stores/stores";
     import type {Team} from '../../types/team.js';
 
     export let teams: Team[] = [];

src/components/admin/pages/Edit.svelte

@@ -20,7 +20,7 @@
 <script lang="ts">
 import {ArrowLeftSolid} from "flowbite-svelte-icons";
 import {Button, Card, Input, Label, Navbar, NavBrand, NavHamburger, NavUl, Spinner} from "flowbite-svelte";
-import {pageRepo} from "../../repo/repo.js";
+import {pageRepo} from "../../repo/repo";
 import {mapToMap, nameRegex} from "../util.ts";
 import TypeAheadSearch from "../components/TypeAheadSearch.svelte";
 import {branches} from "../../stores/stores.ts";

src/components/admin/pages/Event.svelte

@@ -22,7 +22,7 @@
     import EventEdit from "./event/EventEdit.svelte";
     import {ArrowLeftSolid} from "flowbite-svelte-icons";
     import FightList from "./event/FightList.svelte";
-    import {eventRepo} from "../../repo/repo.js";
+    import {eventRepo} from "../../repo/repo";
     import TeamList from "./event/TeamList.svelte";
 
     export let params: { id: number };

src/components/admin/pages/Generate.svelte

@@ -22,7 +22,7 @@
     import EventEdit from "./event/EventEdit.svelte";
     import {ArrowLeftSolid} from "flowbite-svelte-icons";
     import FightList from "./event/FightList.svelte";
-    import {eventRepo} from "../../repo/repo.js";
+    import {eventRepo} from "../../repo/repo";
     import TeamList from "./event/TeamList.svelte";
     import GroupGenerator from "./generate/GroupGenerator.svelte";
 

src/components/admin/pages/Home.svelte

@@ -24,7 +24,7 @@
     import {PlusSolid} from "flowbite-svelte-icons";
     import EventCard from "./home/EventCard.svelte";
     import CreateEventModal from "./home/CreateEventModal.svelte";
-    import {eventRepo, tokenStore} from "../../repo/repo.js";
+    import {eventRepo, tokenStore} from "../../repo/repo";
 
     let events = $eventRepo.listEvents()
     let showAdd = false

src/components/admin/pages/Login.svelte

@@ -22,7 +22,7 @@
     import {fly} from "svelte/transition";
     import {replace} from "svelte-spa-router";
     import {EyeOutline, EyeSlashOutline, EyeSolid} from "flowbite-svelte-icons";
-    import {fetchWithToken, tokenStore} from "../../repo/repo.js";
+    import {fetchWithToken, tokenStore} from "../../repo/repo";
 
     let show = false;
     let loading = false;

src/components/admin/pages/event/EventEdit.svelte

@@ -20,11 +20,11 @@
 <script lang="ts">
     import type {ExtendedEvent} from "../../../types/event.js";
     import {Button, Heading, Input, Label, Modal, Range, Select, Toast, Toggle} from "flowbite-svelte";
-    import {schemTypes} from "../../../stores/stores.js";
+    import {schemTypes} from "../../../stores/stores";
     import dayjs from "dayjs";
     import utc from "dayjs/plugin/utc"
     import type {UpdateEvent} from "../../../repo/event.js";
-    import {eventRepo} from "../../../repo/repo.js";
+    import {eventRepo} from "../../../repo/repo";
     import ErrorModal from "../../components/ErrorModal.svelte";
     import {replace} from "svelte-spa-router";
     import {CheckCircleOutline} from "flowbite-svelte-icons";

src/components/admin/pages/event/FightCard.svelte

@@ -23,8 +23,8 @@
     import type {EventFight, ExtendedEvent} from "../../../types/event.js";
     import FightEditModal from "./modals/FightEditModal.svelte";
     import {createEventDispatcher, onMount} from "svelte";
-    import {fightRepo} from "../../../repo/repo.js";
-    import {isWide} from "../../../stores/stores.js";
+    import {fightRepo} from "../../../repo/repo";
+    import {isWide} from "../../../stores/stores";
 
     export let fight: EventFight;
     export let data: ExtendedEvent;

src/components/admin/pages/event/FightList.svelte

@@ -36,8 +36,8 @@
     } from "flowbite-svelte-icons";
     import FightCard from "./FightCard.svelte";
     import CreateFightModal from "./modals/CreateFightModal.svelte";
-    import {fightRepo} from "../../../repo/repo.js";
-    import {groups, players} from "../../../stores/stores.js";
+    import {fightRepo} from "../../../repo/repo";
+    import {groups, players} from "../../../stores/stores";
     import TypeAheadSearch from "../../components/TypeAheadSearch.svelte";
     import type {UpdateFight} from "../../../repo/fight.js";
     import dayjs from "dayjs";

src/components/admin/pages/event/modals/CreateFightModal.svelte

@@ -21,7 +21,7 @@
     import {Button, Modal} from "flowbite-svelte";
     import type {ExtendedEvent} from "../../../../types/event.js";
     import FightEditPart from "../../../components/FightEditPart.svelte";
-    import {fightRepo} from "../../../../repo/repo.js";
+    import {fightRepo} from "../../../../repo/repo";
     import type {CreateFight} from "../../../../repo/fight.ts";
     import ErrorModal from "../../../components/ErrorModal.svelte";
     import {createEventDispatcher} from "svelte";

src/components/admin/pages/event/modals/FightEditModal.svelte

@@ -22,7 +22,7 @@
     import type {EventFight, ExtendedEvent} from "../../../../types/event.js";
     import FightEditPart from "../../../components/FightEditPart.svelte";
     import type {UpdateFight} from "../../../../repo/fight.js";
-    import {fightRepo} from "../../../../repo/repo.js";
+    import {fightRepo} from "../../../../repo/repo";
     import ErrorModal from "../../../components/ErrorModal.svelte";
     import {createEventDispatcher} from "svelte";
     import dayjs from "dayjs";

src/components/admin/pages/generate/GroupGenerator.svelte

@@ -23,9 +23,9 @@
     import type {Team} from "../../../types/team.js";
     import DragAcceptor from "./DragAcceptor.svelte";
     import {Button, Input, Label, Modal, Range, Select} from "flowbite-svelte";
-    import {gamemodes, maps} from "../../../stores/stores.js";
+    import {gamemodes, maps} from "../../../stores/stores";
     import {PlusSolid} from "flowbite-svelte-icons";
-    import {fightRepo} from "../../../repo/repo.js";
+    import {fightRepo} from "../../../repo/repo";
     import {replace} from "svelte-spa-router";
     import dayjs from "dayjs";
 

src/components/admin/pages/generate/TeamChip.svelte

@@ -19,7 +19,7 @@
 
 <script lang="ts">
     import type {Team} from "../../../types/team.js";
-    import {brightness, colorFromTeam, lighten} from "../../util.js";
+    import {brightness, colorFromTeam, lighten} from "../../util";
 
     export let team: Team;
 

src/components/admin/pages/home/CreateEventModal.svelte

@@ -21,7 +21,7 @@
     import {Button, Input, Label, Modal} from "flowbite-svelte";
     import {createEventDispatcher} from "svelte";
     import ErrorModal from "../../components/ErrorModal.svelte";
-    import {eventRepo} from "../../../repo/repo.js";
+    import {eventRepo} from "../../../repo/repo";
     import dayjs from "dayjs";
 
     export let open = false;

src/components/repo/event.ts

@@ -18,7 +18,7 @@
  */
 
 import type {ExtendedEvent, ShortEvent, SWEvent} from "../types/event.js";
-import {fetchWithToken} from "./repo.js";
+import {fetchWithToken} from "./repo";
 import {ExtendedEventSchema, ShortEventSchema, SWEventSchema} from "../types/event.js";
 import {z} from "zod";
 import type {Dayjs} from "dayjs";

src/components/repo/fight.ts

@@ -18,7 +18,7 @@
  */
 
 import type {EventFight} from "../types/event.js";
-import {fetchWithToken} from "./repo.js";
+import {fetchWithToken} from "./repo";
 import {z} from "zod";
 import {EventFightSchema} from "../types/event.js";
 import type {Dayjs} from "dayjs";

src/components/repo/perms.ts

@@ -18,7 +18,7 @@
  */
 
 import type {Perms, UserPerms} from "../types/perms.js";
-import {fetchWithToken} from "./repo.js";
+import {fetchWithToken} from "./repo";
 import {PermsSchema, UserPermsSchema} from "../types/perms.js";
 
 export class PermsRepo {

src/components/stores/stores.ts

@@ -23,7 +23,7 @@ import {cached, cachedFamily} from "./cached.js";
 import type {Team} from "../types/team.js";
 import {TeamSchema} from "../types/team.js";
 import {derived, get, writable} from "svelte/store";
-import {dataRepo, fetchWithToken, pageRepo, tokenStore} from "../repo/repo.js";
+import {dataRepo, fetchWithToken, pageRepo, tokenStore} from "../repo/repo";
 import {z} from "zod";
 
 export const schemTypes = cached<SchematicType[]>([], () =>

src/env.d.ts

@@ -31,7 +31,7 @@ type SecondaryLocale = "de"
 type Locale = PrimaryLocale | SecondaryLocale
 type RouteParameters = {"/dashboard":undefined;"/downloads":undefined;"/":undefined;"/login":undefined;"/[...slug]":{"slug":unknown;};"/admin":undefined;"/announcements":undefined;"/announcements/[...slug]":{"slug":unknown;};"/announcements/tags/[tag]":{"tag":unknown;};"/help":undefined;"/help/[...slug]":{"slug":unknown;};"/ranked/[...gamemode]":{"gamemode":unknown;};"/rules":undefined;"/rules/[mode]":{"mode":unknown;};"/stats/fight":undefined;}
 type Route = keyof RouteParameters
-type TranslationVariables = {"dashboard.page":object|undefined;"dashboard.title":{"name"?:unknown;}|undefined;"dashboard.rank":{"rank"?:unknown;}|undefined;"dashboard.permissions":object|undefined;"dashboard.buttons.logout":object|undefined;"dashboard.buttons.admin":object|undefined;"dashboard.schematic.upload":object|undefined;"dashboard.schematic.home":object|undefined;"dashboard.schematic.dir":object|undefined;"dashboard.schematic.head.type":object|undefined;"dashboard.schematic.head.name":object|undefined;"dashboard.schematic.head.owner":object|undefined;"dashboard.schematic.head.updated":object|undefined;"dashboard.schematic.head.replaceColor":object|undefined;"dashboard.schematic.head.allowReplay":object|undefined;"dashboard.schematic.info.path":{"path"?:unknown;}|undefined;"dashboard.schematic.info.replaceColor":object|undefined;"dashboard.schematic.info.allowReplay":object|undefined;"dashboard.schematic.info.type":{"type"?:unknown;}|undefined;"dashboard.schematic.info.updated":{"updated"?:unknown;}|undefined;"dashboard.schematic.info.item":{"item"?:unknown;}|undefined;"dashboard.schematic.info.members":{"members"?:unknown;}|undefined;"dashboard.schematic.info.btn.download":object|undefined;"dashboard.schematic.info.btn.close":object|undefined;"login.page":object|undefined;"login.title":object|undefined;"login.placeholder.username":object|undefined;"login.placeholder.token":object|undefined;"login.label.username":object|undefined;"login.label.token":object|undefined;"login.generateToken":object|undefined;"login.submit":object|undefined;"login.error":object|undefined;"blog.title":object|undefined;"page":object|undefined;"wg.description":object|undefined;"as.description":object|undefined;"ws.description":object|undefined;"mwg.description":object|undefined;"rules":object|undefined;"council":object|undefined;"ranking":object|undefined;"title":{"mode"?:unknown;}|undefined;"warning.title":object|undefined;"warning.text":object|undefined;"stats.title":object|undefined;"navbar.title":object|undefined;"navbar.logo.alt":object|undefined;"navbar.links.home.title":object|undefined;"navbar.links.home.announcements":object|undefined;"navbar.links.home.about":object|undefined;"navbar.links.home.downloads":object|undefined;"navbar.links.home.faq":object|undefined;"navbar.links.rules.title":object|undefined;"navbar.links.rules.gamemode":object|undefined;"navbar.links.rules.wg":object|undefined;"navbar.links.rules.mwg":object|undefined;"navbar.links.rules.ws":object|undefined;"navbar.links.rules.as":object|undefined;"navbar.links.rules.rotating":object|undefined;"navbar.links.rules.megawg":object|undefined;"navbar.links.rules.micro":object|undefined;"navbar.links.rules.sf":object|undefined;"navbar.links.rules.general":object|undefined;"navbar.links.rules.coc":object|undefined;"navbar.links.help.title":object|undefined;"navbar.links.help.center":object|undefined;"navbar.links.help.docs":object|undefined;"navbar.links.account":object|undefined;"status.loading":object|undefined;"status.status":object|undefined;"status.online":object|undefined;"status.offline":object|undefined;"status.players":{"count"?:unknown;}|undefined;"status.version":{"version"?:unknown;}|undefined;"home.page":object|undefined;"home.title.first":object|undefined;"home.title.second":object|undefined;"home.subtitle.1":object|undefined;"home.subtitle.2":object|undefined;"home.subtitle.3":object|undefined;"home.join":object|undefined;"home.benefits.historic.title":object|undefined;"home.benefits.historic.description.1":object|undefined;"home.benefits.historic.description.2":object|undefined;"home.benefits.server.title":object|undefined;"home.benefits.server.description":object|undefined;"home.benefits.events.title":object|undefined;"home.benefits.events.description.1":object|undefined;"home.benefits.events.description.2":object|undefined;"home.prefix.Admin":object|undefined;"home.prefix.Dev":object|undefined;"home.prefix.Mod":object|undefined;"home.prefix.Sup":object|undefined;"home.prefix.Arch":object|undefined;"footer.imprint":object|undefined;"footer.privacy":object|undefined;"footer.coc":object|undefined;"footer.stats":object|undefined;"footer.gamemodes":object|undefined;"footer.announcements":object|undefined;"footer.join":object|undefined;"wg.title":object|undefined;"mwg.title":object|undefined;"ws.title":object|undefined;"as.title":object|undefined;"qg.title":object|undefined;"ranking.heading":{"mode"?:unknown;}|undefined;"announcements.table.time":object|undefined;"announcements.table.blue":object|undefined;"announcements.table.red":object|undefined;"announcements.table.team":object|undefined;"announcements.table.points":object|undefined;}
+type TranslationVariables = {"dashboard.page":object|undefined;"dashboard.title":{"name"?:unknown;}|undefined;"dashboard.rank":{"rank"?:unknown;}|undefined;"dashboard.permissions":object|undefined;"dashboard.buttons.logout":object|undefined;"dashboard.buttons.admin":object|undefined;"dashboard.schematic.upload":object|undefined;"dashboard.schematic.home":object|undefined;"dashboard.schematic.dir":object|undefined;"dashboard.schematic.head.type":object|undefined;"dashboard.schematic.head.name":object|undefined;"dashboard.schematic.head.owner":object|undefined;"dashboard.schematic.head.updated":object|undefined;"dashboard.schematic.head.replaceColor":object|undefined;"dashboard.schematic.head.allowReplay":object|undefined;"dashboard.schematic.info.path":{"path"?:unknown;}|undefined;"dashboard.schematic.info.replaceColor":object|undefined;"dashboard.schematic.info.allowReplay":object|undefined;"dashboard.schematic.info.type":{"type"?:unknown;}|undefined;"dashboard.schematic.info.updated":{"updated"?:unknown;}|undefined;"dashboard.schematic.info.item":{"item"?:unknown;}|undefined;"dashboard.schematic.info.members":{"members"?:unknown;}|undefined;"dashboard.schematic.info.btn.download":object|undefined;"dashboard.schematic.info.btn.close":object|undefined;"login.page":object|undefined;"login.title":object|undefined;"login.placeholder.username":object|undefined;"login.placeholder.token":object|undefined;"login.label.username":object|undefined;"login.label.token":object|undefined;"login.generateToken":object|undefined;"login.submit":object|undefined;"login.error":object|undefined;"blog.title":object|undefined;"page":object|undefined;"wg.description":object|undefined;"as.description":object|undefined;"ws.description":object|undefined;"mwg.description":object|undefined;"rules":object|undefined;"announcements":object|undefined;"ranking":object|undefined;"title":{"mode"?:unknown;}|undefined;"stats.title":object|undefined;"navbar.title":object|undefined;"navbar.logo.alt":object|undefined;"navbar.links.home.title":object|undefined;"navbar.links.home.announcements":object|undefined;"navbar.links.home.about":object|undefined;"navbar.links.home.downloads":object|undefined;"navbar.links.home.faq":object|undefined;"navbar.links.rules.title":object|undefined;"navbar.links.rules.gamemode":object|undefined;"navbar.links.rules.wg":object|undefined;"navbar.links.rules.mwg":object|undefined;"navbar.links.rules.ws":object|undefined;"navbar.links.rules.as":object|undefined;"navbar.links.rules.qg":object|undefined;"navbar.links.rules.rotating":object|undefined;"navbar.links.rules.megawg":object|undefined;"navbar.links.rules.micro":object|undefined;"navbar.links.rules.sf":object|undefined;"navbar.links.rules.general":object|undefined;"navbar.links.rules.coc":object|undefined;"navbar.links.help.title":object|undefined;"navbar.links.help.center":object|undefined;"navbar.links.help.docs":object|undefined;"navbar.links.account":object|undefined;"status.loading":object|undefined;"status.status":object|undefined;"status.online":object|undefined;"status.offline":object|undefined;"status.players":{"count"?:unknown;}|undefined;"status.version":{"version"?:unknown;}|undefined;"home.page":object|undefined;"home.title.first":object|undefined;"home.title.second":object|undefined;"home.subtitle.1":object|undefined;"home.subtitle.2":object|undefined;"home.subtitle.3":object|undefined;"home.join":object|undefined;"home.benefits.historic.title":object|undefined;"home.benefits.historic.description.1":object|undefined;"home.benefits.historic.description.2":object|undefined;"home.benefits.server.title":object|undefined;"home.benefits.server.description":object|undefined;"home.benefits.events.title":object|undefined;"home.benefits.events.description.1":object|undefined;"home.benefits.events.description.2":object|undefined;"home.prefix.Admin":object|undefined;"home.prefix.Dev":object|undefined;"home.prefix.Mod":object|undefined;"home.prefix.Sup":object|undefined;"home.prefix.Arch":object|undefined;"footer.imprint":object|undefined;"footer.privacy":object|undefined;"footer.coc":object|undefined;"footer.stats":object|undefined;"footer.gamemodes":object|undefined;"footer.announcements":object|undefined;"footer.join":object|undefined;"wg.title":object|undefined;"mwg.title":object|undefined;"ws.title":object|undefined;"as.title":object|undefined;"qg.title":object|undefined;"ranking.heading":{"mode"?:unknown;}|undefined;"announcements.table.time":object|undefined;"announcements.table.blue":object|undefined;"announcements.table.red":object|undefined;"announcements.table.team":object|undefined;"announcements.table.points":object|undefined;"elo.place":object|undefined;"elo.name":object|undefined;"elo.elo":object|undefined;"elo.title":{"mode"?:unknown;}|undefined;"warning.title":object|undefined;"warning.text":object|undefined;}
 type Translation = keyof TranslationVariables
 type Environment = "none"|"node"|"browser"
 declare module "astro-i18n" {

src/i18n/common/en.json

@@ -124,5 +124,9 @@
     "name": "Name",
     "elo": "Elo",
     "title": "{# mode #} - Rankings"
+  },
+  "warning": {
+    "title": "This page is not available in your language.",
+    "text": "The page you are trying to access is not available in your language. You can still access the original page in German."
   }
 }

src/i18n/pages/rules/en.json

@@ -15,9 +15,5 @@
   "rules": "Rules »",
   "announcements": "Announcements »",
   "ranking": "Ranking »",
-  "title": "{# mode #} - Rules",
-  "warning": {
-    "title": "This page is not available in your language.",
-    "text": "The page you are trying to access is not available in your language. You can still access the original page in German."
-  }
+  "title": "{# mode #} - Rules"
 }

src/layouts/Basic.astro

@@ -4,6 +4,7 @@ import icon from '../images/logo.png';
 import {getImage} from "astro:assets";
 import {astroI18n} from "astro-i18n";
 const { title, description } = Astro.props.frontmatter || Astro.props;
+import { SEO } from "astro-seo";
 
 const iconImage = await getImage({src: icon, height: 32, width: 32, format: 'png', quality: 100});
 ---
@@ -14,13 +15,16 @@ const iconImage = await getImage({src: icon, height: 32, width: 32, format: 'png
     <meta name="viewport"
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <meta name="description" content={description}/>
     <meta name="icbm" content="52.370216;4.895168"/>
     <link rel="icon" type="imgage/png" href={iconImage.src} />
     <link rel="stylesheet" href="/fonts/barlow-condensed/barlow-condensed.css" />
-    <title>{title}</title>
-    <slot name="head" />
 
+    <SEO
+        title={title}
+        description={description}
+    />
+
+    <slot name="head" />
 </head>
 <body class="dark:bg-zinc-800">
     <slot />

src/pages/[...slug].astro

@@ -2,6 +2,7 @@
 import {getCollection} from 'astro:content'
 import {astroI18n, createGetStaticPaths, t} from "astro-i18n";
 import PageLayout from "../layouts/PageLayout.astro";
+import LanguageWarning from "../components/LanguageWarning.astro";
 
 export const getStaticPaths = createGetStaticPaths(async () => {
     let posts = await getCollection("pages", value => value.id.split("/")[0] === astroI18n.locale);
@@ -32,10 +33,7 @@ const { Content } = await page.render();
 <PageLayout title={page.data.title}>
     <article>
         {page.data.german && (
-                <div class="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4" role="alert">
-                    <div class="font-bold">{t("warning.title", {}, {route: "/rules"})}</div>
-                    <div>{t("warning.text", {}, {route: "/rules"})}</div>
-                </div>
+            <LanguageWarning />
         )}
         <h1 class="text-left">{page.data.title}</h1>
         <Content />

src/pages/announcements/[...slug].astro

@@ -4,6 +4,7 @@ import {getCollection, CollectionEntry} from "astro:content";
 import PageLayout from "../../layouts/PageLayout.astro";
 import {TagSolid, CalendarMonthSolid} from "flowbite-svelte-icons"
 import TagComponent from "../../components/TagComponent.astro";
+import LanguageWarning from "../../components/LanguageWarning.astro";
 
 export const getStaticPaths = createGetStaticPaths(async () => {
     const posts = await getCollection('announcements', entry => entry.id.split('/')[0] === astroI18n.locale);
@@ -49,10 +50,7 @@ const { Content } = await post.render();
             year: 'numeric'
         }).format(post.data.created)} </h5>
         {german && (
-                <div class="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4" role="alert">
-                    <div class="font-bold">{t("warning.title", {}, {route: "/rules"})}</div>
-                    <div>{t("warning.text", {}, {route: "/rules"})}</div>
-                </div>
+                <LanguageWarning />
         )}
         <Content />
         <script>

src/pages/rules/[mode].astro

@@ -2,6 +2,7 @@
 import {getCollection, CollectionEntry} from 'astro:content'
 import {astroI18n, createGetStaticPaths, t} from "astro-i18n";
 import PageLayout from "../../layouts/PageLayout.astro";
+import LanguageWarning from "../../components/LanguageWarning.astro";
 
 export const getStaticPaths = createGetStaticPaths(async () => {
     let posts = await getCollection("rules", value => value.id.split("/")[0] === astroI18n.locale);
@@ -34,10 +35,7 @@ const { Content } = await page.render();
 <PageLayout title={t("title", {mode: t(`${page.data.translationKey}.title`, {}, {route: "/rules"})}, {route: "/rules"})}>
     <article>
         {german && (
-            <div class="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4" role="alert">
-                <div class="font-bold">{t("warning.title", {}, {route: "/rules"})}</div>
-                <div>{t("warning.text", {}, {route: "/rules"})}</div>
-            </div>
+            <LanguageWarning />
         )}
         <Content />
     </article>