Update post summary layout

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>

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>