From 1383fee0f3ee632110259218a20fbf5446814fd2 Mon Sep 17 00:00:00 2001
From: Harald Eilertsen <haraldei@anduin.net>
Date: Sat, 6 Jun 2020 17:26:51 +0200
Subject: Refactor post headers to separate template.

---
 sass/styles.scss            |  7 ++-----
 templates/page.html         | 18 +++++-------------
 templates/posts/header.html | 21 +++++++++++++++++++++
 templates/section.html      | 18 +-----------------
 4 files changed, 29 insertions(+), 35 deletions(-)
 create mode 100644 templates/posts/header.html

diff --git a/sass/styles.scss b/sass/styles.scss
index f4e6ea9..87bb0d1 100644
--- a/sass/styles.scss
+++ b/sass/styles.scss
@@ -43,16 +43,13 @@ pre {
 }
 
 .post-title {
-    margin-top: 0;
+    margin-bottom: 0;
 }
 
 .post-meta {
-    display: flex;
-    justify-content: space-between;
     font-size: x-small;
-    .post-tags {
+    .meta-tags {
         display: flex;
-        list-style: none;
         * + * {
             &::before {
                 content: ", "
diff --git a/templates/page.html b/templates/page.html
index 5cdf946..49f3cd5 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,18 +1,10 @@
 {% extends "base.html" %}
 {% block content %}
+{% set post = page -%}
 <article class="post">
-	<h1>{{ page.title }}</h1>
-	<div class="meta">
-		<span class="meta-publish">
-			Publisert: {{ page.date }}
-			{% if page.author %}av {{ page.author }}{% endif %}
-		</span>
-		{% if page.taxonomies %}
-			<span class="meta-tags">
-				Merket: {{ page.taxonomies['tags'] | join(sep=", ") }}
-			</span>
-		{% endif %}
-	</div>
-	{{ page.content | safe }}
+	{% include "posts/header.html" %}
+	<section class="post-body">
+		{{ post.content | safe }}
+	</section>
 </article>
 {% endblock content %}
diff --git a/templates/posts/header.html b/templates/posts/header.html
new file mode 100644
index 0000000..0266f6e
--- /dev/null
+++ b/templates/posts/header.html
@@ -0,0 +1,21 @@
+<header>
+	<h1 class="post-title">{{ post.title }}</h1>
+	<div class="post-meta">
+		<span class="meta-publish">
+			Publisert: {{ post.date }}
+			{% if post.extra.author %}av {{ post.extra.author }}{% endif %}
+		</span>
+		{% if post.taxonomies %}
+		<div class="meta-tags">
+			Merket:&nbsp;
+			{% for tag in post.taxonomies['tags'] -%}
+			  <span>
+					<a class="tag-link" href="{{ get_taxonomy_url(kind='tags', name=tag) | safe }}">
+						{{ tag }}
+					</a>
+				</span>
+			{% endfor -%}
+		</div>
+		{% endif %}
+	</div>
+</header>
diff --git a/templates/section.html b/templates/section.html
index b65fdf1..fed7472 100644
--- a/templates/section.html
+++ b/templates/section.html
@@ -7,23 +7,7 @@
 <section class="post-list">
 	{% for post in section.pages | reverse %}
 		<article class="post">
-			<header class="post-header">
-				<div class="post-meta">
-					{{ post.date }}
-					{% if post.taxonomies["tags"] | length > 0 %}
-						<ul class="post-tags">
-							{% for tag in post.taxonomies["tags"] %}
-								<li class="tag">{{ tag }}</li>
-							{% endfor %}
-						</ul>
-					{% endif %}
-				</div>
-				<h1 class="post-title">
-					<a href="{{ post.permalink | safe }}">
-						{{ post.title }}
-					</a>
-				</h1>
-			</header>
+			{% include "posts/header.html" %}
 			<section class="post-summary">
 				{% if post.summary %}
 					{{ post.summary | safe }}
-- 
cgit v1.2.3