Seperate data and layout

content/about/historiek.erb

@@ -9,35 +9,33 @@ narrow_page: true
       Zeus werd opgericht in 1991.
     </p>
   <h3>Voorzitters en besturen</h3>
-    <table class="listing">
+   <table class="table">
+    <thead>
+      <tr>
+        <th>Academiejaar</th>
+        <th><div class="has-text-centered is-fullwidth">Rollen<div></th>
+      </tr>
+    </thead>
     <tbody>
-        <tr><td><p>1991-1992</p></td><td><p>Willems Vincent</tr>
-        <tr><td><p>1992-1993</p></td><td><p>Willems Vincent</p></td></tr>
-        <tr><td><p>1993-1994</p></td><td><p>Surmont Stephan</p></td></tr>
-        <tr><td><p>1994-1995</p></td><td><p>Vidts Thomas</p></td></tr>
-        <tr><td><p>1995-1996</p></td><td><p>Mertens Roeland</p></td></tr>
-        <tr><td><p>1996-1997</p></td><td><p>Mertens Roeland</p></td></tr>
-        <tr><td><p>1997-1998</p></td><td><p>Mertens Roeland</p></td></tr>
-        <tr><td><p>1998-1999</p></td><td><p>Dewinter Steven</p></td></tr>
-        <tr><td><p>1999-2000</p></td><td><p>De Decker Ivo</p></td></tr>
-        <tr><td><p>2000-2001</p></td><td><p>Poppe Tom</p></td></tr>
-        <tr><td><p>2001-2002</p></td><td><p>Gevaert Rudy</p></td></tr>
-        <tr><td><p>2002-2003</p></td><td><p>Claes Luc</p></td></tr>
-        <tr><td><p>2003-2004</p></td><td><p>Verhenne Kristof</p></td></tr>
-        <tr><td><p>2004-2005</p></td><td><p>Verhoogen Olivier</p></td></tr>
-        <tr><td><p>2005-2006</p></td><td><p>De Smet Wim</p></td></tr>
-        <tr><td><p>2006-2007</p></td><td><p>Van Bogaert Willem</p></td></tr>
-        <tr><td><p>2007-2008</p></td><td><p>Verhasselt David</p></td></tr>
-        <tr><td><p>2008-2009</p></td><td><p>Meire Thomas</p></td></tr>
-        <tr><td><p>2009-2010</p></td><td><p>Overloop Nicolas</p></td></tr>
-        <tr><td><p>2010-2011</p></td><td><p>De Baets Pieter</p></td></tr>
-        <tr><td><p>2011-2012</p></td><td><p>Panneel Jens</p></td></tr>
-        <tr><td><p>2012-2013</p></td><td><p>Naessens Tom</p></td></tr>
-        <tr><td><p>2013-2014</p></td><td><p>Naessens Tom</p></td></tr>
-        <tr><td><p>2014-2015</p></td><td><p>Seghers Stijn</p></td></tr>
-        <tr><td><p>2015-2016</p></td><td><p>De Clerck Jeroen</p></td></tr>
-        <tr><td><p>2016-2017</p></td><td><p>Schellaert Wout</p></td></tr>
-        <tr><td><p>2017-2018</p></td><td><p>Maertens Rien</p></td></tr>
+      <% data_from(:oud_bestuur).each do |jaar| %>
+      <tr>
+        <td>
+          <%= jaar['jaar'] %>
+        </td>
+        <td>
+          <div class="level">
+            <% jaar['rollen'].each do |rol| %>
+            <div class="level-item has-text-centered">
+              <div>
+                <p class="heading"><%= rol['rol'] %></p>
+                <p class=""><%= rol['naam'] %></p>
+              </div>
+            </div>
+            <% end %>
+          </div>
+        </td>
+      </tr>
+      <% end %>
     </tbody>
   </table>
 </div>

data/oud_bestuur.yaml

@@ -0,0 +1,145 @@
+-
+  jaar: 1991-1992
+  rollen:
+    - rol: Voorzitter
+      naam: Willems Vincent
+-
+  jaar: 1992-1993
+  rollen:
+    - rol: Voorzitter
+      naam: Willems Vincent
+-
+  jaar: 1993-1994
+  rollen:
+    - rol: Voorzitter
+      naam: Surmont Stephan
+-
+  jaar: 1994-1995
+  rollen:
+    - rol: Voorzitter
+      naam: Vidts Thomas
+-
+  jaar: 1995-1996
+  rollen:
+    - rol: Voorzitter
+      naam: Mertens Roeland
+-
+  jaar: 1996-1997
+  rollen:
+    - rol: Voorzitter
+      naam: Mertens Roeland
+-
+  jaar: 1997-1998
+  rollen:
+    - rol: Voorzitter
+      naam: Mertens Roeland
+-
+  jaar: 1998-1999
+  rollen:
+    - rol: Voorzitter
+      naam: Dewinter Steven
+-
+  jaar: 1999-2000
+  rollen:
+    - rol: Voorzitter
+      naam: De Decker Ivo
+-
+  jaar: 2000-2001
+  rollen:
+    - rol: Voorzitter
+      naam: Poppe Tom
+-
+  jaar: 2001-2002
+  rollen:
+    - rol: Voorzitter
+      naam: Gevaert Rudy
+-
+  jaar: 2002-2003
+  rollen:
+    - rol: Voorzitter
+      naam: Claes Luc
+-
+  jaar: 2003-2004
+  rollen:
+    - rol: Voorzitter
+      naam: Verhenne Kristof
+-
+  jaar: 2004-2005
+  rollen:
+    - rol: Voorzitter
+      naam: Verhoogen Olivier
+-
+  jaar: 2005-2006
+  rollen:
+    - rol: Voorzitter
+      naam: De Smet Wim
+-
+  jaar: 2006-2007
+  rollen:
+    - rol: Voorzitter
+      naam: Van Bogaert Willem
+-
+  jaar: 2007-2008
+  rollen:
+    - rol: Voorzitter
+      naam: Verhasselt David
+-
+  jaar: 2008-2009
+  rollen:
+    - rol: Voorzitter
+      naam: Meire Thomas
+-
+  jaar: 2009-2010
+  rollen:
+    - rol: Voorzitter
+      naam: Overloop Nicolas
+-
+  jaar: 2010-2011
+  rollen:
+    - rol: Voorzitter
+      naam: De Baets Pieter
+-
+  jaar: 2011-2012
+  rollen:
+    - rol: Voorzitter
+      naam: Panneel Jens
+-
+  jaar: 2012-2013
+  rollen:
+    - rol: Voorzitter
+      naam: Naessens Tom
+-
+  jaar: 2013-2014
+  rollen:
+    - rol: Voorzitter
+      naam: Naessens Tom
+-
+  jaar: 2014-2015
+  rollen:
+    - rol: Voorzitter
+      naam: Seghers Stijn
+-
+  jaar: 2015-2016
+  rollen:
+    - rol: Voorzitter
+      naam: De Clerck Jeroen
+-
+  jaar: 2016-2017
+  rollen:
+    - rol: Voorzitter
+      naam: Wout Schellaert
+    - rol: Vice-voorzitter
+      naam: Isaura Claeys
+    - rol: Penningmeester
+      naam: Jeroen De Clerck
+    - rol: Systeembeheerders
+      naam: Rien Maertens & Lorin Werthen
+    - rol: Event manager
+      naam: Eloïse Piret
+    - rol: Projectmanager
+      naam: Feliciaan De Palmenaer
+-
+  jaar: 2017-2018
+  rollen:
+    - rol: Voorzitter
+      naam: Maertens Rien