Add old board members

content/about/oud-bestuur.erb

@@ -0,0 +1,39 @@
+---
+narrow_page: true
+---
+
+<%= render '/partials/_about_sub_navbar.*', selected: 'oud-bestuur' %>
+
+<h1 class="title is-1 has-text-centered">Oud-bestuur</h1>
+
+<div class="content">
+
+  <p>Alle vorige besturen van Zeus, van nu tot het prille begin.</p>
+
+  <% all_bestuur.each do |year, bestuur| %>
+
+    <h2><%= academic_year_string(year) %></h2>
+
+    <table class="table board-table">
+      <thead>
+      <tr>
+        <th>Functie</th>
+        <th>Naam</th>
+      </tr>
+      </thead>
+      <tbody>
+      <% bestuur.each do |lid| %>
+        <tr>
+          <td>
+            <%= lid[:rol] %>
+          </td>
+          <td>
+            <%= lid[:naam] %>
+          </td>
+        </tr>
+      <% end %>
+      </tbody>
+    </table>
+
+  <% end %>
+</div>

content/assets/stylesheets/includes/about.scss

@@ -5,6 +5,9 @@
       > tr {
         visibility: collapse;
       }
+      > tr > td:nth-child(1) {
+        width: 100%;
+      }
     }
     tbody {
       > tr {
@@ -47,6 +50,7 @@
       > tr > td:nth-child(1):before {
         content: "Function: ";
         font-weight: bold;
+        width: 100%
       }
       > tr > td:nth-child(4):before {
         grid-area: link;
@@ -55,6 +59,12 @@
   }
 }
 
+table.board-table {
+  tbody > tr > td:nth-child(1), thead > tr > th:nth-child(1) {
+    width: 40%;
+  }
+}
+
 #contact-icons {
   display: flex;
   justify-content: center;

data/bestuur.yaml

@@ -1,4 +1,5 @@
 ---
+data:
   91-92:
     - rol: Voorzitter
       naam: Willems Vincent

layouts/partials/_about_sub_navbar.erb

@@ -4,6 +4,7 @@
     <li class="<%= 'is-active' if @selected == 'contact'%>"><a href="/about/contact">Contact</a></li>
     <li class="<%= 'is-active' if @selected == 'statuten'%>"><a href="/about/statuten">Statuten</a></li>
     <li class="<%= 'is-active' if @selected == 'historiek'%>"><a href="/about/historiek">Historiek</a></li>
+    <li class="<%= 'is-active' if @selected == 'oud-bestuur'%>"><a href="/about/oud-bestuur">Oud-bestuur</a></li>
     <li class="<%= 'is-active' if @selected == 'verslagen'%>"><a href="/about/verslagen">Verslagen</a></li>
   </ul>
 </div>

lib/helpers/about.rb

@@ -6,4 +6,22 @@ module AboutHelper
   def current_bestuur
     bestuur_of(@config[:academic_year].to_sym)
   end
+
+  def all_bestuur
+    data_from(:bestuur).sort_by(&method(:academic_year_sort)).reverse.to_h
+  end
+
+  def academic_year_string(year)
+    first, second = year.to_s.split('-')
+    "#{to_full_year(first)} – #{to_full_year(second)}"
+  end
+
+  def academic_year_sort(year)
+    first, _ = year.to_s.split('-')
+    to_full_year(first).to_i
+  end
+
+  def to_full_year(year)
+    (year.to_i < 90) ? "20#{year}" : "19#{year}"
+  end
 end

lib/helpers/data.rb

@@ -1,5 +1,5 @@
 module DataHelper
   def data_from(identifier)
-    @items["/data/#{identifier}.yaml"].attributes
+    @items["/data/#{identifier}.yaml"].attributes[:data]
   end
 end