From 2c56a127366420805044365199ee4c1f3c829b3f Mon Sep 17 00:00:00 2001
From: Lewis Dale <lewis.dale@fortacode.co.uk>
Date: Mon, 6 May 2024 12:39:49 +0100
Subject: [PATCH] Add taglist to main blog listing

---
 src/_includes/components/blog.njk | 5 +++++
 src/css/exceptions/tags.css       | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/_includes/components/blog.njk b/src/_includes/components/blog.njk
index 30cf6b9..02953bd 100644
--- a/src/_includes/components/blog.njk
+++ b/src/_includes/components/blog.njk
@@ -13,6 +13,11 @@
             <h2><a href="{{ item.url }}">{{ item.data.title | safe }}</a></h2>
             <time class="block" datetime="{{ item.date | dateToRfc3339 }}">{{ item.date | dateDisplay }}</time>
             <p class="e-content p-summary">{{ item | excerpt }}</p>
+            <ul role="list" class="tags">
+                {% for t in item.data.tags | except("posts") | except("draft") %}
+                <li><a href="/post/tag/{{ t }}" rel="tag">#{{ t }}</a></li>
+                {% endfor %}
+            </ul>
             <a href="{{ item.url }}" class="inline-block">Read more</a>
         </li>
         {% endfor %}
diff --git a/src/css/exceptions/tags.css b/src/css/exceptions/tags.css
index a9c6dd7..228f43e 100644
--- a/src/css/exceptions/tags.css
+++ b/src/css/exceptions/tags.css
@@ -1,8 +1,12 @@
-li:has(a[rel="tag"]) {
+li:has(> a[rel="tag"]) {
     display: inline-block;
     margin-inline-end: 1ch;
 
     &:not(:last-child):after {
         content: ",";
     }
+}
+
+.tags {
+    color: var(--color-subtle);
 }
\ No newline at end of file