From de1885fe8fe279c95c2c2b101fad916958dadd4a Mon Sep 17 00:00:00 2001
From: Valentin Popov <valentin@popov.link>
Date: Thu, 12 Sep 2024 22:10:31 +0000
Subject: Added Pagination component

---
 src/components/PostSummary.astro | 51 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/components/PostSummary.astro

(limited to 'src/components/PostSummary.astro')

diff --git a/src/components/PostSummary.astro b/src/components/PostSummary.astro
new file mode 100644
index 0000000..2f98130
--- /dev/null
+++ b/src/components/PostSummary.astro
@@ -0,0 +1,51 @@
+---
+import { type CollectionEntry } from "astro:content";
+import dayjs from "dayjs";
+
+type Props = {
+	readonly post: CollectionEntry<"blog">;
+};
+
+const { post } = Astro.props;
+---
+
+<style lang="scss">
+	@import "../scss/_variables.scss";
+
+	/* Post */
+	.post {
+		padding-bottom: 3rem;
+	}
+
+	.link {
+		color: $colorText;
+	}
+
+	/* Meta */
+	.meta {
+		padding-bottom: 1.5rem;
+	}
+
+	.date {
+		opacity: 0.5;
+	}
+
+	.tag {
+		display: none;
+	}
+</style>
+
+<article class="post">
+	<h2><a class="link" href={`/blog/${post.slug}`}>{post.data.title}</a></h2>
+	<div class="meta">
+		<time class="date" datetime={post.data.pubDate.toISOString()}>
+			{dayjs(post.data.pubDate.toString()).format("YYYY-MM-DD")}
+		</time>
+		<ul class="tag">
+			<li><a href="#">tag1</a></li>
+			<li><a href="#">tag2</a></li>
+		</ul>
+	</div>
+	<p>{post.data.description}</p>
+	<a href={`/blog/${post.slug}`}>Read More</a>
+</article>
-- 
cgit v1.2.3