From 25c95db4c142d8dee85343d621bef35bfaab1fbc Mon Sep 17 00:00:00 2001
From: thiloho <123883702+thiloho@users.noreply.github.com>
Date: Tue, 29 Apr 2025 04:13:12 +0200
Subject: [PATCH] Include descriptions on blog article list

---
 src/content/blog/custom-email-domain/index.md |  3 ++-
 src/pages/blog/index.astro                    | 27 ++++++++++---------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/content/blog/custom-email-domain/index.md b/src/content/blog/custom-email-domain/index.md
index 9b97dac..628a0f6 100644
--- a/src/content/blog/custom-email-domain/index.md
+++ b/src/content/blog/custom-email-domain/index.md
@@ -1,7 +1,8 @@
 ---
 title: "Custom email domain"
-description: "Find out how having your own email domain can save you a lot of time when switching email providers."
+description: "Find out how having your own domain can save you a lot of time when switching email providers."
 pubDate: "2025-04-28"
+modDate: "2025-04-29"
 ---
 
 ## Introduction
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index d2cba24..06e28f2 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -13,17 +13,18 @@ const sortedArticles = allArticles.sort((a, b) => {
   title="Blog"
   description="Friendly technical articles with a focus on web and GNU/Linux topics."
 >
-  <ul>
-    {
-      sortedArticles.map(({ id, data: { title, pubDate } }) => (
-        <li>
-          <Date date={pubDate} />
-          <span>&raquo;</span>
-          <a class="text-blue-800 hover:no-underline" href={`/blog/${id}`}>
-            {title}
-          </a>
-        </li>
-      ))
-    }
-  </ul>
+  {
+    sortedArticles.map(({ id, data: { title, pubDate, description } }) => (
+      <article class="mt-8 flex flex-col gap-2 first:mt-0">
+        <Date date={pubDate} />
+        <a
+          class="max-w-fit text-blue-800 hover:no-underline"
+          href={`/blog/${id}`}
+        >
+          {title}
+        </a>
+        <p class="not-prose">{description}</p>
+      </article>
+    ))
+  }
 </PageLayout>