Files
profile/src/layouts/main.astro
2026-02-18 19:40:33 +08:00

45 lines
1.2 KiB
Plaintext

---
import Footer from "../components/footer.astro";
import Header from "../components/header.astro";
import SquareLines from "../components/square-lines.astro";
const { title } = Astro.props;
---
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{title}</title>
<!-- Used to add dark mode right away, adding here prevents any flicker -->
<script is:inline>
if (typeof Storage !== 'undefined') {
if (
localStorage.getItem('dark_mode') &&
localStorage.getItem('dark_mode') == 'true'
) {
document.documentElement.classList.add('dark')
}
}
</script>
<style>
.prose img {
border-radius: 20px;
}
</style>
<link rel="icon" type="image/x-icon" href="../assets/images/favicon.png" />
<script src="../assets/css/main.css"></script>
<Fragment set:html={import.meta.env.HEADER_INJECT} />
</head>
<body class="antialiased bg-white dark:bg-neutral-950">
<SquareLines />
<Header />
<slot />
<Footer />
<script src="../assets/js/main.js"></script>
<Fragment set:html={import.meta.env.FOOTER_INJECT} />
</body>
</html>