Add timeline to page about old boards

content/about/oud-bestuur.erb

@@ -10,8 +10,11 @@ narrow_page: true
 
   <p>Alle vorige besturen van Zeus, van nu tot het prille begin.</p>
 
+  <div class="timeline">
   <% all_bestuur.each do |year, bestuur| %>
-
+      <div class="timeline-item">
+        <div class="timeline-marker"></div>
+        <div class="timeline-content board-content">
           <h2><%= academic_year_string(year) %></h2>
 
           <table class="table board-table">
@@ -34,6 +37,11 @@ narrow_page: true
             <% end %>
             </tbody>
           </table>
-
+        </div>
+      </div>
   <% end %>
+    <header class="timeline-header">
+      <span class="tag is-primary is-medium">Het begin</span>
+    </header>
+  </div>
 </div>

content/assets/stylesheets/includes/about.scss

@@ -65,6 +65,10 @@ table.board-table {
   }
 }
 
+.board-content {
+  width: 100%;
+}
+
 #contact-icons {
   display: flex;
   justify-content: center;