tag list structure

ethangardner · Jan 6, 2023 · 94b7ade · 94b7ade
1 parent 9b62faf
commit 94b7ade
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/_includes/articleslist.njk b/_includes/articleslist.njk
@@ -3,10 +3,14 @@
     <li class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
       <a href="{{ post.url | url }}" class="postlist-link">{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}</a>
       <time class="postlist-date icon-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate }}</time>
+      <ul class="post-tags">
       {% for tag in post.data.tags | filterTagList %}
         {% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
-        <a href="{{ tagUrl | url }}" class="post-tag">{{ tag }}</a>
+        <li class="post-tags__item">
+          <a href="{{ tagUrl | url }}" class="post-tag icon-tag">{{ tag }}</a>
+        </li>
       {% endfor %}
+      </ul>
     </li>
   {% endfor %}
 </ol>
diff --git a/_includes/layouts/article.njk b/_includes/layouts/article.njk
@@ -10,8 +10,8 @@ templateClass: tmpl-article
       <ul class="post-tags">
         {%- for tag in tags | filterTagList %}
           {%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
-          <li>
-            <a href="{{ tagUrl | url }}" class="post-tag">{{ tag }}</a>
+          <li class="post-tags__item">
+            <a href="{{ tagUrl | url }}" class="post-tag icon-tag">{{ tag }}</a>
           </li>
         {%- endfor %}
       </ul>

diff --git a/tags-list.njk b/tags-list.njk
@@ -7,8 +7,8 @@ layout: layouts/home.njk
 <ul class="post-tags">
 {% for tag in collections.tagList %}
   {% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
-  <li>
-    <a href="{{ tagUrl | url }}" class="post-tag">{{ tag }}</a>
+  <li class="post-tags__item">
+    <a href="{{ tagUrl | url }}" class="post-tag icon-tag">{{ tag }}</a>
   </li>
 {% endfor %}
 </ul>