From 94146dab32ab5be6a1e40a9196e98e29de21ef43 Mon Sep 17 00:00:00 2001
From: afterlifepro <vielle.dev@proton.me>
Date: Wed, 13 Aug 2025 22:01:01 +0100
Subject: [PATCH] Wrap posts in semantic html

---
 src/pages/blog/[...slug].astro | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 5eaf7f2..6c63e0f 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -3,6 +3,8 @@ import { getCollection } from "astro:content";
 import Base from "/components/Base.astro";
 import { render } from "astro:content";
 
+import "/components/markdown.css";
+
 export async function getStaticPaths() {
   return await Promise.all(
     await getCollection("blog").then((posts) =>
@@ -32,14 +34,18 @@ const { Content } = await render(post);
     image: banner,
   }}
 >
-  <img src={banner} alt="" />
-  <h1>{post.data.title}</h1>
-  <time
-    datetime={`${post.data.pub.getFullYear()}-${post.data.pub.getMonth()}-${post.data.pub.getDate()}`}
-    >{post.data.pub.getDate()}-{post.data.pub.getMonth()}-{
-      post.data.pub.getFullYear()
-    }</time
-  >
+  <header>
+    <img src={banner} alt="" />
+    <h1>{post.data.title}</h1>
+    <time
+      datetime={`${post.data.pub.getFullYear()}-${post.data.pub.getMonth()}-${post.data.pub.getDate()}`}
+      >{post.data.pub.getDate()}-{post.data.pub.getMonth()}-{
+        post.data.pub.getFullYear()
+      }</time
+    >
+  </header>
 
-  <Content />
+  <article>
+    <Content />
+  </article>
 </Base>
-- 
2.51.2