Update blog page styling

source/blog.html

@@ -9,13 +9,18 @@ use: [posts]
 {% block content %}
     <h1>Blog</h1>
 
-    <ul class="listing">
+    <ul class="list-reset">
         {% for post in page.pagination.items %}
-            <li class="listing-item">
-                {{ include('post/header', {
-                    page: post,
-                    title_tag: 'h2'
-                }) }}
+            <li class="mb-12">
+                <h2 class="text-xl mb-1">
+                    <a href="{{ post.url }}" class="no-underline hover:underline focus:underline text-black hover:text-grey-darker focus:text-grey-darker">
+                        {{ post.title }}
+                    </a>
+                </h2>
+
+                <div>
+                    <p class="text-grey-dark mb-2">{{ post.date|date('j F Y') }}</p>
+                </div>
 
                 {% include 'post/intro-image' with { page: post } %}
 
@@ -27,10 +32,6 @@ use: [posts]
                         {{ post.blocks.content|markdown }}
                     {% endif %}
                 </div>
-
-                <p class="mb-0">
-                    <a href="{{ post.url }}">Read more &rarr;</a>
-                </p>
             </li>
         {% endfor %}
     </ul>