blog enzo

content/assets/stylesheets/includes/blogpost.scss

@@ -3,3 +3,14 @@
     font-size: 4em;
   }
 }
+
+.padbox{
+  margin-bottom:10px;
+}
+
+.bolder a{
+  color:#565C5E;
+  font-weight: bold;
+  font-size: 20pt;
+  font-family: 'Avenir';
+}

content/posts/16-17/moar-review.md

@@ -0,0 +1,7 @@
+---
+title: moar review
+description: blub
+banner: https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg
+created_at: 24-10-2016
+---
+blub

content/posts/16-17/review-c.md

@@ -1,4 +1,5 @@
 ---
+banner: http://dailydropcap.com/images/C-9.jpg
 title: C review
 description: We hebben even wat dingen in C geschreven, en dit zijn onze meningen
 created_at: 23-10-2016

layouts/archive_page.erb

@@ -1,6 +1,8 @@
-<% posts_in_year(item[:academic_year]).each do |post| %>
+<div class="columns" >
-<a href="<%= relative_path_to(post) %>">
+  <div class="column">
-  <div class="box">
+  <% posts_in_year(item[:academic_year]).each do |post| %>
+    <a href="<%= relative_path_to(post) %>" >
+      <div class="box padbox">
         <article class="media">
           <figure class="media-left">
             <p class="image is-64x64">
@@ -15,5 +17,16 @@
           </div>
         </article>
       </div>
-</a>
+    </a>
-<% end %>
+  <% end %>
+  </div>
+  <div class="column is-narrow">
+    <ul class = "archive_list">
+      <% academic_years_items.each do |year, item| %>
+        <li class="bolder">
+          <%= link_to pretty_year(year), item %>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+</div>

lib/helpers/archives.rb

@@ -11,7 +11,7 @@ module ArchiveHelper
   end
 
   def academic_years_items
-    academic_years.map { |y| [y, items["/archives/#{y}-#{y + 1}.html"]] }.to_h
+    academic_years.to_a.reverse.map { |y| [y, items["/archives/#{y}-#{y + 1}.html"]] }.to_h
   end
 
   def pretty_year(year)