mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-21 10:47:04 +02:00
58 lines
1.2 KiB
Plaintext
58 lines
1.2 KiB
Plaintext
---
|
|
import BaseMeta from "../components/BaseMeta.astro";
|
|
import BaseStyles from "../components/BaseStyles.astro";
|
|
import ColorAlias from "../components/ColorAlias.astro";
|
|
import ColorScale from "../components/ColorScale.astro";
|
|
import Footer from "../components/Footer.astro";
|
|
import Navbar from "../components/Navbar.astro";
|
|
import type { Color } from "../core/ui/color";
|
|
|
|
interface Props {
|
|
locale: string;
|
|
accent: Color;
|
|
noNavbar?: boolean;
|
|
}
|
|
|
|
const { accent, noNavbar, locale } = Astro.props;
|
|
---
|
|
|
|
<html>
|
|
<head>
|
|
<BaseMeta />
|
|
|
|
<ColorScale color="mauve" />
|
|
<ColorAlias color="mauve" alias="gray" />
|
|
|
|
<ColorScale color="black" alpha />
|
|
<ColorScale color="white" alpha />
|
|
|
|
<ColorScale color={accent} />
|
|
<ColorAlias color={accent} alias="accent" />
|
|
<BaseStyles />
|
|
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-5);
|
|
min-height: 100dvh;
|
|
|
|
background-color: var(--gray-1);
|
|
color: var(--gray-12);
|
|
font-family: var(--font-family-regular);
|
|
}
|
|
</style>
|
|
|
|
<slot name="head" />
|
|
</head>
|
|
|
|
<body class="dark">
|
|
{!noNavbar && <Navbar {locale} />}
|
|
|
|
<slot />
|
|
|
|
<Footer {locale} />
|
|
</body>
|
|
</html>
|