add a menu and improve readability

Add a menu with links to some sections. Tweak the CSS to make the
website a bit more readable.

1 files changed, 8 insertions, 9 deletions

diff --git a/templates/blog.html b/templates/blog.html
index 0e3c2bf..cfdd8c2 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -1,20 +1,19 @@
 {% extends "section.html" %}
 
 {%- block content -%}
-<h1>{{ section.title }}</h1>
-{%- for year, posts in section.pages | group_by(attribute="year") -%}
-<section class="times">
-<h2>{{ year }}</h2>
 
-<ul>
+{%- for year, posts in section.pages | group_by(attribute="year") -%}
+<section>
+<ul class="post-list">
 {%- for post in posts %}
-	<li>
-		<h3><a href="{{- post.path|safe -}}">{{- post.title -}}</a></h3>
-		<time datetime="{{ post.date | date(format="%+")}}">{{ post.date | date(format="%d %h %Y")}}</time>
-	</li>
+<li>
+  <a href="{{- post.path|safe -}}">{{- post.title -}}</a>
+  <span class="post-date">{{ post.date | date(format="%d %h %Y")}}</span>
+</li>
 {%- endfor %}
 </ul>
 
 </section>
 {%- endfor %}
+
 {%- endblock content -%}