Images

src/layouts/Basic.astro

@@ -20,6 +20,13 @@ const iconImage = await getImage({src: icon, height: 32, width: 32, format: "png
         <SEO
             title={title}
             description={description}
+            twitter={{
+                creator: "@chaoscaot"
+            }}
+            languageAlternates={astroI18n.locales.map((locale) => ({
+                hrefLang: locale,
+                href: `/${locale}/`
+            }))}
         />
 
         <slot name="head" />

src/layouts/NavbarLayout.astro

@@ -9,10 +9,10 @@ import {l} from "../util/util";
 
 import ServerStatus from "../components/ServerStatus.svelte";
 
-const { title } = Astro.props;
+const { title, description } = Astro.props;
 ---
 
-<Basic title={title}>
+<Basic title={title} description={description}>
     <slot name="head" slot="head" />
     <Fragment>
         <div class="min-h-screen flex flex-col">

src/layouts/PageLayout.astro

@@ -3,12 +3,13 @@ import NavbarLayout from "./NavbarLayout.astro";
 import localBau from "../images/2023-10-08_20.43.43.png";
 import { Image } from "astro:assets";
 
-const { title } = Astro.props;
+const { title, description, image } = Astro.props;
 ---
 
-<NavbarLayout title={title}>
-    <Image src={localBau} alt="Bau" width="1920" height="1080" densities={[1.5, 2, 3, 4]} class="w-full h-screen dark:brightness-75 fixed -z-10 object-cover"  draggable="false" />
-    <div class="mx-auto bg-gray-100 p-8 rounded-b-md shadow-md pt-40 sm:pt-28 md:pt-14
+<NavbarLayout title={title} description={description}>
+    <slot name="head" slot="head" />
+    <Image src={image || localBau} alt="Bau" width="1920" height="1080" densities={[1.5, 2, 3, 4]} class="w-full h-screen dark:brightness-75 fixed -z-10 object-cover"  draggable="false" />
+    <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(100vw, 75em);">
         <slot />
     </div>