Changes

src/layouts/NavbarLayout.astro

@@ -4,6 +4,7 @@ import { Image } from 'astro:assets';
 import '../styles/button.css';
 import localLogo from "../images/logo.png"
 import {l, t} from "astro-i18n";
+import {YoutubeSolid} from "flowbite-svelte-icons"
 
 const { title } = Astro.props;
 ---
@@ -13,7 +14,7 @@ const { title } = Astro.props;
     <Fragment>
         <div class="min-h-screen flex flex-col">
             <nav-bar class="fixed top-0 left-0 right-0 px-4 transition-colors z-10 flex justify-center \
-                            before:bg-transparent before:absolute before:top-0 before:left-0 before:bottom-0 before:right-0 before:bg-black before:-z-10 before:scale-y-0 before:transition-transform before:origin-top">
+                            before:bg-black 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">
                 <div class="flex flex-col md:flex-row items-center justify-evenly md:justify-between match">
                     <a class="flex items-center" href={l("/")}>
                         <Image src={localLogo} alt={t("navbar.logo.alt")} width="44" height="44" quality="max" class="mr-2 p-1 bg-black rounded-full" />
@@ -100,7 +101,7 @@ const { title } = Astro.props;
                     </div>
                     <div class="footer-card">
                         <h1>Links</h1>
-                        <a href={l("/")}>Startseite</a>
+                        <a href={l("/")}>{t("navbar.links.home.title")}</a>
                         <a href={l("/join")}>Join Now</a>
                         <a href={l("/")}>Announcements</a>
                         <a href={l("/")}>Gamemodes</a>
@@ -111,10 +112,10 @@ const { title } = Astro.props;
                     </div>
                     <div class="footer-card">
                         <h1>Social Media</h1>
-                        <a>YouTube</a>
+                        <a class="flex" href="/"><YoutubeSolid class="mr-2" /> YouTube</a>
                     </div>
                 </div>
-                <span class="text-sm text-white text-center">© SteamWar.de</span>
+                <span class="text-sm text-white text-center">© SteamWar.de - {new Date().getFullYear()}</span>
             </footer>
         </div>
     </Fragment>