kjelsrud.dev/src/layouts/BlogPost.astro

25 lines
786 B
Text
Raw Normal View History

2023-07-19 21:31:30 +02:00
---
import type { CollectionEntry } from 'astro:content';
import FormattedDate from '../components/FormattedDate.astro';
import BlogContainer from '../components/BlogContainer.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
---
<BlogContainer>
2023-12-09 20:05:38 +01:00
<main class="flex flex-col flex-1 mb-auto break-words mt-4">
<article class="flex flex-col gap-1">
<h1 class="text-4xl font-extrabold">{title}</h1>
<p class="italic">{description}</p>
<FormattedDate date={pubDate}/>
<div class="blog">
<slot />
</div>
<div class="flex items-center justify-center">
<img src="/img/jollyroger_dark.svg" id="jr" class="md:w-48 w-40" alt="My custom jolly roger"/>
</div>
</article>
</main>
</BlogContainer>