From d3b54aac2113d9b3196fe25644e9802f75d40c56 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Fri, 9 Sep 2022 23:53:17 +0630
Subject: [PATCH] Add markdown posts and display posts in card

---
 src/pages/index.astro | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index f23fdf8..94901b9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,19 @@
 ---
 import Layout from "@layouts/Layout.astro";
 import Header from "@components/Header.astro";
+import Card from "@components/Card.astro";
+
+export interface Frontmatter {
+  title: string;
+  description: string;
+  author: string;
+  datetime: string;
+  slug: string;
+  featured: boolean;
+  tags: string[];
+}
+
+const posts = await Astro.glob<Frontmatter>("../pages/posts/*.md");
 ---
 
 <Layout title="Welcome to Astro.">
@@ -55,6 +68,20 @@ import Header from "@components/Header.astro";
     </section>
     <section id="featured-section">
       <h2>Featured</h2>
+      <ul>
+        {
+          posts.map(
+            (post) =>
+              post.frontmatter.featured && (
+                <Card
+                  href={post.url}
+                  post={post.frontmatter}
+                  secHeading={false}
+                />
+              )
+          )
+        }
+      </ul>
     </section>
   </main>
 </Layout>