From 7330fd82269baef80a29561d3d895a57f3601ee0 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 4 Jun 2018 21:46:35 +0100
Subject: [PATCH] Add continue reading buttons

---
 assets/sass/base/base.sass |  6 ++++++
 source/blog.html           | 21 +++++++++++++++++++--
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/assets/sass/base/base.sass b/assets/sass/base/base.sass
index e8cf2b48..b15d1f8a 100644
--- a/assets/sass/base/base.sass
+++ b/assets/sass/base/base.sass
@@ -27,3 +27,9 @@ ol,
 table,
 pre
     @apply .mb-4
+
+.element-invisible
+    @apply .absolute .overflow-hidden .break-normal
+    clip: rect(1px, 1px, 1px, 1px)
+    height: 1px
+    width: 1px
diff --git a/source/blog.html b/source/blog.html
index bd4eccc9..ae9cf2c1 100644
--- a/source/blog.html
+++ b/source/blog.html
@@ -25,9 +25,26 @@ use: [posts]
                 {% include 'post/intro-image' with { page: post } %}
 
                 <div class="markdown mb-4">
-                    {{ post.summary|markdown }}
-                    {% if post.blocks.excerpt is not empty %}
+                    {% if post.summary %}
+                        {{ post.summary|markdown }}
+                        <div>
+                            <a
+                                class="button text-grey-darker rounded-lg border border-grey-light bg-grey-lightest no-underline hover:underline focus:underline"
+                                href="{{ post.url }}"
+                            >
+                                Continue reading <span class="element-invisible">about {{ post.title }}
+                            </a>
+                        </div>
+                    {% elseif post.blocks.excerpt %}
                         {{ post.blocks.excerpt|markdown }}
+                        <div>
+                            <a
+                                class="button text-grey-darker rounded-lg border border-grey-light bg-grey-lightest no-underline hover:underline focus:underline"
+                                href="{{ post.url }}"
+                            >
+                                Continue reading <span class="element-invisible">about {{ post.title }}
+                            </a>
+                        </div>
                     {% else %}
                         {{ post.blocks.content|markdown }}
                     {% endif %}