73 lines
1.6 KiB
Plaintext
73 lines
1.6 KiB
Plaintext
---
|
|
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>
|