Inital commit of Astro Website

2026-03-21 14:37:03 +01:00
commit bea1f0741d
60 changed files with 10838 additions and 0 deletions
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -0,0 +1,72 @@
+---
+import "../styles/global.css";
+import Navigation from "../components/Navigation.astro";
+import { Font } from "astro:assets";
+
+interface Props {
+	title: string;
+	theme?: "portfolio" | "blog" | "book" | "default";
+	description?: string;
+}
+
+const {
+	title,
+	theme = "default",
+	description = "Persönliche Webseite von Daniel Kluge",
+} = Astro.props;
+---
+
+<!DOCTYPE html>
+<html lang="de">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="description" content={description} />
+		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="32x32"
+			href="/favicon-32x32.png"
+		/>
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="16x16"
+			href="/favicon-16x16.png"
+		/>
+		<link
+			rel="apple-touch-icon"
+			sizes="180x180"
+			href="/apple-touch-icon.png"
+		/>
+		<meta name="generator" content={Astro.generator} />
+
+		<!-- Open Graph / Facebook -->
+		<meta property="og:type" content="website" />
+		<meta property="og:title" content={title} />
+		<meta property="og:description" content={description} />
+		<meta
+			property="og:image"
+			content={new URL("/og-image.png", Astro.url)}
+		/>
+
+		<!-- Twitter -->
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="twitter:title" content={title} />
+		<meta property="twitter:description" content={description} />
+		<meta
+			property="twitter:image"
+			content={new URL("/og-image.png", Astro.url)}
+		/>
+
+		<title>{title}</title>
+		<Font cssVariable="--font-cascadia-code" />
+	</head>
+	<body data-theme={theme}>
+		<Navigation />
+		<main class="container">
+			<slot />
+		</main>
+	</body>
+</html>