From 21f409625bf95f67f05a0398d51a452e4257e9db Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Tue, 27 Feb 2018 15:33:52 +0100
Subject: [PATCH] Add "read more" links on frontpage

---
 blog/static/css/main.css   | 12 ++++++++++++
 blog/templates/macros.html |  5 ++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/blog/static/css/main.css b/blog/static/css/main.css
index e928c375..21a415f2 100644
--- a/blog/static/css/main.css
+++ b/blog/static/css/main.css
@@ -70,6 +70,18 @@ main img {
   margin: 2rem 0;
 }
 
+.post-summary {
+  margin-bottom: 1rem;
+}
+
+.post-summary p {
+  display: inline;
+}
+
+.read-more {
+  margin-left: 5px;
+}
+
 .post-category {
   margin-right: 0.5rem;
   text-transform: uppercase;
diff --git a/blog/templates/macros.html b/blog/templates/macros.html
index a1a8b05a..38b809a0 100644
--- a/blog/templates/macros.html
+++ b/blog/templates/macros.html
@@ -1,6 +1,9 @@
 {% macro post_link(page) %}
     <article>
         <h2 class="post-title"><a href="/{{ page.path | safe }}">{{ page.title }}</a></h2>
-        {{ page.summary | safe }}
+        <div class="post-summary">
+            {{ page.summary | safe}}
+            <a class="read-more" href="/{{ page.path | safe }}">read more…</a>
+        </div>
     </article>
 {% endmacro post_link %}