chore(links.html/css): refactor layout to properly use article tags and headers for each link item

src/assets/styles/pages/links.css

@@ -7,13 +7,19 @@
     grid-template-columns: var(--grid-columns-two);
   }
 
-  .link-box {
+  article {
     border: var(--border-gray);
     border-radius: var(--border-radius-slight);
     padding: var(--spacing-sm) var(--spacing-md);
+    margin: 0;
 
-    article {
-      margin: 0;
+    time {
+      display: block;
+    }
+
+    h3 {
+      font-size: var(--font-size-base);
+      display: inline;
     }
   }
 }

src/pages/sections/links.html

@@ -17,16 +17,14 @@ permalink: "/links/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
 {% endif %}
 <div class="link-grid">
   {% for link in pagination.items %}
-  <div class="link-box">
+  <article>
     <time datetime="{{ link.date }}">{{ link.date | date: "%B %e, %Y" }}</time>
-    <article>
-      <a href="{{ link.link }}" title="{{ link.title | escape }}"><strong>{{ link.title }}</strong></a>
-      {% if link.author %} via <a href="{{ link.author.url }}">{{ link.author.name }}</a>{% endif %}
-      {% render "blocks/tags.liquid",
-        tags:link.tags
-      %}
-    </article>
-  </div>
+    <a href="{{ link.link }}" title="{{ link.title | escape }}"><h3>{{ link.title }}</h3></a>
+    {% if link.author %}&puncsp;via&puncsp;<a href="{{ link.author.url }}">{{ link.author.name }}</a>{% endif %}
+    {% render "blocks/tags.liquid",
+      tags:link.tags
+    %}
+  </article>
   {% endfor %}
 </div>
 {% render "nav/paginator.liquid",