From bf691069a91bfffb4ad1e7264b5e82f421db3933 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Sat, 10 Sep 2022 16:18:28 +0630
Subject: [PATCH] Add posts page

---
 src/pages/posts/index.astro | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/pages/posts/index.astro

diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro
new file mode 100644
index 0000000..d986eb0
--- /dev/null
+++ b/src/pages/posts/index.astro
@@ -0,0 +1,30 @@
+---
+import Layout from "@layouts/Layout.astro";
+import Header from "@components/Header.astro";
+import Footer from "@components/Footer.astro";
+import Main from "@layouts/Main.astro";
+import Card from "@components/Card.astro";
+import type { Frontmatter } from "../index.astro";
+
+const posts = await Astro.glob<Frontmatter>("./*.md");
+
+const sortedPosts = posts.sort(
+  (a, b) =>
+    Math.floor(new Date(b.frontmatter.datetime).getTime() / 1000) -
+    Math.floor(new Date(a.frontmatter.datetime).getTime() / 1000)
+);
+---
+
+<Layout title="Welcome to Astro.">
+  <Header />
+  <Main pageTitle="Posts" pageDesc="All the tags used in posts.">
+    <ul>
+      {
+        sortedPosts.map((post) => (
+          <Card href={post.url} post={post.frontmatter} />
+        ))
+      }
+    </ul>
+  </Main>
+  <Footer />
+</Layout>