Update Website

astro.config.mjs

@@ -1,8 +1,8 @@
-import { defineConfig, sharpImageService } from "astro/config";
+import { defineConfig, fontProviders, sharpImageService } from "astro/config";
 import svelte from "@astrojs/svelte";
-import tailwind from "@astrojs/tailwind";
-import configureI18n from "./astro-i18n.adapter";
+import tailwindcss from "@tailwindcss/vite";
 import sitemap from "@astrojs/sitemap";
+import { paraglideVitePlugin } from "@inlang/paraglide-js";
 
 import robotsTxt from "astro-robots-txt";
 import path from "node:path";
@@ -12,7 +12,68 @@ import starlight from "@astrojs/starlight";
 
 // https://astro.build/config
 export default defineConfig({
+    fonts: [{
+        provider: fontProviders.google(),
+        name: "Roboto",
+        cssVariable: "--font-roboto",
+    }, {
+        provider: fontProviders.local(),
+        name: "Barlow Condensed",
+        cssVariable: "--font-barlow-condensed",
+        options: {
+            variants: [
+                {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-regular.woff2"],
+                    weight: "400",
+                    style: "normal",
+                }, {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-medium.woff2"],
+                    weight: "500",
+                    style: "normal"
+                }, {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-bold.woff2"],
+                    weight: "700",
+                    style: "normal"
+                }, {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-italic.woff2"],
+                    weight: "400",
+                    style: "italic"
+                }, {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-medium-italic.woff2"],
+                    weight: "500",
+                    style: "italic"
+                }, {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-bold-italic.woff2"],
+                    weight: "700",
+                    style: "italic"
+                }, {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-black.woff2"],
+                    weight: "900",
+                    style: "normal"
+                }, {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-black-italic.woff2"],
+                    weight: "900",
+                    style: "italic"
+                }, {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-light.woff2"],
+                    weight: "300",
+                    style: "normal"
+                }, {
+                    src: ["./src/assets/fonts/barlow-condensed/barlow-condensed-light-italic.woff2"],
+                    weight: "300",
+                    style: "italic"
+                }
+            ]
+        }
+    }],
     output: "static",
+    i18n: {
+        defaultLocale: "de",
+        locales: ["de", "en"],
+        routing: {
+            prefixDefaultLocale: false,
+        },
+    },
     image: {
         service: sharpImageService(),
     },
@@ -43,13 +104,9 @@ export default defineConfig({
                 baseUrl: "https://git.steamwar.de/SteamWar/Website/src/branch/master/",
             },
         }),
-        tailwind({
-            configFile: "./tailwind.config.js",
-            applyBaseStyles: false,
-        }),
         sitemap({
             i18n: {
-                defaultLocale: "en",
+                defaultLocale: "de",
                 locales: {
                     en: "en-US",
                     de: "de-DE",
@@ -82,6 +139,15 @@ export default defineConfig({
         mdx(),
     ],
     vite: {
+        plugins: [
+            paraglideVitePlugin({
+                project: "./project.inlang",
+                outdir: "./src/paraglide",
+                strategy: ["url", "globalVariable", "baseLocale"],
+                emitTsDeclarations: true,
+            }),
+            tailwindcss(),
+        ],
         resolve: {
             alias: {
                 "@components": path.resolve("./src/components"),