blog.z0x.ca/src/layouts/Layout.astro
2024-09-12 18:08:19 -07:00

36 lines
702 B
Text

---
import Footer from '@components/Footer.astro'
import Head from '@components/Head.astro'
import Header from '@components/Header.astro'
import { SITE } from '@consts'
type Props = {
title: string
description: string
image?: string
}
const { title, description, image } = Astro.props
---
<!doctype html>
<html lang="en">
<head>
<Head
title={`${title} | ${SITE.TITLE}`}
description={description}
image={image}
/>
</head>
<body>
<div
class="box-border flex h-fit min-h-screen flex-col gap-y-6 px-4 font-sans antialiased"
>
<Header />
<main class="flex-grow">
<slot />
</main>
<Footer />
</div>
</body>
</html>