kjelsrud.dev/src/layouts/BlogPost.astro

26 lines
702 B
Text
Raw Normal View History

2023-07-19 21:31:30 +02:00
---
import type { CollectionEntry } from 'astro:content';
import BaseHead from '../components/BaseHead.astro';
import FormattedDate from '../components/FormattedDate.astro';
import SectionContainer from '../components/SectionContainer.astro';
2023-07-19 21:31:30 +02:00
type Props = CollectionEntry<'blog'>['data'];
const { title, description, pubDate } = Astro.props;
2023-07-19 21:31:30 +02:00
---
<head>
<BaseHead title={title} description={description} />
</head>
2023-07-19 21:31:30 +02:00
<SectionContainer>
<main class="mb-auto break-words mt-4">
<article>
<h1 class="text-4xl font-extrabold">{title}</h1>
<p class="italic">{description}</p>
<FormattedDate date={pubDate}/>
<div class="blog">
<slot />
</div>
</article>
</main>
</SectionContainer>