2023-04-07 23:06:46 +02:00
|
|
|
---
|
|
|
|
|
import '../styles/styles.scss';
|
|
|
|
|
import Head from "../components/base/Head.astro";
|
|
|
|
|
import Header from "../components/base/Header.astro";
|
|
|
|
|
import Footer from "../components/base/Footer.astro";
|
|
|
|
|
---
|
|
|
|
|
<html lang="en">
|
2023-04-11 21:10:41 +02:00
|
|
|
<Head/>
|
2023-04-07 23:06:46 +02:00
|
|
|
<body>
|
2023-06-21 00:12:55 +02:00
|
|
|
<script is:inline>
|
|
|
|
|
(() => {
|
|
|
|
|
const theme = (
|
|
|
|
|
localStorage?.getItem("theme") ||
|
|
|
|
|
window.matchMedia("(prefers-color-scheme: dark)").matches && "dark" ||
|
|
|
|
|
"light"
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
const cl = document.body.classList;
|
|
|
|
|
switch (theme) {
|
|
|
|
|
case "light": return cl.remove("dark");
|
|
|
|
|
case "dark": return cl.add("dark");
|
|
|
|
|
}
|
|
|
|
|
localStorage?.setItem("theme", theme);
|
|
|
|
|
})();
|
|
|
|
|
</script>
|
|
|
|
|
|
2023-04-07 23:06:46 +02:00
|
|
|
<slot name="header">
|
2023-04-11 21:10:41 +02:00
|
|
|
<Header/>
|
2023-04-07 23:06:46 +02:00
|
|
|
</slot>
|
|
|
|
|
|
|
|
|
|
<slot />
|
|
|
|
|
|
|
|
|
|
<slot name="footer">
|
2023-04-11 21:10:41 +02:00
|
|
|
<Footer/>
|
2023-04-07 23:06:46 +02:00
|
|
|
</slot>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
