2023-07-19 21:31:30 +02:00
|
|
|
---
|
|
|
|
|
import type { CollectionEntry } from 'astro:content';
|
|
|
|
|
import BaseHead from '../components/BaseHead.astro';
|
|
|
|
|
import Header from '../components/Header.astro';
|
|
|
|
|
import Footer from '../components/Footer.astro';
|
|
|
|
|
import FormattedDate from '../components/FormattedDate.astro';
|
|
|
|
|
|
|
|
|
|
type Props = CollectionEntry<'blog'>['data'];
|
|
|
|
|
|
2023-09-25 14:45:37 +02:00
|
|
|
const { title, description, pubDate } = Astro.props;
|
2023-07-19 21:31:30 +02:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<BaseHead title={title} description={description} />
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2023-09-25 14:45:37 +02:00
|
|
|
<div class="flex flex-col">
|
|
|
|
|
<Header />
|
|
|
|
|
<main class="flex flex-col items-center mx-auto mt-8">
|
|
|
|
|
<article class="flex flex-col mx-auto mb-32">
|
|
|
|
|
<h1 class="text-4xl font-extrabold">{title}</h1>
|
|
|
|
|
<p class="italic">{description}</p>
|
|
|
|
|
<FormattedDate date={pubDate}/>
|
|
|
|
|
<div class="flex flex-col items-left w-full max-w-prose blog">
|
|
|
|
|
<slot />
|
|
|
|
|
</div>
|
|
|
|
|
</article>
|
|
|
|
|
</main>
|
|
|
|
|
<Footer />
|
|
|
|
|
</div>
|
2023-07-19 21:31:30 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
