From 386aa9a423f1ab1566fc2f09cb35ee7d510d9403 Mon Sep 17 00:00:00 2001
From: Harald Eilertsen <haraldei@anduin.net>
Date: Sun, 31 May 2020 13:30:19 +0200
Subject: More styling of post header on index page.

---
 sass/styles.scss     | 19 +++++++++++++++++++
 templates/index.html | 12 ++++++------
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/sass/styles.scss b/sass/styles.scss
index 4dbe180..78a76c7 100644
--- a/sass/styles.scss
+++ b/sass/styles.scss
@@ -37,3 +37,22 @@ img {
         font-size: small;
     }
 }
+
+.post-title {
+    margin-top: 0;
+}
+
+.post-meta {
+    display: flex;
+    justify-content: space-between;
+    font-size: x-small;
+    .post-tags {
+        display: flex;
+        list-style: none;
+        * + * {
+            &::before {
+                content: ", "
+            }
+        }
+    }
+}
diff --git a/templates/index.html b/templates/index.html
index 91a335d..7857f0d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,13 +12,8 @@
 			<li><a href="{{s.permalink | safe}}">{{ s.title }}</a></li>
 			<ul class="post-list">
 				{% for post in s.pages %}
-					<article>
+					<article class="post">
 						<header class="post-header">
-							<h1 class="post-title">
-								<a href="{{ post.permalink | safe }}">
-									{{ post.title }}
-								</a>
-							</h1>
 							<div class="post-meta">
 								{{ post.date }}
 								{% if post.taxonomies["tags"] | length > 0 %}
@@ -29,6 +24,11 @@
 									</ul>
 								{% endif %}
 							</div>
+							<h1 class="post-title">
+								<a href="{{ post.permalink | safe }}">
+									{{ post.title }}
+								</a>
+							</h1>
 						</header>
 						<section class="post-summary">
 							{{ post.summary | safe }}
-- 
cgit v1.2.3