From 15268dd1a1d1cd1bee8ad5409b559a3c5a924837 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 4 Mar 2019 11:32:53 +0000
Subject: [PATCH] Update post summary layout

---
 source/_partials/blog/post-summary.html.twig | 28 +++++++++++---------
 source/articles/archive.html.twig            |  4 +--
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/source/_partials/blog/post-summary.html.twig b/source/_partials/blog/post-summary.html.twig
index 6948a445f..d507007da 100644
--- a/source/_partials/blog/post-summary.html.twig
+++ b/source/_partials/blog/post-summary.html.twig
@@ -1,15 +1,19 @@
-<div class="mb-1">
-    <h2 class="text-inherit text-lg m-0">
-        <a href="{{ post.url }}" class="text-black inline-block">
+<div class="spaced-y-1">
+    <div>
+        <h2 class="text-inherit text-lg m-0">
             {{ post.draft ? 'Draft: '|upper }}{{ post.title }}
+        </h2>
+    </div>
+
+    <div>
+        <p>{{ post.excerpt }}</p>
+    </div>
+
+    <div>
+        <a href="{{ post.url }}" class="text-sm text-grey-dark hover:text-grey-darker">
+            Read more
+            <span class="visuallyhidden">about '{{ post.title }}'</span>
+            &rarr;
         </a>
-    </h2>
-
-    {% if show_date %}
-        <p class="text-sm text-grey-dark mb-1">Posted on {{ post.date|date('jS F Y') }}</p>
-    {% endif %}
-</div>
-
-<div>
-    <p>{{ post.excerpt }}</p>
+    </div>
 </div>
diff --git a/source/articles/archive.html.twig b/source/articles/archive.html.twig
index 2c41b2be7..411922c0d 100644
--- a/source/articles/archive.html.twig
+++ b/source/articles/archive.html.twig
@@ -13,9 +13,7 @@ use: [posts]
     <div class="-mt-4 -mx-4 spaced-y-4">
         {% for post in data.posts %}
             <article class="p-4 {{ post.draft ? 'bg-blue-lighter' }}">
-                {% include 'blog/post-summary' with {
-                    show_date: true,
-                } %}
+                {% include 'blog/post-summary' %}
             </article>
         {% endfor %}
     </div>