Improve archive and categories page layouts

1 files changed, 22 insertions, 16 deletions

diff --git a/archive.liquid b/archive.liquid
index 74a8372..71ca8a9 100644
--- a/archive.liquid
+++ b/archive.liquid
@@ -9,22 +9,28 @@ permalink: /archive.html
     </h1>
 
     {% for post in site.posts %}
-    {% unless post.next %}
-        <h2>{{ post.date | date: '%Y' }}</h2>
-	<ul>
-	    {% else %}
-	    {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
-            {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
-            {% if year != nyear %}
-        </ul>
-        <h2>{{ post.date | date: '%Y' }}</h2>
-        <ul>
-            {% endif %}
-	    {% endunless %}
-	    <li>
+	{% unless post.next %}
+	    <h2>{{ post.date | date: '%Y' }}</h2>
+	    <ul>
+    {% else %}
+		{% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
+		{% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
+		{% if year != nyear %}
+	    </ul>
+	    <h2>{{ post.date | date: '%Y' }}</h2>
+	    <ul>
+		{% endif %}
+	{% endunless %}
+	<div class="columns">
+	    <div class="column archive-date is-3">
+		{% capture month%}{{ post.date |  date: "%b" }}{% endcapture %}
+		{{ site.data[site.active_lang].strings.date[month]}} {{ post.date | date: "%e, %Y" }}
+	    </div>
+	    <div class="column pull-left">
 		<a href="{{ site.baseurl}}{{ post.url }}">
-		    {{ post.date | date: "%b %-d" }} - {{ post.title }}
+		    {{ post.title }}
 		</a>
-	    </li>
-	    {% endfor %}
+	    </div>
+	</div>
+    {% endfor %}
 </div>