From ae87ca491e5dae9450963e8eb857ed384c7fe9e3 Mon Sep 17 00:00:00 2001
From: Wout Schellaert <wout.schellaert@gmail.com>
Date: Mon, 5 Dec 2016 16:06:49 +0100
Subject: [PATCH 1/2] Fix about dirty

---
 content/about.erb          | 4 +++-
 content/about/statuten.erb | 8 ++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/content/about.erb b/content/about.erb
index 35479b4..d66e9d3 100644
--- a/content/about.erb
+++ b/content/about.erb
@@ -5,8 +5,10 @@ order: 0
 ---
 <div class="subnav tabs">
   <ul>
+    <li class="is-active"><a href="/about">Over</a></li>
     <li><a href="/about/statuten">Statuten</a></li>
-    <li class="is-disabled"><a>Historiek</a></li>
+    <li class="is-disabled"><a>Historiek (coming soon)</a></li>
+    <li class="is-disabled"><a>Verslagen (coming soon)</a></li>
   </ul>
 </div>
 <div class="content">
diff --git a/content/about/statuten.erb b/content/about/statuten.erb
index a784921..4eb0151 100644
--- a/content/about/statuten.erb
+++ b/content/about/statuten.erb
@@ -1,3 +1,11 @@
+<div class="subnav tabs">
+  <ul>
+    <li><a href="/about">Over</a></li>
+    <li class="is-active"><a href="/about/statuten">Statuten</a></li>
+    <li class="is-disabled"><a>Historiek (coming soon)</a></li>
+    <li class="is-disabled"><a>Verslagen (coming soon)</a></li>
+  </ul>
+</div>
 <div class="columns">
 	<div class="column is-1"></div>
 	<div class="column">

From bed151caa40cfb92d9e1e454c65d05a5e86218ee Mon Sep 17 00:00:00 2001
From: Wout Schellaert <wout.schellaert@gmail.com>
Date: Mon, 5 Dec 2016 16:26:45 +0100
Subject: [PATCH 2/2] Fix about somewhat less dirty

---
 content/about.erb                      | 9 +--------
 content/about/statuten.erb             | 9 +--------
 layouts/partials/_about_sub_navbar.erb | 8 ++++++++
 3 files changed, 10 insertions(+), 16 deletions(-)
 create mode 100644 layouts/partials/_about_sub_navbar.erb

diff --git a/content/about.erb b/content/about.erb
index d66e9d3..12ecfba 100644
--- a/content/about.erb
+++ b/content/about.erb
@@ -3,14 +3,7 @@ navigable: true
 title: About
 order: 0
 ---
-<div class="subnav tabs">
-  <ul>
-    <li class="is-active"><a href="/about">Over</a></li>
-    <li><a href="/about/statuten">Statuten</a></li>
-    <li class="is-disabled"><a>Historiek (coming soon)</a></li>
-    <li class="is-disabled"><a>Verslagen (coming soon)</a></li>
-  </ul>
-</div>
+  <%= render '/partials/_about_sub_navbar.*', :selected => 'about' %>
 <div class="content">
   <h1>Over Zeus WPI</h1>
 
diff --git a/content/about/statuten.erb b/content/about/statuten.erb
index 4eb0151..12a237e 100644
--- a/content/about/statuten.erb
+++ b/content/about/statuten.erb
@@ -1,11 +1,4 @@
-<div class="subnav tabs">
-  <ul>
-    <li><a href="/about">Over</a></li>
-    <li class="is-active"><a href="/about/statuten">Statuten</a></li>
-    <li class="is-disabled"><a>Historiek (coming soon)</a></li>
-    <li class="is-disabled"><a>Verslagen (coming soon)</a></li>
-  </ul>
-</div>
+<%= render '/partials/_about_sub_navbar.*', :selected => 'statuten'%>
 <div class="columns">
 	<div class="column is-1"></div>
 	<div class="column">
diff --git a/layouts/partials/_about_sub_navbar.erb b/layouts/partials/_about_sub_navbar.erb
new file mode 100644
index 0000000..a71365b
--- /dev/null
+++ b/layouts/partials/_about_sub_navbar.erb
@@ -0,0 +1,8 @@
+<div class="subnav tabs">
+  <ul>
+    <li class="<%= "is-active" if @selected == 'about'%>"><a href="/about">Over</a></li>
+    <li class="<%= "is-active" if @selected == 'statuten'%>"><a href="/about/statuten">Statuten</a></li>
+    <li class="is-disabled"><a>Historiek (soon)</a></li>
+    <li class="is-disabled"><a>Verslagen (soon)</a></li>
+  </ul>
+</div>