From 2b65e7e1baa948d7de82c732ad47c7f70ba30dfe Mon Sep 17 00:00:00 2001
From: Georg Krause <mail@georg-krause.net>
Date: Tue, 25 Jun 2019 21:01:34 +0200
Subject: [PATCH] Improve blog style

---
 themes/Loopp/static/css/style.css   | 9 ++++-----
 themes/Loopp/templates/article.html | 8 ++++----
 themes/Loopp/templates/index.html   | 9 +++++----
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/themes/Loopp/static/css/style.css b/themes/Loopp/static/css/style.css
index c039ed9..e89e1be 100644
--- a/themes/Loopp/static/css/style.css
+++ b/themes/Loopp/static/css/style.css
@@ -121,19 +121,18 @@ footer {
     font-size: 0.8em;
 }
 
-header h2 {
+header h1 {
     margin: 0px;
     color: #ff9900;
+    line-height: 1.5em;
 }
 
-article header h2 a {
+article header h1 a {
     color: #ff9900 !important;
 }
 
 article {
-    border: 1px solid #7f8c8d;
-    padding: 20px;
-    margin: 20px;
+    padding: 20px 0px;
 }
 
 code {
diff --git a/themes/Loopp/templates/article.html b/themes/Loopp/templates/article.html
index f4c5b62..1bd0f95 100644
--- a/themes/Loopp/templates/article.html
+++ b/themes/Loopp/templates/article.html
@@ -4,12 +4,12 @@
 
     <div class="content">
         <div class="pure-g">
-            <div class="l-box-lrg pure-u-md-1-5"></div>
-            <div class="l-box-lrg pure-u-1 pure-u-md-3-5">
+            <div class="pure-u-1 pure-u-md-1-5"></div>
+            <div class="pure-u-1 pure-u-md-3-5">
                 <article>
                     <header>
-                        <h2><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
-                            title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
+                        <h1><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
+                                title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h1>
                     </header>
                     <footer>
                         Published on
diff --git a/themes/Loopp/templates/index.html b/themes/Loopp/templates/index.html
index 798d387..9b6d4ee 100644
--- a/themes/Loopp/templates/index.html
+++ b/themes/Loopp/templates/index.html
@@ -4,13 +4,13 @@
 
     <div class="content">
         <div class="pure-g">
-            <div class="l-box-lrg pure-u-md-1-5"></div>
-            <div class="l-box-lrg pure-u-1 pure-u-md-3-5">
+            <div class="pure-u-1 pure-u-md-1-5"></div>
+            <div class="pure-u-1 pure-u-md-3-5">
                 {% for article in articles_page.object_list %}
                 <article>
                     <header>
-                        <h2><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
-                            title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
+                        <h1><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
+                            title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h1>
                     </header>
                     <footer>
                         Published on
@@ -25,6 +25,7 @@
                         {{ article.summary }}
                     </section>
                 </article>
+                <hr>
                 {% endfor %}
                 {% if articles_page.has_other_pages() %}
                 {% include 'pagination.html' %}