fix(post): adjust index item styles and markup

Author: sarmstead

index.hbs

@@ -1,9 +1,11 @@
 {{!< default}}
 
-<div class="static-content">
+<div class="static-content post__list">
   {{#foreach posts}}
-    <a class="post__list__item" href="{{url}}">{{title}}</a>
-    <p><em>{{date published_at format="MMMM DD, YYYY"}}</em></p>
+    <article class="post__list__item">
+      <a href="{{url}}">{{title}}</a>
+      <p>{{date published_at format="MMMM DD, YYYY"}}</p>
+    </article>
   {{/foreach}}
 
   {{pagination}}

src/css/pages/post.css

@@ -13,7 +13,6 @@
 .post h1,
 .post h2,
 .post h3 {
-  font-family: Rubik;
   margin-bottom: 0.25rem;
 }
 
@@ -39,11 +38,24 @@
   margin-bottom: 0.5em;
 }
 
+.post__list {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
 .post__list__item {
-  color: var(--red);
-  font-size: 1.5rem;
-  font-weight: 700;
-  line-height: 2rem;
+  a {
+    color: var(--red);
+    font-size: 1.5rem;
+    font-weight: 700;
+    line-height: 2rem;
+  }
+
+  p {
+    font-style: italic;
+    margin-top: 8px;
+  }
 }
 
 /* tocbot stuff */