Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/jhroemer/jhroemer.github.io. My personal website jensroemer.com
Something went wrong. Try again.
1.9 kB · 68 lines
Astro
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869---import { ClientRouter } from "astro:transitions";import Header from "../components/Header.astro";import "../styles/global.css";
interface Props { pageTitle: string; ogImage?: string;}
const { pageTitle, ogImage }: Props = Astro.props;---
<html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <meta name="viewport" content="width=device-width" /> <meta name="generator" content={Astro.generator} /> { ogImage && ( <meta property="og:image" content={new URL(ogImage, Astro.site).href} /> ) } <meta property="og:title" content={pageTitle} /> <link rel="stylesheet" href="https://indestructibletype.com/fonts/Jost.css" type="text/css" charset="utf-8" /> <title>{pageTitle}</title> <ClientRouter /> <script async is:inline data-astro-rerun src="https://cloud.umami.is/script.js" data-website-id="71d4c672-c978-4ccb-91fb-eac13463e404"></script> </head> <body> <Header /> <slot /> </body><script is:inline> // Initialize the correct theme if (window.matchMedia("(prefers-color-scheme: dark)").matches) { document.documentElement.classList.add("dark"); }
// Make sure theme is updated if users changes it window .matchMedia("(prefers-color-scheme: dark)") .addEventListener("change", (event) => { if (event.matches) { document.documentElement.classList.add("dark"); } else { document.documentElement.classList.remove("dark"); } });
// https://docs.astro.build/en/guides/view-transitions/#script-re-execution document.addEventListener("astro:after-swap", () => { if (window.matchMedia("(prefers-color-scheme: dark)").matches) { document.documentElement.classList.add("dark"); } }); </script></html>