From b288644f7074ccd4ba23d04029d5ad8a3241d5ac Mon Sep 17 00:00:00 2001
From: Demetrius Semanko <demetrius@demsem.dev>
Date: Thu, 30 Apr 2026 19:14:49 -0400
Subject: [PATCH] Create BlogPostPreview

Create BlogPostPreview
---
 src/components/BlogPostPreview.astro          |  9 +++++
 src/pages/blog/index.astro                    | 36 +++++++++----------
 .../blog/{ => posts}/post-1-duck-day-2026.md  |  2 +-
 3 files changed, 26 insertions(+), 21 deletions(-)
 create mode 100644 src/components/BlogPostPreview.astro
 rename src/pages/blog/{ => posts}/post-1-duck-day-2026.md (98%)

diff --git a/src/components/BlogPostPreview.astro b/src/components/BlogPostPreview.astro
new file mode 100644
index 0000000..85adbf8
--- /dev/null
+++ b/src/components/BlogPostPreview.astro
@@ -0,0 +1,9 @@
+---
+const { href, title, pubDate, desc } = Astro.props;
+---
+<style>
+  a {
+    text-decoration: none;
+  }
+</style>
+<a {href}>({pubDate}) {title}: <i>"{desc}"</i></a>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index ee3aa86..920defe 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -1,30 +1,26 @@
 ---
 import BaseLayout from "../../layouts/BaseLayout.astro";
+import BlogPostPreview from "../../components/BlogPostPreview.astro";
+const allPosts = Object.values(
+  import.meta.glob("./posts/*.md", { eager: true }),
+);
 const pageTitle = "Blog";
 ---
-<BaseLayout pageTitle={pageTitle}>
+<BaseLayout {pageTitle}>
   <p>
     A blog may or may not help me in my life journey. I think it will help only
     because articulating my thoughts and ideas has brought me clarity,
     introspection, and reformation.
   </p>
-  <article>
-    <h2>Duck Day 2026</h2>
-    <div class="article-header">
-      <address class="author">
-        <a href="mailto:demetrius@demsem.dev">Demetrius Semanko</a>
-      </address>
-      <time class="date-posted" datetime="2026-03-03">2026-03-03</time>
-    </div>
-    <section>
-      <p>
-        When programming, we try to develop
-        <span class="italic">something</span>, but we also develop
-        <span class="italic">problems</span>. We try our best to fix the
-        problem, but we find ourselves struggling. Who or what can we turn to?
-      </p>
-      <em>A duck! 🦆</em>
-    </section>
-    <a href="/blog/duck_day_2026">Read more...</a>
-  </article>
+
+  {allPosts.map((post: any) => (
+    <li>
+      <BlogPostPreview
+        href={post.url}
+        title={post.frontmatter.title}
+        pubDate={post.frontmatter.pubDate.slice(0, 10)}
+        desc={post.frontmatter.description}
+      />
+    </li>
+  ))}
 </BaseLayout>
diff --git a/src/pages/blog/post-1-duck-day-2026.md b/src/pages/blog/posts/post-1-duck-day-2026.md
similarity index 98%
rename from src/pages/blog/post-1-duck-day-2026.md
rename to src/pages/blog/posts/post-1-duck-day-2026.md
index 5f54c92..0328469 100644
--- a/src/pages/blog/post-1-duck-day-2026.md
+++ b/src/pages/blog/posts/post-1-duck-day-2026.md
@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/BlogPostLayout.astro
+layout: ../../../layouts/BlogPostLayout.astro
 title: "Duck Day 2026"
 pubDate: 2026-03-03
 description: "A detailing of WCUPAs Duck Day."
-- 
2.51.2