Initial commit

2024-03-09 22:41:35 +00:00
commit f596b5ad14
36 changed files with 770 additions and 0 deletions
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -0,0 +1,45 @@
+---
+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"];
+
+const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
+---
+
+<html lang="en">
+	<head>
+		<BaseHead title={title} description={description} image={heroImage} />
+	</head>
+
+	<body class="bg-amber-50 dark:bg-gray-900 dark:text-white dark:text-opacity-80 max-w-prose m-auto p-8">
+		<Header />
+		<main class="py-10">
+			<article>
+				<div class="prose dark:prose-invert">
+					<div>
+						<div class="opacity-60">
+							<FormattedDate date={pubDate} />
+							{
+								updatedDate && (
+									<div>
+										Last updated on
+										<FormattedDate date={updatedDate} />
+									</div>
+								)
+							}
+						</div>
+						<h1 class="m-0 mt-4">{title}</h1>
+						<hr />
+					</div>
+					<slot />
+				</div>
+			</article>
+		</main>
+		<hr class="py-4" />
+		<Footer />
+	</Body>
+</html>