From 187ee5840df2289bb2170f028c847d87a3254b67 Mon Sep 17 00:00:00 2001
From: Neil Alexander <neilalexander@users.noreply.github.com>
Date: Fri, 13 Jul 2018 12:50:27 +0100
Subject: [PATCH] Update blog listing

---
 assets/css/style.scss | 20 +++++++++++++++++---
 blog.md               | 16 ++++++++++------
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index e553a2f..c4a659e 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -25,9 +25,23 @@ div.wrapper {
 
 pre.highlight {
   width: auto;
-  white-space: pre-wrap;       
-  white-space: -moz-pre-wrap;  
-  white-space: -pre-wrap;      
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
   white-space: -o-pre-wrap;
   word-wrap: break-word;
 }
+
+div.blogpost {
+  display: grid;
+  grid-gap: 10px;
+  grid-template-columns: 100px minmax(200px, 1fr);
+}
+
+div.blogpost div.day {
+  font-size: 2em;
+}
+
+div.blogpost div.month {
+  font-size: 0.5em;
+}
diff --git a/blog.md b/blog.md
index acc4836..2a31e7b 100644
--- a/blog.md
+++ b/blog.md
@@ -1,9 +1,13 @@
 # Blog
 
-<ul>
-  {% for post in site.posts %}
-    <li>
+{% for post in site.posts %}
+  <div class='blogpost'>
+    <div id='date'>
+      <div id='day'>{{ page.date | date: "%-d" }}</div>
+      <div id='month'>{{ page.date | date: "%B %Y" }}</div>
+    </div>
+    <div id='overview'>
       <a href="{{ post.url }}">{{ post.title }}</a>
-    </li>
-  {% endfor %}
-</ul>
+    </div>
+  </div>
+{% endfor %}