Add "read more" links on frontpage

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;

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 %}