Update posts by tag, fix ul styling

2023-01-26 23:40:45 -06:00
parent a9097ab84f
commit 77d762b196
8 changed files with 59 additions and 36 deletions
--- a/src/components/HomePosts.astro
+++ b/src/components/HomePosts.astro
@@ -16,7 +16,7 @@ let posts = allPosts
 ---

 <content>
-	<ul>
+	<ul class="posts-list">
 		{
 			posts.map(
 				({
--- a/src/components/Tags.astro
+++ b/src/components/Tags.astro
@@ -0,0 +1,18 @@
+---
+const { tags } = Astro.props;
+---
+
+<h3>View posts by tag</h3>
+<p>
+	{
+		tags &&
+			tags.map((tag) => (
+				<>
+					<a class="tag" href={`/tag/${tag}`}>
+						#{tag}
+					</a>
+					{` `}
+				</>
+			))
+	}
+</p>