Make tag lists more semantic

2 files changed, 10 insertions, 12 deletions

diff --git a/themes/bear/templates/page.html b/themes/bear/templates/page.html
index d91a47f..393139b 100644
--- a/themes/bear/templates/page.html
+++ b/themes/bear/templates/page.html
@@ -16,14 +16,14 @@
   <main id="content">
     {{ page.content | safe }}
   </main>
-  <p>
+  <ul class="tags">
     {%- if page.taxonomies %}
       {%- for name, taxon in page.taxonomies %}
         {{ name | capitalize }}:
         {%- for item in taxon %}
-          <a href="{{ get_taxonomy_url(kind=name, name=item) }}">#{{ item }}</a>
+          <li><a href="{{ get_taxonomy_url(kind=name, name=item) }}">#{{ item }}</a></li>
         {%- endfor %}
       {%- endfor %}
     {%- endif %}
-  </p>
+  </ul>
 {% endblock %}
diff --git a/themes/bear/templates/section.html b/themes/bear/templates/section.html
index c7f80de..3042cd2 100644
--- a/themes/bear/templates/section.html
+++ b/themes/bear/templates/section.html
@@ -22,15 +22,13 @@
         <li>
           No posts yet
         </li>
-      {% endfor %}
+      {%- endfor %}
+    </ul>
+    <ul class="tags">
+      {%- set tags = get_taxonomy(kind="tags") %}
+      {%- for post in tags.items %}
+        <li><a href="{{ post.path | urlencode | safe }}">#{{ post.name }}</a></li>
+      {%- endfor %}
     </ul>
-    <small>
-      <div>
-        {% set tags = get_taxonomy(kind="tags") %}
-        {% for post in tags.items %}
-          <a href="{{ post.path | urlencode | safe }}">#{{ post.name }}</a>
-        {% endfor %}
-      </div>
-    </small>
   </main>
 {% endblock %}