From 4503b2df66a9475ee6af4d7ce250c1921e4a0876 Mon Sep 17 00:00:00 2001
From: Jonathan Poelman <jonathan.poelman@ugent.be>
Date: Thu, 27 Feb 2020 20:45:15 +0100
Subject: [PATCH 01/24] added quiz layout file

---
 layouts/quiz.erb | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 layouts/quiz.erb

diff --git a/layouts/quiz.erb b/layouts/quiz.erb
new file mode 100644
index 0000000..5a614be
--- /dev/null
+++ b/layouts/quiz.erb
@@ -0,0 +1,5 @@
+<ul>
+<% @items.find_all("**/questions/*").each do |i| %>
+    <li> <%= link_to(i[:naam], i) %> </li>
+<% end %>
+<ul>
\ No newline at end of file

From cf9c6e83f06f2eeae9537e7f1fc151a7465a6db0 Mon Sep 17 00:00:00 2001
From: Hannes <7892467+hannes-dev@users.noreply.github.com>
Date: Thu, 27 Feb 2020 21:02:57 +0100
Subject: [PATCH 02/24] added beginning of questions

---
 content/quiz/vraag1.md | 31 +++++++++++++++++++++++++++++++
 content/quiz/vraag2.md | 20 ++++++++++++++++++++
 2 files changed, 51 insertions(+)
 create mode 100644 content/quiz/vraag1.md
 create mode 100644 content/quiz/vraag2.md

diff --git a/content/quiz/vraag1.md b/content/quiz/vraag1.md
new file mode 100644
index 0000000..f7e9baf
--- /dev/null
+++ b/content/quiz/vraag1.md
@@ -0,0 +1,31 @@
+---
+vraag: Wat studeer je?
+antwoord: 
+  - tekst: Wetenschappen
+    vraag: ghcy
+    antwoord: 
+      - Wiskunde
+      - Informatica
+
+---
+
+---
+vraag: Zit je op een home?
+type: meerkeuze
+antwoord:
+  - tekst: Ja
+    vraag: Welke home?
+    antwoord:
+      - tekst: Home Astrid
+        vereniging:
+          - Astrid
+      - tekst: Home Fabiola
+
+      - tekst: Home Bertha
+
+      - tekst: Home Boudewijn
+
+      - tekst: Home Vermeylen
+
+  - tekst: Nee
+---
\ No newline at end of file
diff --git a/content/quiz/vraag2.md b/content/quiz/vraag2.md
new file mode 100644
index 0000000..6caf291
--- /dev/null
+++ b/content/quiz/vraag2.md
@@ -0,0 +1,20 @@
+---
+vraag: Zit je op een home?
+type: meerkeuze
+antwoord:
+  - tekst: Ja
+    vraag: Welke home?
+    antwoord:
+      - tekst: Home Astrid
+        vereniging:
+          - Astrid
+      - tekst: Home Fabiola
+
+      - tekst: Home Bertha
+
+      - tekst: Home Boudewijn
+
+      - tekst: Home Vermeylen
+
+  - tekst: Nee
+---
\ No newline at end of file

From 7e56cc3eb024a14a021a15b12486710dd30b3c40 Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@ugent.be>
Date: Thu, 27 Feb 2020 21:16:01 +0100
Subject: [PATCH 03/24] bump

---
 content/quiz.md               |  5 +++++
 layouts/partials/question.erb |  1 +
 layouts/quiz.erb              | 10 +++++++---
 3 files changed, 13 insertions(+), 3 deletions(-)
 create mode 100644 content/quiz.md
 create mode 100644 layouts/partials/question.erb

diff --git a/content/quiz.md b/content/quiz.md
new file mode 100644
index 0000000..2ef3f4f
--- /dev/null
+++ b/content/quiz.md
@@ -0,0 +1,5 @@
+---
+titel: Quiz
+navigable: true
+order: 3
+---
\ No newline at end of file
diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
new file mode 100644
index 0000000..c9c9e4c
--- /dev/null
+++ b/layouts/partials/question.erb
@@ -0,0 +1 @@
+<h1><%item[:vraag]%></h1>
\ No newline at end of file
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 5a614be..0404b0f 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -1,5 +1,9 @@
+<h1>Hallo</h1>
 <ul>
-<% @items.find_all("**/questions/*").each do |i| %>
-    <li> <%= link_to(i[:naam], i) %> </li>
+<% @items.find_all("**/quiz/*").each_with_index do |x, i| %>
+    <div id="question<%i%>" class="quistion">
+        <%= render '/partials/question.*', item: x %>
+    </div>
 <% end %>
-<ul>
\ No newline at end of file
+<ul>
+<%= yield %>
\ No newline at end of file

From 3ebf1be95cf7ad2b67a86b2db4009ba175b67a8b Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@ugent.be>
Date: Thu, 27 Feb 2020 21:45:34 +0100
Subject: [PATCH 04/24] add initial layouts

---
 Gemfile                       |  1 +
 Gemfile.lock                  |  6 ++++++
 Rules                         | 14 ++++++++++++++
 layouts/partials/question.erb |  3 ++-
 layouts/quiz.erb              |  4 ++--
 5 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/Gemfile b/Gemfile
index 5caeecf..df0dd76 100644
--- a/Gemfile
+++ b/Gemfile
@@ -11,6 +11,7 @@ gem 'nanoc'
 gem 'pdfkit'
 gem 'sassc'
 gem 'slim'
+gem 'sass'
 
 group :nanoc do
   gem 'guard-nanoc'
diff --git a/Gemfile.lock b/Gemfile.lock
index 064c377..8b55421 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -101,6 +101,11 @@ GEM
     rb-inotify (0.10.1)
       ffi (~> 1.0)
     ref (2.0.0)
+    sass (3.7.4)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
     sassc (2.2.1)
       ffi (~> 1.9)
     shellany (0.0.1)
@@ -133,6 +138,7 @@ DEPENDENCIES
   mini_racer
   nanoc
   pdfkit
+  sass
   sassc
   slim
 
diff --git a/Rules b/Rules
index 275f1e3..7493db9 100644
--- a/Rules
+++ b/Rules
@@ -7,6 +7,13 @@ compile '/verenigingen/*.md' do
   write ext: 'html'
 end
 
+compile '/quiz/*.md' do
+  filter :kramdown
+  layout '/partials/question.*'
+  layout '/default.*'
+  write ext: 'html'
+end
+
 compile '/homepage.md' do
   filter :kramdown
   layout '/homepage.*'
@@ -21,6 +28,13 @@ compile '/verenigingen.md' do
   write ext: 'html'
 end
 
+compile '/quiz.md' do
+  filter :kramdown
+  layout '/quiz.*'
+  layout '/default.*'
+  write ext: 'html'
+end
+
 compile '/*.md' do
   filter :kramdown
   layout '/default.*'
diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index c9c9e4c..19fc9f4 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -1 +1,2 @@
-<h1><%item[:vraag]%></h1>
\ No newline at end of file
+<h1><%= item[:vraag] %></h1>
+<h3> Hallo </h3>
\ No newline at end of file
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 0404b0f..9a991c9 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -5,5 +5,5 @@
         <%= render '/partials/question.*', item: x %>
     </div>
 <% end %>
-<ul>
-<%= yield %>
\ No newline at end of file
+</ul>
+<%= yield %>

From 85cec21389f45b622b2a046a80a82ef1e3c7aab6 Mon Sep 17 00:00:00 2001
From: Jonathan Poelman <jonathan.poelman@ugent.be>
Date: Thu, 27 Feb 2020 21:48:17 +0100
Subject: [PATCH 05/24] added question partial

---
 .../main.scssc                                | Bin 0 -> 586 bytes
 layouts/partials/question.erb                 |  19 ++++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 .sass-cache/67657cef7d9c5a6bf84161ba921164506eeaf88b/main.scssc
 create mode 100644 layouts/partials/question.erb

diff --git a/.sass-cache/67657cef7d9c5a6bf84161ba921164506eeaf88b/main.scssc b/.sass-cache/67657cef7d9c5a6bf84161ba921164506eeaf88b/main.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..0d437a13d595ce1fce681c9038302d1fd95e059a
GIT binary patch
literal 586
zcmbu6F;BxV5QRISQUaxj3B*!$f`K|T6sWs+0HiDkks={6L~e4SMv1TTT|o%(-*HkF
zR@m%!=X=lJMZ@#qDC!?4P(sG$4f+Yg8=M5WjwU(+7{kT<d>-b}Xgr=5P)x=b;n~$B
z)J1+3UWSukql5A=(L_?t9DtM$h<t}RY|CAhElim^u+J@jDNG4gR}jjs!X+ED^jYf+
z)w0wK@u1a~?VFhlRB0@jw%k{QE0;m)w0!}T2Wy|C5xrBbZpoe^){fI963V0BE%!*K
zcG{e7`*}MGi-Lgtv8%x5&68=bDNgsi8Z;r}!IP*gi%dKcI1;aDHH&M^Ruxz#5!(V?
zrP*X!<SSR?2=;U|3`K^PeTN|aD1jCLzPZxI4k;sQPlK8Nt*Msi7#zy}I%@nQc!0N_
z5Pgsb((zH82N@6KpQ1EoJ>@``>A&Y3DDrDd>)oaA+F4^?Jn2pXToYSpT70!`zX5-i
B!N33j

literal 0
HcmV?d00001

diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
new file mode 100644
index 0000000..f556938
--- /dev/null
+++ b/layouts/partials/question.erb
@@ -0,0 +1,19 @@
+<h1> <%= item[:vraag] %> </h1>
+<select id=<%= item[:vraag] %>>
+<% for a in item[:antwoord] %>
+    <option value=<%= a[:teskt] %>><%= a[:tekst] %></option>
+    <% if a[:vraag] != ""%>
+        <div id=<% a[:vraag]%>>
+            <%= render '/partials/question.*' %>
+        </div>
+    <% end %
+<% end %>
+</select>
+<script>
+    document.getElementById(<%= item[:vraag]%>).addEventListener('change', (event) => {
+        var tekst = event.target.value;
+        document.getElementById(<%= item[:vraag]%>)
+        <%= render '/partials/question.*' %>
+    })
+</script>
+<%= yield %>
\ No newline at end of file

From b7a086986a817ed671446ab318d37a303f3b69a8 Mon Sep 17 00:00:00 2001
From: Jonathan Poelman <jonathan.poelman@ugent.be>
Date: Thu, 27 Feb 2020 21:52:23 +0100
Subject: [PATCH 06/24] fixed syntax error in question.erb

---
 layouts/partials/question.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index 90da50e..4274d3c 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -6,7 +6,7 @@
         <div id=<% a[:vraag]%>>
             <%= render '/partials/question.*' %>
         </div>
-    <% end %
+    <% end %>
 <% end %>
 </select>
 <script>

From 0f19082e41b94b3775814e12a28d8624ad2d2a84 Mon Sep 17 00:00:00 2001
From: Hannes <7892467+hannes-dev@users.noreply.github.com>
Date: Thu, 27 Feb 2020 22:25:04 +0100
Subject: [PATCH 07/24] added vraag 1

---
 content/quiz/vraag1.md | 367 +++++++++++++++++++++++++++++++++++++----
 content/quiz/vraag2.md |  20 ++-
 2 files changed, 351 insertions(+), 36 deletions(-)

diff --git a/content/quiz/vraag1.md b/content/quiz/vraag1.md
index f7e9baf..43aac9c 100644
--- a/content/quiz/vraag1.md
+++ b/content/quiz/vraag1.md
@@ -1,31 +1,342 @@
 ---
-vraag: Wat studeer je?
-antwoord: 
+vraag: Wat is je faculteit?
+type: dropdown
+antwoorden:
+  - tekst: Letteren en Wijsbegeerte
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: Afrikaanse talen en culturen
+        verenigingen:
+          - naam: StuArt
+          - naam: OAK
+      - tekst: Archeologie
+        verenigingen:
+          - naam: StuArt
+          - naam: Archeologische werkgroep
+          - naam: KHK
+      - tekst: Geschiedenis
+        verenigingen:
+          - naam: StuArt
+          - naam: Vlaamse Geschiedkundige Kring
+          - naam: International students of History Association
+      - tekst: Kunstwetenschappen
+        verenigingen:
+          - naam: StuArt
+          - naam: KHK
+      - tekst: Moraalwetenschappen
+        verenigingen:
+          - naam: StuArt
+          - naam: KMF
+      - tekst: Oosterse talen en culturen
+        verenigingen:
+          - naam: StuArt
+          - naam: OAK
+          - naam: Tomo no kai
+      - tekst: Oost- Europese talen en culturen
+        verenigingen:
+          - naam: StuArt
+          - naam: Slavia
+      - tekst: Taal- en letterkunde
+        verenigingen:
+          - naam: StuArt
+          - naam: Klassieke Kring
+          - naam: Filologica
+      - tekst: Toegepaste taalkunde
+        verenigingen:
+          - naam: StuArt
+          - naam: Veto Gent
+      - tekst: Wijsbegeerte
+        verenigingen:
+          - naam: StuArt
+          - naam: KMF
+  - tekst: Recht en criminologie
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: Rechten
+        verenigingen:
+          - naam: StuReC
+          - naam: VRG
+      - tekst: Criminologische wetenschappen
+        verenigingen:
+          - naam: StuReC
+          - naam: Lombrosiana
   - tekst: Wetenschappen
-    vraag: ghcy
-    antwoord: 
-      - Wiskunde
-      - Informatica
-
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: Biochemie en biotechnologie
+        verenigingen:
+          - naam: StuW
+          - naam: Chemica
+      - tekst: Biologie
+        verenigingen:
+          - naam: StuW
+          - naam: GBK
+      - tekst: Chemie
+        verenigingen:
+          - naam: StuW
+          - naam: Chemica
+      - tekst: Fysica en de sterrenkunde
+        verenigingen:
+          - naam: StuW
+          - naam: Vereniging voor natuurkunde
+          - naam: WiNA
+      - tekst: Geografie en de geomatica
+        verenigingen:
+          - naam: StuW
+          - naam: Geografica
+      - tekst: Geologie
+        verenigingen:
+          - naam: StuW
+          - naam: Geologica
+      - tekst: Informatica
+        verenigingen:
+          - naam: StuW
+          - naam: Zeus WPI
+          - naam: WiNA
+      - tekst: Wiskunde
+        verenigingen:
+          - naam: StuW
+          - naam: PRIME
+          - naam: WiNA
+  - tekst: Geneeskunde en gezondheidswetenschappen
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: Biomedische wetenschappen
+        verenigingen:
+          - naam: StuGG - BSR
+          - naam: BEAM
+          - naam: BeMSA
+          - naam: VBK
+      - tekst: Geneeskunde
+        verenigingen:
+          - naam: StuGG - SWOP
+          - naam: Vlaamse Geneeskundige Kring
+          - naam: BeMSA
+      - tekst: Lichamelijke opvoeding en de bewegingswetenschappen
+        verenigingen:
+          - naam: StuGG - HILO
+          - naam: HILOK
+          - naam: BeMSA
+      - tekst: Audiologie
+        verenigingen:
+          - naam: StuGG - Stula
+          - naam: VLAK
+          - naam: BeMSA
+      - tekst: Logopedie
+        verenigingen:
+          - naam: StuGG - Stula
+          - naam: VLAK
+          - naam: BeMSA
+      - tekst: Revalidatiewetenschappen en de kinesitherapie
+        verenigingen:
+          - naam: StuGG - SRK
+          - naam: HILOK
+          - naam: BeMSA
+      - tekst: Tandheelkunde
+        verenigingen:
+          - naam: StuGG - StuDent
+          - naam: Dentalia
+          - naam: BeMSA
+  - tekst: Ingenieurswetenschappen en architectuur
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: iw - Bouwkunde
+        verenigingen:
+          - naam: FRiS
+          - naam: Hermes
+      - tekst: iw - Chemie
+        verenigingen:
+          - naam: FRiS
+          - naam: Hermes
+      - tekst: iw - Elektronica-ICT
+        verenigingen:
+          - naam: FRiS
+          - naam: Zeus WPI
+          - naam: Hermes
+      - tekst: iw - Elektromechanica
+        verenigingen:
+          - naam: FRiS
+          - naam: Hermes
+      - tekst: iw - Informatica
+        verenigingen:
+          - naam: FRiS
+          - naam: Zeus WPI
+          - naam: Hermes
+      - tekst: ir - Architectuur
+        verenigingen:
+          - naam: FRiS
+          - naam: De loeiende koe
+          - naam: VTK
+      - tekst: ir - Bouwkunde
+        verenigingen:
+          - naam: FRiS
+          - naam: Poutrix
+          - naam: VTK
+      - tekst: ir - Chemische technologie en materiaalkunde
+        verenigingen:
+          - naam: FRiS
+          - naam: MaChT
+          - naam: VTK
+      - tekst: ir - Computerwetenschappen
+        verenigingen:
+          - naam: FRiS
+          - naam: CenEka
+          - naam: IEEE Student Branch Gent
+          - naam: Zeus WPI
+          - naam: VTK
+      - tekst: ir - Elektrotechniek
+        verenigingen:
+          - naam: FRiS
+          - naam: CenEka
+          - naam: IEEE Student Branch Gent
+          - naam: VTK
+      - tekst: ir - Toegepaste natuurkunde
+        verenigingen:
+          - naam: FRiS
+          - naam: VTK
+      - tekst: ir - Werktuigkunde-elektrotechniek
+        verenigingen:
+          - naam: FRiS
+          - naam: CenEka
+          - naam: IEEE Student Branch Gent
+          - naam: PKarus
+          - naam: VTK
+      - tekst: ir - Biomedische ingenieurstechnieken
+        verenigingen:
+          - naam: FRiS
+          - naam: BEAM
+          - naam: VTK
+      - tekst: iw - Industrieel ontwerpen
+        verenigingen:
+          - naam: FRiS
+          - naam: Hermes
+      - tekst: iw - Machine- en productieautomatisering
+        verenigingen:
+          - naam: FRiS
+          - naam: Hermes
+  - tekst: Economie en bedrijfskude
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: Handelsingenieur
+        verenigingen:
+          - naam: Stuveco
+          - naam: Capitant
+          - naam: FLYSE
+          - naam: VEK
+      - tekst: Bestuurskunde en het publiek management
+        verenigingen:
+          - naam: Stuveco
+          - naam: Moeder Lies
+      - tekst: Economische wetenschappen
+        verenigingen:
+          - naam: Stuveco
+          - naam: Capitant
+          - naam: FLYSE
+          - naam: VEK
+      - tekst: Handelswetenschappen
+        verenigingen:
+          - naam: Stuveco
+          - naam: Capitant
+          - naam: FLYSE
+          - naam: Moeder Lies
+      - tekst: Toegepaste economische wetenschappen
+        verenigingen:
+          - naam: Stuveco
+          - naam: Capitant
+          - naam: FLYSE
+          - naam: VEK
+  - tekst: Diergeneeskunde
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: Diergeneeskunde
+        verenigingen:
+          - naam: DSR
+          - naam: VDK
+  - tekst: Psychologie en pedagogische wetenschappen
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: Pedagogie - Klinische orthopedagogiek en disability studies
+        verenigingen:
+          - naam: PPSR
+          - naam: VPPK
+      - tekst: Pedagogie - Pedagogiek en onderwijskunde
+        verenigingen:
+          - naam: PPSR
+          - naam: VPPK
+      - tekst: Pedagogie - Sociale agogiek
+        verenigingen:
+          - naam: PPSR
+          - naam: VPPK
+      - tekst: Psychologie - Bedrijfspsychologie en personeelsbeleid
+        verenigingen:
+          - naam: PPSR
+          - naam: VPPK
+      - tekst: Psychologie - Klinische psychologie
+        verenigingen:
+          - naam: PPSR
+          - naam: VPPK
+      - tekst: Psychologie - onderwijs
+        verenigingen:
+          - naam: PPSR
+          - naam: VPPK
+      - tekst: Psychologie - Theoretische en experimentele psychologie
+        verenigingen:
+          - naam: PPSR
+          - naam: VPPK
+  - tekst: Bio-ingenieurswetenschappen
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: biw - Bos- en natuurbeheer
+        verenigingen:
+          - naam: StuBio
+          - naam: VLK
+      - tekst: biw - cel- en genbiotechnologie
+        verenigingen:
+          - naam: StuBio
+          - naam: VLK
+      - tekst: biw - Chemie en voedingstechnologie
+        verenigingen:
+          - naam: StuBio
+          - naam: VLK
+      - tekst: biw - Landbouwkunde
+        verenigingen:
+          - naam: StuBio
+          - naam: VLK
+          - naam: Groene kring
+          - naam: IAAS
+      - tekst: biw - Land- en waterbeheer
+        verenigingen:
+          - naam: StuBio
+          - naam: VLK
+      - tekst: biw - Milieutechnologie
+        verenigingen:
+          - naam: StuBio
+          - naam: VLK
+      - tekst: Biowetenschappen
+        verenigingen:
+          - naam: StuBio
+          - naam: LILA
+  - tekst: Farmaceutische wetenschappen
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: Farmaceutische wetenschappen
+        verenigingen:
+          - naam: StuFF
+          - naam: GFK
+          - naam: BeMSA
+  - tekst: Politieke en sociale wetenschappen
+    vraag: Welke richting?
+    antwoorden:
+      - tekst: Communicatiewetenschappen
+        verenigingen:
+          - naam: Stura
+          - naam: Politeia
+      - tekst: Politieke wetenschappen
+        verenigingen:
+          - naam: Stura
+          - naam: Politeia
+      - tekst: Sociologie
+        verenigingen:
+          - naam: Stura
+          - naam: Politeia
 ---
-
----
-vraag: Zit je op een home?
-type: meerkeuze
-antwoord:
-  - tekst: Ja
-    vraag: Welke home?
-    antwoord:
-      - tekst: Home Astrid
-        vereniging:
-          - Astrid
-      - tekst: Home Fabiola
-
-      - tekst: Home Bertha
-
-      - tekst: Home Boudewijn
-
-      - tekst: Home Vermeylen
-
-  - tekst: Nee
----
\ No newline at end of file
diff --git a/content/quiz/vraag2.md b/content/quiz/vraag2.md
index 6caf291..e91e580 100644
--- a/content/quiz/vraag2.md
+++ b/content/quiz/vraag2.md
@@ -1,20 +1,24 @@
 ---
 vraag: Zit je op een home?
 type: meerkeuze
-antwoord:
+antwoorden:
   - tekst: Ja
     vraag: Welke home?
-    antwoord:
+    antwoorden:
       - tekst: Home Astrid
-        vereniging:
-          - Astrid
+        verenigingen:
+          - naam: Home Astrid
       - tekst: Home Fabiola
-
+        verenigingen:
+          - naam: Home Fabiola
       - tekst: Home Bertha
-
+        verenigingen:
+          - naam: Home Bertha
       - tekst: Home Boudewijn
-
+        verenigingen:
+          - naam: Home Boudewijn
       - tekst: Home Vermeylen
-
+        verenigingen:
+          - naam: Home Vermeylen
   - tekst: Nee
 ---
\ No newline at end of file

From 2f9b80512d48d3c432c316ebbc8558d1dcdef94a Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@ugent.be>
Date: Thu, 27 Feb 2020 22:45:50 +0100
Subject: [PATCH 08/24] better questions

---
 Rules                         |  7 -------
 layouts/partials/question.erb | 22 +++++++++++-----------
 layouts/quiz.erb              |  7 ++++---
 3 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/Rules b/Rules
index 7493db9..a464450 100644
--- a/Rules
+++ b/Rules
@@ -7,13 +7,6 @@ compile '/verenigingen/*.md' do
   write ext: 'html'
 end
 
-compile '/quiz/*.md' do
-  filter :kramdown
-  layout '/partials/question.*'
-  layout '/default.*'
-  write ext: 'html'
-end
-
 compile '/homepage.md' do
   filter :kramdown
   layout '/homepage.*'
diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index 90da50e..64114b5 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -1,19 +1,19 @@
-<h1> <%= item[:vraag] %> </h1>
-<select id=<%= item[:vraag] %>>
-<% for a in item[:antwoord] %>
-    <option value=<%= a[:teskt] %>><%= a[:tekst] %></option>
-    <% if a[:vraag] != ""%>
-        <div id=<% a[:vraag]%>>
-            <%= render '/partials/question.*' %>
+<h1> <%= question[:vraag] %> </h1>
+<select id="<%= question[:vraag] %>">
+<% for a in question[:antwoord] %>
+    <option value="<%= a[:tekst] %>"><%= a[:tekst] %></option>
+    <% if a.key?("vraag") %>
+        <div id=<%= a[:vraag]%>>
+            <%= render '/partials/question.*', question: a  %>
         </div>
-    <% end %
+    <% end %>
 <% end %>
 </select>
+
 <script>
-    document.getElementById(<%= item[:vraag]%>).addEventListener('change', (event) => {
+   document.getElementById(<%= item[:vraag]%>).addEventListener('change', (event) => {
         var tekst = event.target.value;
         document.getElementById(<%= item[:vraag]%>)
         <%= render '/partials/question.*' %>
     })
-</script>
-<%= yield %>
+</script>
\ No newline at end of file
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 9a991c9..bcc6caf 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -1,8 +1,9 @@
 <h1>Hallo</h1>
 <ul>
-<% @items.find_all("**/quiz/*").each_with_index do |x, i| %>
-    <div id="question<%i%>" class="quistion">
-        <%= render '/partials/question.*', item: x %>
+<% @items.find_all("**/quiz/*").each_with_index do |quest, i| %>
+    <div id="question_<%=i%>" class="question">
+        <h2> <%= quest[:vraag] %> </h2>
+        <%= render '/partials/question.*', question: quest %>
     </div>
 <% end %>
 </ul>

From 60b0471c3aacf9442b6f6a73533e2191d20085bd Mon Sep 17 00:00:00 2001
From: Hannes <7892467+hannes-dev@users.noreply.github.com>
Date: Thu, 27 Feb 2020 22:50:16 +0100
Subject: [PATCH 09/24] added vraag 3

---
 content/quiz/vraag3.md | 71 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 content/quiz/vraag3.md

diff --git a/content/quiz/vraag3.md b/content/quiz/vraag3.md
new file mode 100644
index 0000000..188e8fe
--- /dev/null
+++ b/content/quiz/vraag3.md
@@ -0,0 +1,71 @@
+---
+vraag: Wie wil je ontmoeten
+type: meerkeuze
+antwoorden:
+  - tekst: Studenten die uit dezelfde streek afkomstig zijn
+    vraag: Uit welke streek ben jij afkomstig?
+    antwoorden:
+      - tekst: TODO
+        verenigingen:
+          - naam: TODO
+  - tekst: Eender wie, onafhankelijk van interesses, studies of andere aspecten
+    verenigingen:
+      - naam: Moeder Theepot
+  - tekst: Internationale studenten
+    vereningingen:
+      - naam: ESN
+      - naam: International students association gent
+  - tekst: Mensen met dezelfde politieke overtuiging
+    vraag: Welke overtuiging?
+    antwoorden:
+      - tekst: Vlaams-Nationalistisch en conservatief
+        verenigingen:
+          - naam: KVHV
+          - naam: NSV
+      - tekst: Antikapitalistisch
+        verenigingen:
+          - naam: ALS
+      - tekst: Christendemocraat
+        verenigingen:
+          - naam: CDS
+      - tekst: Zeer socialistisch
+        verenigingen:
+          - naam: Comac
+      - tekst: Groen en links
+        verenigingen:
+          - naam: Jong Groen StuGent
+      - tekst: Vlaams-republikeins
+        verenigingen:
+          - naam: Jong N-Va Ugent
+      - tekst: Socialistisch
+        verenigingen:
+          - naam: Jongsocialisten StuGent
+      - tekst: Liberaal
+        verenigingen:
+          - naam: LVSV
+  - tekst: Ik ben holebistudent en zou graag andere holebistudenten ontmoeten
+    verenigingen:
+      - naam: Verkeerd Geparkeerd
+  - tekst: Ik heb een migratieachtergond en zou graag mensen met eenzelfde achtergrond als mezelf ontmoeten
+    vraag: Je gaf aan een migratieachtergrond te hebben en graag andere studenten te ontmoeten met dezelfde achtergrond. Wat is jouw culturele achtergrond?
+    antwoorden:
+      - tekst: China
+        verenigingen:
+          - naam: Chinese Student Organization
+      - tekst: Armenië
+        verenigingen:
+          - naam: Hayasa
+      - tekst: Indonesië
+        verenigingen:
+          - naam: Indonesion Students Association
+      - tekst: Japan
+        verenigingen:
+        - naam: Tomo no kai
+      - tekst: Vietnam
+        verenigingen:
+          - naam: Vinasag
+      - tekst: Sub-Sahara Afrika
+        verenigingen:
+          - naam: Umoya
+
+---
\ No newline at end of file

From a351988f570c819daa81ecbb5918f973de054f46 Mon Sep 17 00:00:00 2001
From: Jonathan Poelman <jonathan.poelman@ugent.be>
Date: Thu, 27 Feb 2020 23:09:29 +0100
Subject: [PATCH 10/24] basic quiz layout now works

---
 Rules                         |  7 -------
 layouts/partials/question.erb | 29 ++++++++++++++++-------------
 layouts/quiz.erb              |  7 +++++--
 3 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/Rules b/Rules
index 7493db9..a464450 100644
--- a/Rules
+++ b/Rules
@@ -7,13 +7,6 @@ compile '/verenigingen/*.md' do
   write ext: 'html'
 end
 
-compile '/quiz/*.md' do
-  filter :kramdown
-  layout '/partials/question.*'
-  layout '/default.*'
-  write ext: 'html'
-end
-
 compile '/homepage.md' do
   filter :kramdown
   layout '/homepage.*'
diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index 4274d3c..7592d7f 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -1,19 +1,22 @@
-<h1> <%= item[:vraag] %> </h1>
-<select id=<%= item[:vraag] %>>
-<% for a in item[:antwoord] %>
-    <option value=<%= a[:teskt] %>><%= a[:tekst] %></option>
-    <% if a[:vraag] != ""%>
-        <div id=<% a[:vraag]%>>
-            <%= render '/partials/question.*' %>
-        </div>
+<h1> <%= question[:vraag] %> </h1>
+
+<select id="<%= question[:vraag] %>">
+<option value="empty">Selecteer een optie...</option>
+<% for a in question[:antwoorden] %>
+    <option value="<%= a[:tekst] %>"><%= a[:tekst] %></option>
+    <% if a[:vraag]%>
+       <div id="<% a[:vraag]%>">
+           <%#= render '/partials/question.*', question: a %>
+       </div>
     <% end %>
 <% end %>
 </select>
+<div id="subquestion">
+</div>
 <script>
-    document.getElementById(<%= item[:vraag]%>).addEventListener('change', (event) => {
-        var tekst = event.target.value;
-        document.getElementById(<%= item[:vraag]%>)
-        <%= render '/partials/question.*' %>
+    console.log("test");
+    document.getElementById("<%= question[:vraag] %>").addEventListener('change', (event) => {
+        console.log("change");
+        document.getElementById("subquestion").innerHTML = "<p>test</p>";
     })
 </script>
-<%= yield %>
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 9a991c9..75f548e 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -1,9 +1,12 @@
 <h1>Hallo</h1>
 <ul>
+
 <% @items.find_all("**/quiz/*").each_with_index do |x, i| %>
     <div id="question<%i%>" class="quistion">
-        <%= render '/partials/question.*', item: x %>
+        <%= render '/partials/question.*', question: x %>
     </div>
+
 <% end %>
+
 </ul>
-<%= yield %>
+<%#= yield %>

From 8077d6f12b790c98f518026eaaf955448cbc41af Mon Sep 17 00:00:00 2001
From: Hannes <7892467+hannes-dev@users.noreply.github.com>
Date: Fri, 28 Feb 2020 00:10:42 +0100
Subject: [PATCH 11/24] finished questions

---
 content/quiz/vraag1.md |  11 +++
 content/quiz/vraag2.md |   3 +-
 content/quiz/vraag3.md |  30 +--------
 content/quiz/vraag4.md | 147 +++++++++++++++++++++++++++++++++++++++++
 4 files changed, 161 insertions(+), 30 deletions(-)
 create mode 100644 content/quiz/vraag4.md

diff --git a/content/quiz/vraag1.md b/content/quiz/vraag1.md
index 43aac9c..1c60345 100644
--- a/content/quiz/vraag1.md
+++ b/content/quiz/vraag1.md
@@ -4,6 +4,7 @@ type: dropdown
 antwoorden:
   - tekst: Letteren en Wijsbegeerte
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: Afrikaanse talen en culturen
         verenigingen:
@@ -51,6 +52,7 @@ antwoorden:
           - naam: KMF
   - tekst: Recht en criminologie
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: Rechten
         verenigingen:
@@ -62,6 +64,7 @@ antwoorden:
           - naam: Lombrosiana
   - tekst: Wetenschappen
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: Biochemie en biotechnologie
         verenigingen:
@@ -100,6 +103,7 @@ antwoorden:
           - naam: WiNA
   - tekst: Geneeskunde en gezondheidswetenschappen
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: Biomedische wetenschappen
         verenigingen:
@@ -139,6 +143,7 @@ antwoorden:
           - naam: BeMSA
   - tekst: Ingenieurswetenschappen en architectuur
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: iw - Bouwkunde
         verenigingen:
@@ -216,6 +221,7 @@ antwoorden:
           - naam: Hermes
   - tekst: Economie en bedrijfskude
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: Handelsingenieur
         verenigingen:
@@ -247,6 +253,7 @@ antwoorden:
           - naam: VEK
   - tekst: Diergeneeskunde
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: Diergeneeskunde
         verenigingen:
@@ -254,6 +261,7 @@ antwoorden:
           - naam: VDK
   - tekst: Psychologie en pedagogische wetenschappen
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: Pedagogie - Klinische orthopedagogiek en disability studies
         verenigingen:
@@ -285,6 +293,7 @@ antwoorden:
           - naam: VPPK
   - tekst: Bio-ingenieurswetenschappen
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: biw - Bos- en natuurbeheer
         verenigingen:
@@ -318,6 +327,7 @@ antwoorden:
           - naam: LILA
   - tekst: Farmaceutische wetenschappen
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: Farmaceutische wetenschappen
         verenigingen:
@@ -326,6 +336,7 @@ antwoorden:
           - naam: BeMSA
   - tekst: Politieke en sociale wetenschappen
     vraag: Welke richting?
+    type: dropdown
     antwoorden:
       - tekst: Communicatiewetenschappen
         verenigingen:
diff --git a/content/quiz/vraag2.md b/content/quiz/vraag2.md
index e91e580..2cf6d47 100644
--- a/content/quiz/vraag2.md
+++ b/content/quiz/vraag2.md
@@ -1,9 +1,10 @@
 ---
 vraag: Zit je op een home?
-type: meerkeuze
+type: dropdown
 antwoorden:
   - tekst: Ja
     vraag: Welke home?
+    type: dropdown
     antwoorden:
       - tekst: Home Astrid
         verenigingen:
diff --git a/content/quiz/vraag3.md b/content/quiz/vraag3.md
index 188e8fe..030a3d3 100644
--- a/content/quiz/vraag3.md
+++ b/content/quiz/vraag3.md
@@ -1,5 +1,5 @@
 ---
-vraag: Wie wil je ontmoeten
+vraag: Wie wil je ontmoeten?
 type: meerkeuze
 antwoorden:
   - tekst: Studenten die uit dezelfde streek afkomstig zijn
@@ -15,34 +15,6 @@ antwoorden:
     vereningingen:
       - naam: ESN
       - naam: International students association gent
-  - tekst: Mensen met dezelfde politieke overtuiging
-    vraag: Welke overtuiging?
-    antwoorden:
-      - tekst: Vlaams-Nationalistisch en conservatief
-        verenigingen:
-          - naam: KVHV
-          - naam: NSV
-      - tekst: Antikapitalistisch
-        verenigingen:
-          - naam: ALS
-      - tekst: Christendemocraat
-        verenigingen:
-          - naam: CDS
-      - tekst: Zeer socialistisch
-        verenigingen:
-          - naam: Comac
-      - tekst: Groen en links
-        verenigingen:
-          - naam: Jong Groen StuGent
-      - tekst: Vlaams-republikeins
-        verenigingen:
-          - naam: Jong N-Va Ugent
-      - tekst: Socialistisch
-        verenigingen:
-          - naam: Jongsocialisten StuGent
-      - tekst: Liberaal
-        verenigingen:
-          - naam: LVSV
   - tekst: Ik ben holebistudent en zou graag andere holebistudenten ontmoeten
     verenigingen:
       - naam: Verkeerd Geparkeerd
diff --git a/content/quiz/vraag4.md b/content/quiz/vraag4.md
new file mode 100644
index 0000000..e673eb8
--- /dev/null
+++ b/content/quiz/vraag4.md
@@ -0,0 +1,147 @@
+---
+vraag: Wat zijn je interesses?
+type: meerkeuze
+antwoorden:
+  - tekst: Andere studenten ondersteunen
+    vereniging:
+      - naam: FLUX
+      - naam: Cultour
+      - naam: Start to Talk
+  - tekst: Archeologie
+    vereniging:
+      - naam: Archeologische werkgroep
+  - tekst: Armenië
+    vereniging:
+      - naam: Hayasa
+  - tekst: BDSM
+    vereniging:
+      - naam: Kajira
+  - tekst: Consulting
+    vereniging:
+      - naam: 180 Degrees consulting
+      - naam: Feunig
+  - tekst: Dansen
+    vereniging:
+      - naam: GUDc
+  - tekst: Dichtkunst en gesproken woord
+    vereniging:
+      - naam: Auw La
+      - naam: Prometheus
+  - tekst: Duurzaamheid
+    vereniging:
+      - naam: d'Urgent
+  - tekst: Europese politiek
+    vereniging:
+      - naam: Minos
+  - tekst: Evenementen helpen organiseren
+    vereniging:
+      - naam: 12UL
+      - naam: Student Kickoff
+  - tekst: Financiële markten
+    vereniging:
+      - naam: Capitant
+  - tekst: Fotografie
+    vereniging:
+      - naam: Schamper
+  - tekst: Fysica en sterrenkunde
+    vereniging:
+      - naam: Vereniging voor natuurkunde
+  - tekst: Informatica
+    vereniging:
+      - naam: Zeus WPI
+  - tekst: Japan
+    vereniging:
+      - naam: Tomo no kai
+  - tekst: Journalistiek
+    vereniging:
+      - naam: Schamper
+      - naam: Urgent.fm
+  - tekst: Kritisch denken en debat
+    vereniging:
+      - naam: ENGAGE
+      - naam: t Zal wel gaan
+  - tekst: land- en tuinbouw
+    vereniging:
+      - naam: Groene Kring
+      - naam: Stujardin
+  - tekst: Lay-out
+    vereniging:
+      - naam: Schamper
+  - tekst: mentale gezondheid
+    vereniging:
+      - naam: Start to talk
+  - tekst: Muziek spelen
+    vereniging:
+      - naam: GUHO
+      - naam: GUSO
+      - naam: Studentenfanfare
+  - tekst: ondernemen
+    vereniging:
+      - naam: FLYSE
+  - tekst: Politiek
+    vraag: Welke overtuiging?
+    antwoorden:
+      - tekst: Vlaams-Nationalistisch en conservatief
+        verenigingen:
+          - naam: KVHV
+          - naam: NSV
+      - tekst: Antikapitalistisch
+        verenigingen:
+          - naam: ALS
+      - tekst: Christendemocraat
+        verenigingen:
+          - naam: CDS
+      - tekst: Zeer socialistisch
+        verenigingen:
+          - naam: Comac
+      - tekst: Groen en links
+        verenigingen:
+          - naam: Jong Groen StuGent
+      - tekst: Vlaams-republikeins
+        verenigingen:
+          - naam: Jong N-Va Ugent
+      - tekst: Socialistisch
+        verenigingen:
+          - naam: Jongsocialisten StuGent
+      - tekst: Liberaal
+        verenigingen:
+          - naam: LVSV
+  - tekst: radio maken
+    vereniging:
+      - naam: Urgent.fm
+  - tekst: Schilderen
+    vereniging:
+      - naam: Schildersatelier
+  - tekst: Schrijven
+    vereniging:
+      - naam: Schamper
+      - naam: Auw La
+  - tekst: studentenvertegenwoordiging
+    vereniging:
+      - naam: GSR
+  - tekst: Techniek
+    vereniging:
+      - naam: IEEE Student Branch Gent
+      - naam: BEST
+  - tekst: Theater
+    vereniging:
+      - naam: Matrak
+  - tekst: Wereldpolitiek
+    vereniging:
+      - naam: VVN Youth
+  - tekst: Wiskunde
+    vereniging:
+      - naam: PRIME
+  - tekst: Zingen 
+    vereniging:
+      - naam: GUK
+  - tekst: Culturele Voorstellingen bijwonen
+    vereniging:
+      - naam: Cultour
+  - tekst: economie
+    vereniging:
+      - naam: Rethinking economics
+  - tekst: Illusionisme
+    vereniging:
+      - naam: Illusiona
+---
\ No newline at end of file

From d4ffcdbbb814204ce627aa0fe7db05c1dddaea4a Mon Sep 17 00:00:00 2001
From: Hannes <7892467+hannes-dev@users.noreply.github.com>
Date: Fri, 28 Feb 2020 00:24:49 +0100
Subject: [PATCH 12/24] added newlines for readability

---
 content/quiz/vraag1.md | 65 ++++++++++++++++++++++++++++++++++++++++++
 content/quiz/vraag2.md |  5 ++++
 content/quiz/vraag3.md | 11 +++++++
 content/quiz/vraag4.md | 42 +++++++++++++++++++++++++++
 4 files changed, 123 insertions(+)

diff --git a/content/quiz/vraag1.md b/content/quiz/vraag1.md
index 1c60345..080de23 100644
--- a/content/quiz/vraag1.md
+++ b/content/quiz/vraag1.md
@@ -10,46 +10,56 @@ antwoorden:
         verenigingen:
           - naam: StuArt
           - naam: OAK
+
       - tekst: Archeologie
         verenigingen:
           - naam: StuArt
           - naam: Archeologische werkgroep
           - naam: KHK
+
       - tekst: Geschiedenis
         verenigingen:
           - naam: StuArt
           - naam: Vlaamse Geschiedkundige Kring
           - naam: International students of History Association
+
       - tekst: Kunstwetenschappen
         verenigingen:
           - naam: StuArt
           - naam: KHK
+
       - tekst: Moraalwetenschappen
         verenigingen:
           - naam: StuArt
           - naam: KMF
+
       - tekst: Oosterse talen en culturen
         verenigingen:
           - naam: StuArt
           - naam: OAK
           - naam: Tomo no kai
+
       - tekst: Oost- Europese talen en culturen
         verenigingen:
           - naam: StuArt
           - naam: Slavia
+
       - tekst: Taal- en letterkunde
         verenigingen:
           - naam: StuArt
           - naam: Klassieke Kring
           - naam: Filologica
+
       - tekst: Toegepaste taalkunde
         verenigingen:
           - naam: StuArt
           - naam: Veto Gent
+
       - tekst: Wijsbegeerte
         verenigingen:
           - naam: StuArt
           - naam: KMF
+
   - tekst: Recht en criminologie
     vraag: Welke richting?
     type: dropdown
@@ -58,10 +68,12 @@ antwoorden:
         verenigingen:
           - naam: StuReC
           - naam: VRG
+
       - tekst: Criminologische wetenschappen
         verenigingen:
           - naam: StuReC
           - naam: Lombrosiana
+
   - tekst: Wetenschappen
     vraag: Welke richting?
     type: dropdown
@@ -70,37 +82,45 @@ antwoorden:
         verenigingen:
           - naam: StuW
           - naam: Chemica
+
       - tekst: Biologie
         verenigingen:
           - naam: StuW
           - naam: GBK
+
       - tekst: Chemie
         verenigingen:
           - naam: StuW
           - naam: Chemica
       - tekst: Fysica en de sterrenkunde
+
         verenigingen:
           - naam: StuW
           - naam: Vereniging voor natuurkunde
           - naam: WiNA
+
       - tekst: Geografie en de geomatica
         verenigingen:
           - naam: StuW
           - naam: Geografica
+
       - tekst: Geologie
         verenigingen:
           - naam: StuW
           - naam: Geologica
+
       - tekst: Informatica
         verenigingen:
           - naam: StuW
           - naam: Zeus WPI
           - naam: WiNA
+
       - tekst: Wiskunde
         verenigingen:
           - naam: StuW
           - naam: PRIME
           - naam: WiNA
+
   - tekst: Geneeskunde en gezondheidswetenschappen
     vraag: Welke richting?
     type: dropdown
@@ -111,36 +131,43 @@ antwoorden:
           - naam: BEAM
           - naam: BeMSA
           - naam: VBK
+
       - tekst: Geneeskunde
         verenigingen:
           - naam: StuGG - SWOP
           - naam: Vlaamse Geneeskundige Kring
           - naam: BeMSA
+
       - tekst: Lichamelijke opvoeding en de bewegingswetenschappen
         verenigingen:
           - naam: StuGG - HILO
           - naam: HILOK
           - naam: BeMSA
+
       - tekst: Audiologie
         verenigingen:
           - naam: StuGG - Stula
           - naam: VLAK
           - naam: BeMSA
+
       - tekst: Logopedie
         verenigingen:
           - naam: StuGG - Stula
           - naam: VLAK
           - naam: BeMSA
+
       - tekst: Revalidatiewetenschappen en de kinesitherapie
         verenigingen:
           - naam: StuGG - SRK
           - naam: HILOK
           - naam: BeMSA
+
       - tekst: Tandheelkunde
         verenigingen:
           - naam: StuGG - StuDent
           - naam: Dentalia
           - naam: BeMSA
+
   - tekst: Ingenieurswetenschappen en architectuur
     vraag: Welke richting?
     type: dropdown
@@ -149,39 +176,47 @@ antwoorden:
         verenigingen:
           - naam: FRiS
           - naam: Hermes
+
       - tekst: iw - Chemie
         verenigingen:
           - naam: FRiS
           - naam: Hermes
+
       - tekst: iw - Elektronica-ICT
         verenigingen:
           - naam: FRiS
           - naam: Zeus WPI
           - naam: Hermes
+
       - tekst: iw - Elektromechanica
         verenigingen:
           - naam: FRiS
           - naam: Hermes
+
       - tekst: iw - Informatica
         verenigingen:
           - naam: FRiS
           - naam: Zeus WPI
           - naam: Hermes
+
       - tekst: ir - Architectuur
         verenigingen:
           - naam: FRiS
           - naam: De loeiende koe
           - naam: VTK
+
       - tekst: ir - Bouwkunde
         verenigingen:
           - naam: FRiS
           - naam: Poutrix
           - naam: VTK
+
       - tekst: ir - Chemische technologie en materiaalkunde
         verenigingen:
           - naam: FRiS
           - naam: MaChT
           - naam: VTK
+
       - tekst: ir - Computerwetenschappen
         verenigingen:
           - naam: FRiS
@@ -189,16 +224,19 @@ antwoorden:
           - naam: IEEE Student Branch Gent
           - naam: Zeus WPI
           - naam: VTK
+
       - tekst: ir - Elektrotechniek
         verenigingen:
           - naam: FRiS
           - naam: CenEka
           - naam: IEEE Student Branch Gent
           - naam: VTK
+
       - tekst: ir - Toegepaste natuurkunde
         verenigingen:
           - naam: FRiS
           - naam: VTK
+
       - tekst: ir - Werktuigkunde-elektrotechniek
         verenigingen:
           - naam: FRiS
@@ -206,19 +244,23 @@ antwoorden:
           - naam: IEEE Student Branch Gent
           - naam: PKarus
           - naam: VTK
+
       - tekst: ir - Biomedische ingenieurstechnieken
         verenigingen:
           - naam: FRiS
           - naam: BEAM
           - naam: VTK
+          
       - tekst: iw - Industrieel ontwerpen
         verenigingen:
           - naam: FRiS
           - naam: Hermes
+
       - tekst: iw - Machine- en productieautomatisering
         verenigingen:
           - naam: FRiS
           - naam: Hermes
+
   - tekst: Economie en bedrijfskude
     vraag: Welke richting?
     type: dropdown
@@ -229,28 +271,33 @@ antwoorden:
           - naam: Capitant
           - naam: FLYSE
           - naam: VEK
+
       - tekst: Bestuurskunde en het publiek management
         verenigingen:
           - naam: Stuveco
           - naam: Moeder Lies
+
       - tekst: Economische wetenschappen
         verenigingen:
           - naam: Stuveco
           - naam: Capitant
           - naam: FLYSE
           - naam: VEK
+
       - tekst: Handelswetenschappen
         verenigingen:
           - naam: Stuveco
           - naam: Capitant
           - naam: FLYSE
           - naam: Moeder Lies
+
       - tekst: Toegepaste economische wetenschappen
         verenigingen:
           - naam: Stuveco
           - naam: Capitant
           - naam: FLYSE
           - naam: VEK
+
   - tekst: Diergeneeskunde
     vraag: Welke richting?
     type: dropdown
@@ -259,6 +306,7 @@ antwoorden:
         verenigingen:
           - naam: DSR
           - naam: VDK
+
   - tekst: Psychologie en pedagogische wetenschappen
     vraag: Welke richting?
     type: dropdown
@@ -267,30 +315,37 @@ antwoorden:
         verenigingen:
           - naam: PPSR
           - naam: VPPK
+
       - tekst: Pedagogie - Pedagogiek en onderwijskunde
         verenigingen:
           - naam: PPSR
           - naam: VPPK
+
       - tekst: Pedagogie - Sociale agogiek
         verenigingen:
           - naam: PPSR
           - naam: VPPK
+
       - tekst: Psychologie - Bedrijfspsychologie en personeelsbeleid
         verenigingen:
           - naam: PPSR
           - naam: VPPK
+
       - tekst: Psychologie - Klinische psychologie
         verenigingen:
           - naam: PPSR
           - naam: VPPK
+
       - tekst: Psychologie - onderwijs
         verenigingen:
           - naam: PPSR
           - naam: VPPK
+
       - tekst: Psychologie - Theoretische en experimentele psychologie
         verenigingen:
           - naam: PPSR
           - naam: VPPK
+
   - tekst: Bio-ingenieurswetenschappen
     vraag: Welke richting?
     type: dropdown
@@ -299,32 +354,39 @@ antwoorden:
         verenigingen:
           - naam: StuBio
           - naam: VLK
+
       - tekst: biw - cel- en genbiotechnologie
         verenigingen:
           - naam: StuBio
           - naam: VLK
+
       - tekst: biw - Chemie en voedingstechnologie
         verenigingen:
           - naam: StuBio
           - naam: VLK
+
       - tekst: biw - Landbouwkunde
         verenigingen:
           - naam: StuBio
           - naam: VLK
           - naam: Groene kring
           - naam: IAAS
+
       - tekst: biw - Land- en waterbeheer
         verenigingen:
           - naam: StuBio
           - naam: VLK
+
       - tekst: biw - Milieutechnologie
         verenigingen:
           - naam: StuBio
           - naam: VLK
+
       - tekst: Biowetenschappen
         verenigingen:
           - naam: StuBio
           - naam: LILA
+
   - tekst: Farmaceutische wetenschappen
     vraag: Welke richting?
     type: dropdown
@@ -334,6 +396,7 @@ antwoorden:
           - naam: StuFF
           - naam: GFK
           - naam: BeMSA
+
   - tekst: Politieke en sociale wetenschappen
     vraag: Welke richting?
     type: dropdown
@@ -342,10 +405,12 @@ antwoorden:
         verenigingen:
           - naam: Stura
           - naam: Politeia
+
       - tekst: Politieke wetenschappen
         verenigingen:
           - naam: Stura
           - naam: Politeia
+          
       - tekst: Sociologie
         verenigingen:
           - naam: Stura
diff --git a/content/quiz/vraag2.md b/content/quiz/vraag2.md
index 2cf6d47..2cd47ad 100644
--- a/content/quiz/vraag2.md
+++ b/content/quiz/vraag2.md
@@ -9,17 +9,22 @@ antwoorden:
       - tekst: Home Astrid
         verenigingen:
           - naam: Home Astrid
+
       - tekst: Home Fabiola
         verenigingen:
           - naam: Home Fabiola
+
       - tekst: Home Bertha
         verenigingen:
           - naam: Home Bertha
+
       - tekst: Home Boudewijn
         verenigingen:
           - naam: Home Boudewijn
+
       - tekst: Home Vermeylen
         verenigingen:
           - naam: Home Vermeylen
+          
   - tekst: Nee
 ---
\ No newline at end of file
diff --git a/content/quiz/vraag3.md b/content/quiz/vraag3.md
index 030a3d3..e6e0d7b 100644
--- a/content/quiz/vraag3.md
+++ b/content/quiz/vraag3.md
@@ -4,38 +4,49 @@ type: meerkeuze
 antwoorden:
   - tekst: Studenten die uit dezelfde streek afkomstig zijn
     vraag: Uit welke streek ben jij afkomstig?
+    type: dropdown
     antwoorden:
       - tekst: TODO
         verenigingen:
           - naam: TODO
+
   - tekst: Eender wie, onafhankelijk van interesses, studies of andere aspecten
     verenigingen:
       - naam: Moeder Theepot
+
   - tekst: Internationale studenten
     vereningingen:
       - naam: ESN
       - naam: International students association gent
+
   - tekst: Ik ben holebistudent en zou graag andere holebistudenten ontmoeten
     verenigingen:
       - naam: Verkeerd Geparkeerd
+
   - tekst: Ik heb een migratieachtergond en zou graag mensen met eenzelfde achtergrond als mezelf ontmoeten
     vraag: Je gaf aan een migratieachtergrond te hebben en graag andere studenten te ontmoeten met dezelfde achtergrond. Wat is jouw culturele achtergrond?
+    type: dropdown
     antwoorden:
       - tekst: China
         verenigingen:
           - naam: Chinese Student Organization
+
       - tekst: Armenië
         verenigingen:
           - naam: Hayasa
+
       - tekst: Indonesië
         verenigingen:
           - naam: Indonesion Students Association
+
       - tekst: Japan
         verenigingen:
         - naam: Tomo no kai
+
       - tekst: Vietnam
         verenigingen:
           - naam: Vinasag
+
       - tekst: Sub-Sahara Afrika
         verenigingen:
           - naam: Umoya
diff --git a/content/quiz/vraag4.md b/content/quiz/vraag4.md
index e673eb8..79e042c 100644
--- a/content/quiz/vraag4.md
+++ b/content/quiz/vraag4.md
@@ -7,140 +7,182 @@ antwoorden:
       - naam: FLUX
       - naam: Cultour
       - naam: Start to Talk
+
   - tekst: Archeologie
     vereniging:
       - naam: Archeologische werkgroep
+
   - tekst: Armenië
     vereniging:
       - naam: Hayasa
+
   - tekst: BDSM
     vereniging:
       - naam: Kajira
   - tekst: Consulting
+
     vereniging:
       - naam: 180 Degrees consulting
       - naam: Feunig
+
   - tekst: Dansen
     vereniging:
       - naam: GUDc
+
   - tekst: Dichtkunst en gesproken woord
     vereniging:
       - naam: Auw La
       - naam: Prometheus
+
   - tekst: Duurzaamheid
     vereniging:
       - naam: d'Urgent
+
   - tekst: Europese politiek
     vereniging:
       - naam: Minos
+
   - tekst: Evenementen helpen organiseren
     vereniging:
       - naam: 12UL
       - naam: Student Kickoff
+
   - tekst: Financiële markten
     vereniging:
       - naam: Capitant
+
   - tekst: Fotografie
     vereniging:
       - naam: Schamper
+
   - tekst: Fysica en sterrenkunde
     vereniging:
       - naam: Vereniging voor natuurkunde
+
   - tekst: Informatica
     vereniging:
       - naam: Zeus WPI
+
   - tekst: Japan
     vereniging:
       - naam: Tomo no kai
+
   - tekst: Journalistiek
     vereniging:
       - naam: Schamper
       - naam: Urgent.fm
+
   - tekst: Kritisch denken en debat
     vereniging:
       - naam: ENGAGE
       - naam: t Zal wel gaan
+
   - tekst: land- en tuinbouw
     vereniging:
       - naam: Groene Kring
       - naam: Stujardin
+
   - tekst: Lay-out
     vereniging:
       - naam: Schamper
+
   - tekst: mentale gezondheid
     vereniging:
       - naam: Start to talk
+
   - tekst: Muziek spelen
     vereniging:
       - naam: GUHO
       - naam: GUSO
       - naam: Studentenfanfare
+
   - tekst: ondernemen
     vereniging:
       - naam: FLYSE
+
   - tekst: Politiek
     vraag: Welke overtuiging?
+    type: dropdown
     antwoorden:
       - tekst: Vlaams-Nationalistisch en conservatief
         verenigingen:
           - naam: KVHV
           - naam: NSV
+
       - tekst: Antikapitalistisch
         verenigingen:
           - naam: ALS
+
       - tekst: Christendemocraat
         verenigingen:
           - naam: CDS
+
       - tekst: Zeer socialistisch
         verenigingen:
           - naam: Comac
+
       - tekst: Groen en links
         verenigingen:
           - naam: Jong Groen StuGent
+
       - tekst: Vlaams-republikeins
         verenigingen:
           - naam: Jong N-Va Ugent
+
       - tekst: Socialistisch
         verenigingen:
           - naam: Jongsocialisten StuGent
+
       - tekst: Liberaal
         verenigingen:
           - naam: LVSV
+
   - tekst: radio maken
     vereniging:
       - naam: Urgent.fm
+
   - tekst: Schilderen
     vereniging:
       - naam: Schildersatelier
+
   - tekst: Schrijven
     vereniging:
       - naam: Schamper
       - naam: Auw La
+
   - tekst: studentenvertegenwoordiging
     vereniging:
       - naam: GSR
+
   - tekst: Techniek
     vereniging:
       - naam: IEEE Student Branch Gent
       - naam: BEST
+
   - tekst: Theater
     vereniging:
       - naam: Matrak
+
   - tekst: Wereldpolitiek
     vereniging:
       - naam: VVN Youth
+
   - tekst: Wiskunde
     vereniging:
       - naam: PRIME
+
   - tekst: Zingen 
     vereniging:
       - naam: GUK
+
   - tekst: Culturele Voorstellingen bijwonen
     vereniging:
       - naam: Cultour
+
   - tekst: economie
     vereniging:
       - naam: Rethinking economics
+      
   - tekst: Illusionisme
     vereniging:
       - naam: Illusiona

From 65f84d306baf488ab0b04c87d0ffea54b432e29e Mon Sep 17 00:00:00 2001
From: Pieter-Jan Cassiman <pieterjan.cassiman@gmail.com>
Date: Fri, 28 Feb 2020 01:18:42 +0100
Subject: [PATCH 13/24] worked on quiz layout

---
 layouts/partials/question.erb | 31 ++++++++++++++++++++-----------
 layouts/quiz.erb              |  5 +----
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index 64114b5..e9d6a11 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -1,19 +1,28 @@
-<h1> <%= question[:vraag] %> </h1>
+<h2> <%= question[:vraag] %> </h2>
 <select id="<%= question[:vraag] %>">
-<% for a in question[:antwoord] %>
-    <option value="<%= a[:tekst] %>"><%= a[:tekst] %></option>
-    <% if a.key?("vraag") %>
-        <div id=<%= a[:vraag]%>>
-            <%= render '/partials/question.*', question: a  %>
+    <option value="" selected="selected disabled hidden">Maak uw keuze</option>
+    <% for answer in question[:antwoorden]%>
+        <option value="<%= answer[:tekst] %>">
+            <%= answer[:tekst] %>
+        </option>
+    <% end %>
+</select>
+<% for answer in question[:antwoorden]%>
+    <% if answer[:vraag] %>
+        <%# Should store all sub-questions with a reference to their parent question in the data-parent
+            attribute, however, these atrtibutes remain empty. %>
+        <div id=<%= answer[:vraag]%> style="display:none;" data-parent="<% question[:vraag] %>">
+            <%= render '/partials/question.*', question: answer  %>
         </div>
     <% end %>
 <% end %>
-</select>
 
 <script>
-   document.getElementById(<%= item[:vraag]%>).addEventListener('change', (event) => {
-        var tekst = event.target.value;
-        document.getElementById(<%= item[:vraag]%>)
-        <%= render '/partials/question.*' %>
+    document.getElementById("<%= question[:vraag] %>").addEventListener('change', (event) =>{
+        // find subquestions of this question and set display:initial;
+        console.log("<%= question[:vraag] %>");
+        // If the data-parent attributes would be filled, this would find the relevant sub-questions
+        // they could then be made visible again.
+        console.log(document.querySelectorAll('[data-parent="<%= question[:vraag] %>"]'));
     })
 </script>
\ No newline at end of file
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index bcc6caf..0993787 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -1,10 +1,7 @@
 <h1>Hallo</h1>
-<ul>
-<% @items.find_all("**/quiz/*").each_with_index do |quest, i| %>
+<% @items.find_all("/quiz/*").each_with_index do |quest, i| %>
     <div id="question_<%=i%>" class="question">
-        <h2> <%= quest[:vraag] %> </h2>
         <%= render '/partials/question.*', question: quest %>
     </div>
 <% end %>
-</ul>
 <%= yield %>

From 8c976c1b61d773c775e4861694689417700210d1 Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@ugent.be>
Date: Tue, 10 Mar 2020 22:49:04 +0100
Subject: [PATCH 14/24] make subquestions appear

---
 layouts/partials/question.erb | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index 0093837..253700e 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -2,7 +2,7 @@
 <select id="<%= question[:vraag] %>">
     <option value="" selected="selected disabled hidden">Maak uw keuze</option>
     <% for answer in question[:antwoorden]%>
-        <option value="<%= answer[:tekst] %>">
+        <option value='<%= answer[:tekst] + (answer[:vraag] || "") %>'>
             <%= answer[:tekst] %>
         </option>
     <% end %>
@@ -11,18 +11,31 @@
     <% if answer[:vraag] %>
         <%# Should store all sub-questions with a reference to their parent question in the data-parent
             attribute, however, these atrtibutes remain empty. %>
-        <div id=<%= answer[:vraag]%> style="display:none;" data-parent="<% question[:vraag] %>">
+        <div id='<%= answer[:tekst] + answer[:vraag] %>' style="display:none;" data-parent="<% question[:vraag] %>">
             <%= render '/partials/question.*', question: answer  %>
         </div>
     <% end %>
 <% end %>
 
 <script>
+{
+    // Create list of all subquestions
+    const sub_questions = {};
+    <% for answer in question[:antwoorden]%>
+        <% if answer[:vraag] %>
+            sub_questions['<%= answer[:tekst] + answer[:vraag] %>'] = document.getElementById('<%= answer[:tekst] + answer[:vraag] %>');
+        <% end %>
+    <% end %>
+
     document.getElementById("<%= question[:vraag] %>").addEventListener('change', (event) =>{
-        // find subquestions of this question and set display:initial;
-        console.log("<%= question[:vraag] %>");
-        // If the data-parent attributes would be filled, this would find the relevant sub-questions
-        // they could then be made visible again.
-        console.log(document.querySelectorAll('[data-parent="<%= question[:vraag] %>"]'));
-    })
+        for (let t in sub_questions) {
+            sub_questions[t].style.display = "none";
+        }
+        
+        const quest = sub_questions[event.target.value];
+        if (quest) {
+            delete quest.style.removeProperty("display");
+        }
+    });
+}
 </script>

From 47406d16108631668419749ac7c2c1243f7e230d Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@ugent.be>
Date: Wed, 11 Mar 2020 00:04:27 +0100
Subject: [PATCH 15/24] try make chosen answers global

---
 layouts/partials/question.erb | 47 ++++++++++++++++++++++++++++++-----
 layouts/quiz.erb              |  7 ++++--
 2 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index 253700e..0aaa999 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -18,24 +18,59 @@
 <% end %>
 
 <script>
-{
+(function() {
+    let last_answered = null;
+
     // Create list of all subquestions
     const sub_questions = {};
-    <% for answer in question[:antwoorden]%>
+    const question_answers = {};
+
+    <% for answer in question[:antwoorden] %>
         <% if answer[:vraag] %>
             sub_questions['<%= answer[:tekst] + answer[:vraag] %>'] = document.getElementById('<%= answer[:tekst] + answer[:vraag] %>');
         <% end %>
+
+        question_answers['<%= answer[:tekst] + (answer[:vraag] || "") %>'] = [];
+
+        <% if answer[:verenigingen] %>
+            <% for vereniging in answer[:verenigingen] %>
+                question_answers['<%= answer[:tekst] + (answer[:vraag] || "") %>'].push(
+                    '<%= vereniging[:naam] %>'
+                );
+            <% end %>
+        <% end %>
+
     <% end %>
 
-    document.getElementById("<%= question[:vraag] %>").addEventListener('change', (event) =>{
-        for (let t in sub_questions) {
-            sub_questions[t].style.display = "none";
+    console.log('<%= (question[:vraag] || "") + (question[:tekst] || "") %>');
+    console.log(question_answers);
+
+    document.getElementById("<%= question[:vraag] %>").addEventListener('change', (event) => {
+        if (last_answered && sub_questions[last_answered]) {
+            sub_questions[last_answered].style.display = "none";
         }
+
+        for (let ver of question_answers[event.target.value] || []) {
+            console.log(ver);
+            if (answer_values[ver]) {
+                answer_values[ver] += 1;
+            } else {
+                answer_values[ver] = 1;
+            }
+        }
+
+        for (let ver of question_answers[last_answered] || []) {
+            answer_values[ver] -= 1;
+        }
+
+        console.log(answer_values);
         
         const quest = sub_questions[event.target.value];
+        last_answered = event.target.value;
         if (quest) {
             delete quest.style.removeProperty("display");
         }
     });
-}
+
+})();
 </script>
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 5db28ab..68fb8c0 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -1,8 +1,11 @@
-<h1>Hallo</h1>
+
+<script>
+    const answer_values = {};
+</script>
+
 <% @items.find_all("/quiz/*").each_with_index do |quest, i| %>
     <div id="question_<%=i%>" class="question">
         <%= render '/partials/question.*', question: quest %>
     </div>
-
 <% end %>
 <%= yield %>

From 413944e396442e913efb71af2f74dc57c6bab999 Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@outlook.com>
Date: Wed, 11 Mar 2020 01:44:54 +0100
Subject: [PATCH 16/24] make answer results global

---
 layouts/partials/question.erb | 49 +++++++++++++++--------------------
 layouts/quiz.erb              | 22 +++++++++++++++-
 2 files changed, 42 insertions(+), 29 deletions(-)

diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index 0aaa999..c901a9f 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -1,5 +1,5 @@
 <h2> <%= question[:vraag] %> </h2>
-<select id="<%= question[:vraag] %>">
+<select id="<%= (question[:tekst] || "") + (question[:vraag] || "") %>_option">
     <option value="" selected="selected disabled hidden">Maak uw keuze</option>
     <% for answer in question[:antwoorden]%>
         <option value='<%= answer[:tekst] + (answer[:vraag] || "") %>'>
@@ -9,68 +9,61 @@
 </select>
 <% for answer in question[:antwoorden]%>
     <% if answer[:vraag] %>
-        <%# Should store all sub-questions with a reference to their parent question in the data-parent
-            attribute, however, these atrtibutes remain empty. %>
-        <div id='<%= answer[:tekst] + answer[:vraag] %>' style="display:none;" data-parent="<% question[:vraag] %>">
+        <div id='<%= answer[:tekst] + answer[:vraag] %>' style="display:none;">
             <%= render '/partials/question.*', question: answer  %>
         </div>
     <% end %>
 <% end %>
 
 <script>
-(function() {
+{
+    // Reference back to the last selected option
+    // This way we can 'deselect' the question results
     let last_answered = null;
 
     // Create list of all subquestions
     const sub_questions = {};
-    const question_answers = {};
+    // Create list of all student organisations this answer entails
+    const question_results = {};
 
     <% for answer in question[:antwoorden] %>
         <% if answer[:vraag] %>
             sub_questions['<%= answer[:tekst] + answer[:vraag] %>'] = document.getElementById('<%= answer[:tekst] + answer[:vraag] %>');
         <% end %>
 
-        question_answers['<%= answer[:tekst] + (answer[:vraag] || "") %>'] = [];
-
+        question_results['<%= answer[:tekst] + (answer[:vraag] || "") %>'] = [];
         <% if answer[:verenigingen] %>
             <% for vereniging in answer[:verenigingen] %>
-                question_answers['<%= answer[:tekst] + (answer[:vraag] || "") %>'].push(
+                question_results['<%= answer[:tekst] + (answer[:vraag] || "") %>'].push(
                     '<%= vereniging[:naam] %>'
                 );
             <% end %>
         <% end %>
-
     <% end %>
 
-    console.log('<%= (question[:vraag] || "") + (question[:tekst] || "") %>');
-    console.log(question_answers);
-
-    document.getElementById("<%= question[:vraag] %>").addEventListener('change', (event) => {
+    document.getElementById("<%= (question[:tekst] || "") + (question[:vraag] || "") %>_option").addEventListener('change', (event) => {
         if (last_answered && sub_questions[last_answered]) {
             sub_questions[last_answered].style.display = "none";
-        }
 
-        for (let ver of question_answers[event.target.value] || []) {
-            console.log(ver);
-            if (answer_values[ver]) {
-                answer_values[ver] += 1;
-            } else {
-                answer_values[ver] = 1;
+            // sub is the select dom element, that listens for changes
+            // When a parent is changed, it should notify it's last_answered child that it is changed
+            const sub = document.getElementById(last_answered+"_option");
+            if (sub) {
+                sub.value = null;
+                sub.dispatchEvent(new event.constructor(event.type, event));
             }
         }
 
-        for (let ver of question_answers[last_answered] || []) {
-            answer_values[ver] -= 1;
-        }
+        // Update results
+        save_answers(question_results[event.target.value] || []);
+        del_answers(question_results[last_answered] || []);
 
-        console.log(answer_values);
-        
+        // Make possible sub question visible
         const quest = sub_questions[event.target.value];
         last_answered = event.target.value;
         if (quest) {
             delete quest.style.removeProperty("display");
         }
     });
-
-})();
+}
 </script>
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 68fb8c0..63de96e 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -1,6 +1,26 @@
 
 <script>
-    const answer_values = {};
+    const _save_answers = {};
+
+    function save_answers(vers) {
+        for (let ver of vers) {
+            if (_save_answers[ver]) {
+                _save_answers[ver] += 1;
+            } else {
+                _save_answers[ver] = 1;
+            }
+        }
+
+        console.log(_save_answers);
+    }
+
+    function del_answers(vers) {
+        for (let ver of vers) {
+            _save_answers[ver] -= 1;
+        }
+
+        console.log(_save_answers);
+    }
 </script>
 
 <% @items.find_all("/quiz/*").each_with_index do |quest, i| %>

From e5ad70d00615d4df27abd21776390ab6e846a9e6 Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@outlook.com>
Date: Wed, 11 Mar 2020 01:48:02 +0100
Subject: [PATCH 17/24] update single to dubble quotes, thanks D'Urgent + fix
 vraag4 verenging -> verenigingen

---
 content/quiz/vraag4.md        | 92 +++++++++++++++++------------------
 layouts/partials/question.erb |  2 +-
 2 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/content/quiz/vraag4.md b/content/quiz/vraag4.md
index 79e042c..2114ca0 100644
--- a/content/quiz/vraag4.md
+++ b/content/quiz/vraag4.md
@@ -3,101 +3,101 @@ vraag: Wat zijn je interesses?
 type: meerkeuze
 antwoorden:
   - tekst: Andere studenten ondersteunen
-    vereniging:
+    verenigingen:
       - naam: FLUX
       - naam: Cultour
       - naam: Start to Talk
 
   - tekst: Archeologie
-    vereniging:
+    verenigingen:
       - naam: Archeologische werkgroep
 
   - tekst: Armenië
-    vereniging:
+    verenigingen:
       - naam: Hayasa
 
   - tekst: BDSM
-    vereniging:
+    verenigingen:
       - naam: Kajira
   - tekst: Consulting
 
-    vereniging:
+    verenigingen:
       - naam: 180 Degrees consulting
       - naam: Feunig
 
   - tekst: Dansen
-    vereniging:
+    verenigingen:
       - naam: GUDc
 
   - tekst: Dichtkunst en gesproken woord
-    vereniging:
+    verenigingen:
       - naam: Auw La
       - naam: Prometheus
 
   - tekst: Duurzaamheid
-    vereniging:
+    verenigingen:
       - naam: d'Urgent
 
   - tekst: Europese politiek
-    vereniging:
+    verenigingen:
       - naam: Minos
 
   - tekst: Evenementen helpen organiseren
-    vereniging:
+    verenigingen:
       - naam: 12UL
       - naam: Student Kickoff
 
   - tekst: Financiële markten
-    vereniging:
+    verenigingen:
       - naam: Capitant
 
   - tekst: Fotografie
-    vereniging:
+    verenigingen:
       - naam: Schamper
 
   - tekst: Fysica en sterrenkunde
-    vereniging:
-      - naam: Vereniging voor natuurkunde
+    verenigingen:
+      - naam: verenigingen voor natuurkunde
 
   - tekst: Informatica
-    vereniging:
+    verenigingen:
       - naam: Zeus WPI
 
   - tekst: Japan
-    vereniging:
+    verenigingen:
       - naam: Tomo no kai
 
   - tekst: Journalistiek
-    vereniging:
+    verenigingen:
       - naam: Schamper
       - naam: Urgent.fm
 
   - tekst: Kritisch denken en debat
-    vereniging:
+    verenigingen:
       - naam: ENGAGE
       - naam: t Zal wel gaan
 
   - tekst: land- en tuinbouw
-    vereniging:
+    verenigingen:
       - naam: Groene Kring
       - naam: Stujardin
 
   - tekst: Lay-out
-    vereniging:
+    verenigingen:
       - naam: Schamper
 
   - tekst: mentale gezondheid
-    vereniging:
+    verenigingen:
       - naam: Start to talk
 
   - tekst: Muziek spelen
-    vereniging:
+    verenigingen:
       - naam: GUHO
       - naam: GUSO
       - naam: Studentenfanfare
 
   - tekst: ondernemen
-    vereniging:
+    verenigingen:
       - naam: FLYSE
 
   - tekst: Politiek
@@ -105,85 +105,85 @@ antwoorden:
     type: dropdown
     antwoorden:
       - tekst: Vlaams-Nationalistisch en conservatief
-        verenigingen:
+        verenigingenen:
           - naam: KVHV
           - naam: NSV
 
       - tekst: Antikapitalistisch
-        verenigingen:
+        verenigingenen:
           - naam: ALS
 
       - tekst: Christendemocraat
-        verenigingen:
+        verenigingenen:
           - naam: CDS
 
       - tekst: Zeer socialistisch
-        verenigingen:
+        verenigingenen:
           - naam: Comac
 
       - tekst: Groen en links
-        verenigingen:
+        verenigingenen:
           - naam: Jong Groen StuGent
 
       - tekst: Vlaams-republikeins
-        verenigingen:
+        verenigingenen:
           - naam: Jong N-Va Ugent
 
       - tekst: Socialistisch
-        verenigingen:
+        verenigingenen:
           - naam: Jongsocialisten StuGent
 
       - tekst: Liberaal
-        verenigingen:
+        verenigingenen:
           - naam: LVSV
 
   - tekst: radio maken
-    vereniging:
+    verenigingen:
       - naam: Urgent.fm
 
   - tekst: Schilderen
-    vereniging:
+    verenigingen:
       - naam: Schildersatelier
 
   - tekst: Schrijven
-    vereniging:
+    verenigingen:
       - naam: Schamper
       - naam: Auw La
 
   - tekst: studentenvertegenwoordiging
-    vereniging:
+    verenigingen:
       - naam: GSR
 
   - tekst: Techniek
-    vereniging:
+    verenigingen:
       - naam: IEEE Student Branch Gent
       - naam: BEST
 
   - tekst: Theater
-    vereniging:
+    verenigingen:
       - naam: Matrak
 
   - tekst: Wereldpolitiek
-    vereniging:
+    verenigingen:
       - naam: VVN Youth
 
   - tekst: Wiskunde
-    vereniging:
+    verenigingen:
       - naam: PRIME
 
-  - tekst: Zingen 
-    vereniging:
+  - tekst: Zingen
+    verenigingen:
       - naam: GUK
 
   - tekst: Culturele Voorstellingen bijwonen
-    vereniging:
+    verenigingen:
       - naam: Cultour
 
   - tekst: economie
-    vereniging:
+    verenigingen:
       - naam: Rethinking economics
-      
+
   - tekst: Illusionisme
-    vereniging:
+    verenigingen:
       - naam: Illusiona
----
\ No newline at end of file
+---
diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index c901a9f..797cfcd 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -35,7 +35,7 @@
         <% if answer[:verenigingen] %>
             <% for vereniging in answer[:verenigingen] %>
                 question_results['<%= answer[:tekst] + (answer[:vraag] || "") %>'].push(
-                    '<%= vereniging[:naam] %>'
+                    "<%= vereniging[:naam] %>"
                 );
             <% end %>
         <% end %>

From 6c537c229d80233bbdd8bf719bfa26ba8eda21d7 Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@outlook.com>
Date: Wed, 11 Mar 2020 15:34:50 +0100
Subject: [PATCH 18/24] add support for multiple choice questions

---
 layouts/partials/question.erb | 36 ++++++++++++++++++++---------------
 layouts/quiz.erb              | 20 +++++++++++++++++--
 2 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index 797cfcd..b0c451c 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -1,5 +1,6 @@
 <h2> <%= question[:vraag] %> </h2>
-<select id="<%= (question[:tekst] || "") + (question[:vraag] || "") %>_option">
+<select <% if question[:type] == "meerkeuze" %> multiple="multiple" <% end %>
+    id="<%= (question[:tekst] || "") + (question[:vraag] || "") %>_option">
     <option value="" selected="selected disabled hidden">Maak uw keuze</option>
     <% for answer in question[:antwoorden]%>
         <option value='<%= answer[:tekst] + (answer[:vraag] || "") %>'>
@@ -19,7 +20,7 @@
 {
     // Reference back to the last selected option
     // This way we can 'deselect' the question results
-    let last_answered = null;
+    let last_answered = [];
 
     // Create list of all subquestions
     const sub_questions = {};
@@ -42,26 +43,31 @@
     <% end %>
 
     document.getElementById("<%= (question[:tekst] || "") + (question[:vraag] || "") %>_option").addEventListener('change', (event) => {
-        if (last_answered && sub_questions[last_answered]) {
-            sub_questions[last_answered].style.display = "none";
+        for (let la of last_answered) {
+            if (sub_questions[la]) {
+                sub_questions[la].style.display = "none";
 
-            // sub is the select dom element, that listens for changes
-            // When a parent is changed, it should notify it's last_answered child that it is changed
-            const sub = document.getElementById(last_answered+"_option");
-            if (sub) {
-                sub.value = null;
-                sub.dispatchEvent(new event.constructor(event.type, event));
+                // sub is the select dom element, that listens for changes
+                // When a parent is changed, it should notify it's last_answered child that it is changed
+                const sub = document.getElementById(la+"_option");
+                if (sub) {
+                    sub.value = null;
+                    sub.dispatchEvent(new event.constructor(event.type, event));
+                }
             }
         }
 
+        const selected = getSelectValues(event.target);
+
         // Update results
-        save_answers(question_results[event.target.value] || []);
-        del_answers(question_results[last_answered] || []);
+        save_answers(selected.flatMap(e => question_results[e] || []));
+        del_answers(last_answered.flatMap(e => question_results[e] || []));
+        print_answers();
 
         // Make possible sub question visible
-        const quest = sub_questions[event.target.value];
-        last_answered = event.target.value;
-        if (quest) {
+        const quests = selected.flatMap(e => sub_questions[e] || []);
+        last_answered = selected;
+        for (let quest of quests) {
             delete quest.style.removeProperty("display");
         }
     });
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 63de96e..1085d90 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -10,8 +10,6 @@
                 _save_answers[ver] = 1;
             }
         }
-
-        console.log(_save_answers);
     }
 
     function del_answers(vers) {
@@ -19,8 +17,26 @@
             _save_answers[ver] -= 1;
         }
 
+    }
+
+    function print_answers() {
         console.log(_save_answers);
     }
+
+  function getSelectValues(select) {
+    var result = [];
+    var options = select && select.options;
+    var opt;
+
+    for (var i=0, iLen=options.length; i<iLen; i++) {
+        opt = options[i];
+
+        if (opt.selected) {
+        result.push(opt.value || opt.text);
+        }
+    }
+    return result;
+    }
 </script>
 
 <% @items.find_all("/quiz/*").each_with_index do |quest, i| %>

From 0c5847f245826ffb48e9a94cdbf01d8ceec412b0 Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@outlook.com>
Date: Thu, 19 Mar 2020 21:02:18 +0100
Subject: [PATCH 19/24] add id field to vereniging en konventen

---
 content/konventen/hk.md                     | 1 +
 content/konventen/ik.md                     | 1 +
 content/konventen/kultk.md                  | 1 +
 content/konventen/pfk.md                    | 1 +
 content/konventen/sk.md                     | 1 +
 content/konventen/test.md                   | 1 +
 content/konventen/wvk.md                    | 1 +
 content/verenigingen/ab.md                  | 1 +
 content/verenigingen/aiesec.md              | 1 +
 content/verenigingen/als.md                 | 1 +
 content/verenigingen/aorkest.md             | 1 +
 content/verenigingen/astrid.md              | 1 +
 content/verenigingen/auwla.md               | 1 +
 content/verenigingen/aw.md                  | 1 +
 content/verenigingen/b2s.md                 | 1 +
 content/verenigingen/beam.md                | 1 +
 content/verenigingen/bemsa.md               | 1 +
 content/verenigingen/bertha.md              | 1 +
 content/verenigingen/best.md                | 1 +
 content/verenigingen/boudewijn.md           | 1 +
 content/verenigingen/buk.md                 | 1 +
 content/verenigingen/capitant.md            | 1 +
 content/verenigingen/cds.md                 | 1 +
 content/verenigingen/ceneka.md              | 1 +
 content/verenigingen/chemica.md             | 1 +
 content/verenigingen/chisag.md              | 1 +
 content/verenigingen/comac.md               | 1 +
 content/verenigingen/deliria.md             | 1 +
 content/verenigingen/dentalia.md            | 1 +
 content/verenigingen/dijlebrassers.md       | 1 +
 content/verenigingen/dionysus.md            | 1 +
 content/verenigingen/dlk.md                 | 1 +
 content/verenigingen/domper.md              | 1 +
 content/verenigingen/durfdoen.md            | 1 +
 content/verenigingen/egmont.md              | 1 +
 content/verenigingen/engage.md              | 1 +
 content/verenigingen/esn.md                 | 1 +
 content/verenigingen/extern.md              | 1 +
 content/verenigingen/fabiola.md             | 1 +
 content/verenigingen/fbw.md                 | 1 +
 content/verenigingen/fde.md                 | 1 +
 content/verenigingen/feunig.md              | 1 +
 content/verenigingen/filologica.md          | 1 +
 content/verenigingen/fk.md                  | 1 +
 content/verenigingen/flyse.md               | 1 +
 content/verenigingen/fotoklas.md            | 1 +
 content/verenigingen/fre.md                 | 1 +
 content/verenigingen/fris.md                | 1 +
 content/verenigingen/gbk.md                 | 1 +
 content/verenigingen/geeraard.md            | 1 +
 content/verenigingen/geografi.md            | 1 +
 content/verenigingen/geologic.md            | 1 +
 content/verenigingen/gfk.md                 | 1 +
 content/verenigingen/gk.md                  | 1 +
 content/verenigingen/gps.md                 | 1 +
 content/verenigingen/gsc.md                 | 1 +
 content/verenigingen/gsr.md                 | 1 +
 content/verenigingen/gudc.md                | 1 +
 content/verenigingen/guho.md                | 1 +
 content/verenigingen/guk.md                 | 1 +
 content/verenigingen/guso.md                | 1 +
 content/verenigingen/hayasa.md              | 1 +
 content/verenigingen/hermes.md              | 1 +
 content/verenigingen/hilok.md               | 1 +
 content/verenigingen/iaas.md                | 1 +
 content/verenigingen/ieee.md                | 1 +
 content/verenigingen/indosag.md             | 1 +
 content/verenigingen/internia.md            | 1 +
 content/verenigingen/isag.md                | 1 +
 content/verenigingen/isha.md                | 1 +
 content/verenigingen/jef.md                 | 1 +
 content/verenigingen/jgroen.md              | 1 +
 content/verenigingen/jongnva.md             | 1 +
 content/verenigingen/js.md                  | 1 +
 content/verenigingen/kajira.md              | 1 +
 content/verenigingen/khk.md                 | 1 +
 content/verenigingen/kk.md                  | 1 +
 content/verenigingen/kmf.md                 | 1 +
 content/verenigingen/kvhv.md                | 1 +
 content/verenigingen/laetitia.md            | 1 +
 content/verenigingen/lies.md                | 1 +
 content/verenigingen/lila.md                | 1 +
 content/verenigingen/limburgia.md           | 1 +
 content/verenigingen/lombro.md              | 1 +
 content/verenigingen/lvsv.md                | 1 +
 content/verenigingen/macht.md               | 1 +
 content/verenigingen/matrak.md              | 1 +
 content/verenigingen/mcantus.md             | 1 +
 content/verenigingen/meetjesland.md         | 1 +
 content/verenigingen/minos.md               | 1 +
 content/verenigingen/nsv.md                 | 1 +
 content/verenigingen/nzs.md                 | 1 +
 content/verenigingen/oak.md                 | 1 +
 content/verenigingen/oedc.md                | 1 +
 content/verenigingen/oilsjterse.md          | 1 +
 content/verenigingen/pkarus.md              | 1 +
 content/verenigingen/politeia.md            | 1 +
 content/verenigingen/poutrix.md             | 1 +
 content/verenigingen/ppsr.md                | 1 +
 content/verenigingen/prime.md               | 1 +
 content/verenigingen/prometheus.md          | 1 +
 content/verenigingen/rodenbach.md           | 1 +
 content/verenigingen/rvb.md                 | 1 +
 content/verenigingen/scaldis.md             | 1 +
 content/verenigingen/schamper.md            | 1 +
 content/verenigingen/schilder.md            | 1 +
 content/verenigingen/sda.md                 | 1 +
 content/verenigingen/sense.md               | 1 +
 content/verenigingen/sf.md                  | 1 +
 content/verenigingen/slavia.md              | 1 +
 content/verenigingen/stropke.md             | 1 +
 content/verenigingen/stuart.md              | 1 +
 content/verenigingen/stuff.md               | 1 +
 content/verenigingen/stugg.md               | 1 +
 content/verenigingen/stujardin.md           | 1 +
 content/verenigingen/stura.md               | 1 +
 content/verenigingen/stuveco.md             | 1 +
 content/verenigingen/stuw.md                | 1 +
 content/verenigingen/temp.md                | 1 +
 content/verenigingen/theepot.md             | 1 +
 content/verenigingen/tnok.md                | 1 +
 content/verenigingen/tzal.md                | 1 +
 content/verenigingen/ugent.md               | 1 +
 content/verenigingen/ugent1010.md           | 1 +
 content/verenigingen/ugentmun.md            | 1 +
 content/verenigingen/urgent.md              | 1 +
 content/verenigingen/vbk.md                 | 1 +
 content/verenigingen/vdk.md                 | 1 +
 content/verenigingen/vek.md                 | 1 +
 content/verenigingen/verkeerd-geparkeerd.md | 1 +
 content/verenigingen/vermeyl.md             | 1 +
 content/verenigingen/veto.md                | 1 +
 content/verenigingen/vg.md                  | 1 +
 content/verenigingen/vgkfgen.md             | 1 +
 content/verenigingen/vgkflwi.md             | 1 +
 content/verenigingen/vinasag.md             | 1 +
 content/verenigingen/vlak.md                | 1 +
 content/verenigingen/vlk.md                 | 1 +
 content/verenigingen/vppk.md                | 1 +
 content/verenigingen/vrg.md                 | 1 +
 content/verenigingen/vtk.md                 | 1 +
 content/verenigingen/vvn.md                 | 1 +
 content/verenigingen/vvny.md                | 1 +
 content/verenigingen/wase.md                | 1 +
 content/verenigingen/westlandia.md          | 1 +
 content/verenigingen/wielke.md              | 1 +
 content/verenigingen/wina.md                | 1 +
 content/verenigingen/zeus.md                | 1 +
 148 files changed, 148 insertions(+)

diff --git a/content/konventen/hk.md b/content/konventen/hk.md
index cb22851..138de19 100644
--- a/content/konventen/hk.md
+++ b/content/konventen/hk.md
@@ -1,5 +1,6 @@
 ---
 titel: Home Konvent
+id: hk
 naam: Home Konvent
 konvent: hk
 themas:
diff --git a/content/konventen/ik.md b/content/konventen/ik.md
index a8b6c02..754b2d2 100644
--- a/content/konventen/ik.md
+++ b/content/konventen/ik.md
@@ -1,5 +1,6 @@
 ---
 titel: Internationaal Konvent
+id: ik
 naam: Internationaal Konvent
 konvent: ik
 ---
\ No newline at end of file
diff --git a/content/konventen/kultk.md b/content/konventen/kultk.md
index afdc60a..36e74f8 100644
--- a/content/konventen/kultk.md
+++ b/content/konventen/kultk.md
@@ -1,5 +1,6 @@
 ---
 titel: Kultureel Konvent
+id: kultk
 naam: Kultureel Konvent
 konvent: kultk
 themas:
diff --git a/content/konventen/pfk.md b/content/konventen/pfk.md
index ed15c81..408a547 100644
--- a/content/konventen/pfk.md
+++ b/content/konventen/pfk.md
@@ -1,5 +1,6 @@
 ---
 titel: Politiek en Filosofisch Konvent
+id: pfk
 naam: Politiek en Filosofisch Konvent
 konvent: pfk
 themas:
diff --git a/content/konventen/sk.md b/content/konventen/sk.md
index fa769f7..744c25f 100644
--- a/content/konventen/sk.md
+++ b/content/konventen/sk.md
@@ -1,5 +1,6 @@
 ---
 titel: Senioren Konvent
+id: sk
 naam: Senioren Konvent
 konvent: sk
 themas:
diff --git a/content/konventen/test.md b/content/konventen/test.md
index eaff9a9..5f2b38d 100644
--- a/content/konventen/test.md
+++ b/content/konventen/test.md
@@ -1,5 +1,6 @@
 ---
 titel: test konvent
+id: test
 naam: test konvent
 logo: placeholder.png
 contact: some_email@some_domain.com
diff --git a/content/konventen/wvk.md b/content/konventen/wvk.md
index 3c6406d..7ce75c4 100644
--- a/content/konventen/wvk.md
+++ b/content/konventen/wvk.md
@@ -1,5 +1,6 @@
 ---
 titel: Werkgroepen & Verenigingen Konvent
+id: wvk
 naam: Werkgroepen & Verenigingen Konvent
 konvent: wvk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/ab.md b/content/verenigingen/ab.md
index e93f760..a7a8fa5 100644
--- a/content/verenigingen/ab.md
+++ b/content/verenigingen/ab.md
@@ -1,5 +1,6 @@
 ---
 titel: Antwerpen Boven
+id: ab
 naam: Antwerpen Boven
 konvent: sk
 themas:
diff --git a/content/verenigingen/aiesec.md b/content/verenigingen/aiesec.md
index 3f3c1e7..49c7be5 100644
--- a/content/verenigingen/aiesec.md
+++ b/content/verenigingen/aiesec.md
@@ -1,5 +1,6 @@
 ---
 titel: AIESEC
+id: aiesec
 naam: AIESEC
 konvent: ik
 themas:
diff --git a/content/verenigingen/als.md b/content/verenigingen/als.md
index b013c8b..0353048 100644
--- a/content/verenigingen/als.md
+++ b/content/verenigingen/als.md
@@ -1,5 +1,6 @@
 ---
 titel: Actief Linkse Studenten
+id: als
 naam: Actief Linkse Studenten
 konvent: pfk
 themas:
diff --git a/content/verenigingen/aorkest.md b/content/verenigingen/aorkest.md
index abb28b7..9ff9ef2 100644
--- a/content/verenigingen/aorkest.md
+++ b/content/verenigingen/aorkest.md
@@ -1,5 +1,6 @@
 ---
 titel: Alumni Orkest
+id: aorkest
 naam: Alumni Orkest
 konvent: gsr
 ---
\ No newline at end of file
diff --git a/content/verenigingen/astrid.md b/content/verenigingen/astrid.md
index 3f8b400..f97390a 100644
--- a/content/verenigingen/astrid.md
+++ b/content/verenigingen/astrid.md
@@ -1,5 +1,6 @@
 ---
 titel: Home Astrid
+id: astrid
 naam: Home Astrid
 konvent: hk
 themas:
diff --git a/content/verenigingen/auwla.md b/content/verenigingen/auwla.md
index a6b69ce..cdfd409 100644
--- a/content/verenigingen/auwla.md
+++ b/content/verenigingen/auwla.md
@@ -1,5 +1,6 @@
 ---
 titel: Auw La
+id: auwla
 naam: Auw La
 konvent: kultk
 themas:
diff --git a/content/verenigingen/aw.md b/content/verenigingen/aw.md
index a2dfcc8..51593ad 100644
--- a/content/verenigingen/aw.md
+++ b/content/verenigingen/aw.md
@@ -1,5 +1,6 @@
 ---
 titel: Archeologische Werkgroep
+id: aw
 naam: Archeologische Werkgroep
 konvent: wvk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/b2s.md b/content/verenigingen/b2s.md
index f701962..22d5a0b 100644
--- a/content/verenigingen/b2s.md
+++ b/content/verenigingen/b2s.md
@@ -1,5 +1,6 @@
 ---
 titel: Business2Students
+id: b2s
 naam: Business2Students
 konvent: wvk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/beam.md b/content/verenigingen/beam.md
index f5d57f0..0f42cb2 100644
--- a/content/verenigingen/beam.md
+++ b/content/verenigingen/beam.md
@@ -1,5 +1,6 @@
 ---
 titel: BEAM
+id: beam
 naam: BEAM
 konvent: wvk
 themas:
diff --git a/content/verenigingen/bemsa.md b/content/verenigingen/bemsa.md
index 463443a..bc92af3 100644
--- a/content/verenigingen/bemsa.md
+++ b/content/verenigingen/bemsa.md
@@ -1,5 +1,6 @@
 ---
 titel: BeMSA
+id: bemsa
 naam: BeMSA
 konvent: wvk
 themas:
diff --git a/content/verenigingen/bertha.md b/content/verenigingen/bertha.md
index 3814b19..c27bc2e 100644
--- a/content/verenigingen/bertha.md
+++ b/content/verenigingen/bertha.md
@@ -1,5 +1,6 @@
 ---
 titel: Home Bertha de Vriese
+id: bertha
 naam: Home Bertha de Vriese
 konvent: hk
 themas:
diff --git a/content/verenigingen/best.md b/content/verenigingen/best.md
index 32fa98c..8377e60 100644
--- a/content/verenigingen/best.md
+++ b/content/verenigingen/best.md
@@ -1,5 +1,6 @@
 ---
 titel: Board of European Students of Technology Ghent
+id: best
 naam: Board of European Students of Technology Ghent
 konvent: ik
 themas:
diff --git a/content/verenigingen/boudewijn.md b/content/verenigingen/boudewijn.md
index 3005352..69b8585 100644
--- a/content/verenigingen/boudewijn.md
+++ b/content/verenigingen/boudewijn.md
@@ -1,5 +1,6 @@
 ---
 titel: Home Boudewijn
+id: boudewijn
 naam: Home Boudewijn
 konvent: hk
 themas:
diff --git a/content/verenigingen/buk.md b/content/verenigingen/buk.md
index 42d4bf4..dd6f00c 100644
--- a/content/verenigingen/buk.md
+++ b/content/verenigingen/buk.md
@@ -1,5 +1,6 @@
 ---
 titel: Brugse Universitaire Kring
+id: buk
 naam: Brugse Universitaire Kring
 konvent: sk
 themas:
diff --git a/content/verenigingen/capitant.md b/content/verenigingen/capitant.md
index 8ce65d3..0533539 100644
--- a/content/verenigingen/capitant.md
+++ b/content/verenigingen/capitant.md
@@ -1,5 +1,6 @@
 ---
 titel: Capitant Gent
+id: capitant
 naam: Capitant Gent
 konvent: wvk
 themas:
diff --git a/content/verenigingen/cds.md b/content/verenigingen/cds.md
index d694e4e..1c92b0a 100644
--- a/content/verenigingen/cds.md
+++ b/content/verenigingen/cds.md
@@ -1,5 +1,6 @@
 ---
 titel: CDS
+id: cds
 naam: CDS
 konvent: pfk
 website: http://www.cdsnationaal.be/
diff --git a/content/verenigingen/ceneka.md b/content/verenigingen/ceneka.md
index e388b69..26f7f68 100644
--- a/content/verenigingen/ceneka.md
+++ b/content/verenigingen/ceneka.md
@@ -1,5 +1,6 @@
 ---
 titel: CenEka
+id: ceneka
 naam: CenEka
 konvent: wvk
 themas:
diff --git a/content/verenigingen/chemica.md b/content/verenigingen/chemica.md
index 98a2021..8386efa 100644
--- a/content/verenigingen/chemica.md
+++ b/content/verenigingen/chemica.md
@@ -1,5 +1,6 @@
 ---
 titel: Chemica
+id: chemica
 naam: Chemica
 konvent: fk
 themas:
diff --git a/content/verenigingen/chisag.md b/content/verenigingen/chisag.md
index e98107b..d901142 100644
--- a/content/verenigingen/chisag.md
+++ b/content/verenigingen/chisag.md
@@ -1,5 +1,6 @@
 ---
 titel: ChiSAG
+id: chisag
 naam: ChiSAG
 konvent: ik
 themas:
diff --git a/content/verenigingen/comac.md b/content/verenigingen/comac.md
index 5da83fa..8be5426 100644
--- a/content/verenigingen/comac.md
+++ b/content/verenigingen/comac.md
@@ -1,5 +1,6 @@
 ---
 titel: Comac
+id: comac
 naam: Comac
 konvent: pfk
 themas:
diff --git a/content/verenigingen/deliria.md b/content/verenigingen/deliria.md
index df86a25..d800f32 100644
--- a/content/verenigingen/deliria.md
+++ b/content/verenigingen/deliria.md
@@ -1,5 +1,6 @@
 ---
 titel: Deliria
+id: deliria
 naam: Deliria
 konvent: sk
 themas:
diff --git a/content/verenigingen/dentalia.md b/content/verenigingen/dentalia.md
index 6317a9d..7cbfa57 100644
--- a/content/verenigingen/dentalia.md
+++ b/content/verenigingen/dentalia.md
@@ -1,5 +1,6 @@
 ---
 titel: Dentalia
+id: dentalia
 naam: Dentalia
 konvent: fk
 themas:
diff --git a/content/verenigingen/dijlebrassers.md b/content/verenigingen/dijlebrassers.md
index cdd636c..4d39cec 100644
--- a/content/verenigingen/dijlebrassers.md
+++ b/content/verenigingen/dijlebrassers.md
@@ -1,5 +1,6 @@
 ---
 titel: HSC De Dijlebrassers
+id: dijlebrassers
 naam: HSC De Dijlebrassers
 konvent: sk
 themas:
diff --git a/content/verenigingen/dionysus.md b/content/verenigingen/dionysus.md
index 3ad739f..091e63b 100644
--- a/content/verenigingen/dionysus.md
+++ b/content/verenigingen/dionysus.md
@@ -1,5 +1,6 @@
 ---
 titel: Dionysus
+id: dionysus
 naam: Dionysus
 konvent: sk
 themas:
diff --git a/content/verenigingen/dlk.md b/content/verenigingen/dlk.md
index 75062f8..d6b2943 100644
--- a/content/verenigingen/dlk.md
+++ b/content/verenigingen/dlk.md
@@ -1,5 +1,6 @@
 ---
 titel: De Loeiende Koe
+id: dlk
 naam: De Loeiende Koe
 konvent: wvk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/domper.md b/content/verenigingen/domper.md
index bff21f7..5509890 100644
--- a/content/verenigingen/domper.md
+++ b/content/verenigingen/domper.md
@@ -1,5 +1,6 @@
 ---
 titel: Moeder Domper
+id: domper
 naam: Moeder Domper
 konvent: sk
 themas:
diff --git a/content/verenigingen/durfdoen.md b/content/verenigingen/durfdoen.md
index a9d2a4a..64e50ba 100644
--- a/content/verenigingen/durfdoen.md
+++ b/content/verenigingen/durfdoen.md
@@ -1,5 +1,6 @@
 ---
 titel: Durf Doen
+id: durfdoen
 naam: Durf Doen
 konvent: gsr
 ---
\ No newline at end of file
diff --git a/content/verenigingen/egmont.md b/content/verenigingen/egmont.md
index 9f9e9f8..37608f0 100644
--- a/content/verenigingen/egmont.md
+++ b/content/verenigingen/egmont.md
@@ -1,5 +1,6 @@
 ---
 titel: Moeder Egmont
+id: egmont
 naam: Moeder Egmont
 konvent: sk
 themas:
diff --git a/content/verenigingen/engage.md b/content/verenigingen/engage.md
index f48e772..c52a52b 100644
--- a/content/verenigingen/engage.md
+++ b/content/verenigingen/engage.md
@@ -1,5 +1,6 @@
 ---
 titel: ENGAGE
+id: engage
 naam: ENGAGE
 konvent: wvk
 themes:
diff --git a/content/verenigingen/esn.md b/content/verenigingen/esn.md
index 9b23468..e0aaa23 100644
--- a/content/verenigingen/esn.md
+++ b/content/verenigingen/esn.md
@@ -1,5 +1,6 @@
 ---
 titel: ESN
+id: esn
 naam: Erasmus Student Network
 themas:
   -  diversiteit
diff --git a/content/verenigingen/extern.md b/content/verenigingen/extern.md
index 76cd42f..449ab1a 100644
--- a/content/verenigingen/extern.md
+++ b/content/verenigingen/extern.md
@@ -1,5 +1,6 @@
 ---
 titel: Extern
+id: extern
 naam: Extern
 konvent: dsa
 ---
\ No newline at end of file
diff --git a/content/verenigingen/fabiola.md b/content/verenigingen/fabiola.md
index 62dc24b..764201a 100644
--- a/content/verenigingen/fabiola.md
+++ b/content/verenigingen/fabiola.md
@@ -1,5 +1,6 @@
 ---
 titel: Home Fabiola
+id: fabiola
 naam: Home Fabiola
 konvent: hk
 themas:
diff --git a/content/verenigingen/fbw.md b/content/verenigingen/fbw.md
index 0bc18a2..a37fcec 100644
--- a/content/verenigingen/fbw.md
+++ b/content/verenigingen/fbw.md
@@ -1,5 +1,6 @@
 ---
 titel: Faculteitsraad Bio-ingenieurswetenschappen
+id: fbw
 naam: Faculteitsraad Bio-ingenieurswetenschappen
 konvent: gsr
 ---
\ No newline at end of file
diff --git a/content/verenigingen/fde.md b/content/verenigingen/fde.md
index 66ad044..e81252a 100644
--- a/content/verenigingen/fde.md
+++ b/content/verenigingen/fde.md
@@ -1,5 +1,6 @@
 ---
 titel: Studentenraad Dierengeneeskunde
+id: fde
 naam: Studentenraad Dierengeneeskunde
 konvent: gsr
 ---
\ No newline at end of file
diff --git a/content/verenigingen/feunig.md b/content/verenigingen/feunig.md
index 0bbd01e..1940581 100644
--- a/content/verenigingen/feunig.md
+++ b/content/verenigingen/feunig.md
@@ -1,5 +1,6 @@
 ---
 titel: Feunig
+id: feunig
 naam: Feunig
 konvent: wvk
 themas:
diff --git a/content/verenigingen/filologica.md b/content/verenigingen/filologica.md
index 0d37dec..64d7cbd 100644
--- a/content/verenigingen/filologica.md
+++ b/content/verenigingen/filologica.md
@@ -1,5 +1,6 @@
 ---
 titel: Filologica
+id: filologica
 naam: Filologica
 konvent: fk
 themas:
diff --git a/content/verenigingen/fk.md b/content/verenigingen/fk.md
index 043cd9f..da9d56b 100644
--- a/content/verenigingen/fk.md
+++ b/content/verenigingen/fk.md
@@ -1,5 +1,6 @@
 ---
 titel: FaculteitenKonvent Gent vzw
+id: fk
 naam: FaculteitenKonvent Gent vzw
 konvent: fk
 themas:
diff --git a/content/verenigingen/flyse.md b/content/verenigingen/flyse.md
index f370263..2fbd291 100644
--- a/content/verenigingen/flyse.md
+++ b/content/verenigingen/flyse.md
@@ -1,5 +1,6 @@
 ---
 titel: FLYSE
+id: flyse
 naam: FLYSE
 konvent: wvk
 themas:
diff --git a/content/verenigingen/fotoklas.md b/content/verenigingen/fotoklas.md
index 49292ce..3778e34 100644
--- a/content/verenigingen/fotoklas.md
+++ b/content/verenigingen/fotoklas.md
@@ -1,5 +1,6 @@
 ---
 titel: Fotoklas
+id: fotoklas
 naam: Fotoklas
 konvent: kultk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/fre.md b/content/verenigingen/fre.md
index f709203..69ba793 100644
--- a/content/verenigingen/fre.md
+++ b/content/verenigingen/fre.md
@@ -1,5 +1,6 @@
 ---
 titel: Facultaire studentenraad rechtsgeleerdheid
+id: fre
 naam: Facultaire studentenraad rechtsgeleerdheid
 konvent: gsr
 ---
\ No newline at end of file
diff --git a/content/verenigingen/fris.md b/content/verenigingen/fris.md
index 1819bef..6a8af8f 100644
--- a/content/verenigingen/fris.md
+++ b/content/verenigingen/fris.md
@@ -1,5 +1,6 @@
 ---
 titel: Faculteitsraad Ingenieurswetenschappen en Architectuur
+id: fris
 naam: Faculteitsraad Ingenieurswetenschappen en Architectuur
 konvent: gsr
 themes:
diff --git a/content/verenigingen/gbk.md b/content/verenigingen/gbk.md
index 9ee44ac..f9f7dde 100644
--- a/content/verenigingen/gbk.md
+++ b/content/verenigingen/gbk.md
@@ -1,5 +1,6 @@
 ---
 titel: Gentse Biologische Kring
+id: gbk
 naam: Gentse Biologische Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/geeraard.md b/content/verenigingen/geeraard.md
index f5b7a26..9f81669 100644
--- a/content/verenigingen/geeraard.md
+++ b/content/verenigingen/geeraard.md
@@ -1,5 +1,6 @@
 ---
 titel: Geeraard
+id: geeraard
 naam: Geeraard
 konvent: sk
 themas:
diff --git a/content/verenigingen/geografi.md b/content/verenigingen/geografi.md
index ed6df07..3f204fa 100644
--- a/content/verenigingen/geografi.md
+++ b/content/verenigingen/geografi.md
@@ -1,5 +1,6 @@
 ---
 titel: Geografica
+id: geografi
 naam: Geografica
 konvent: fk
 themas:
diff --git a/content/verenigingen/geologic.md b/content/verenigingen/geologic.md
index d393861..46390f9 100644
--- a/content/verenigingen/geologic.md
+++ b/content/verenigingen/geologic.md
@@ -1,5 +1,6 @@
 ---
 titel: Geologica
+id: geologic
 naam: Geologica
 konvent: fk
 themas:
diff --git a/content/verenigingen/gfk.md b/content/verenigingen/gfk.md
index 0e40dfc..e2b29ce 100644
--- a/content/verenigingen/gfk.md
+++ b/content/verenigingen/gfk.md
@@ -1,5 +1,6 @@
 ---
 titel: Gentse Farma Kring
+id: gfk
 naam: Gentse Farma Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/gk.md b/content/verenigingen/gk.md
index 3a6353f..d86e9b6 100644
--- a/content/verenigingen/gk.md
+++ b/content/verenigingen/gk.md
@@ -1,5 +1,6 @@
 ---
 titel: Groene Kring
+id: gk
 naam: Groene Kring
 konvent: wvk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/gps.md b/content/verenigingen/gps.md
index 371d3d7..483b829 100644
--- a/content/verenigingen/gps.md
+++ b/content/verenigingen/gps.md
@@ -1,5 +1,6 @@
 ---
 titel: GPS
+id: gps
 naam: GPS
 konvent: pfk
 themas:
diff --git a/content/verenigingen/gsc.md b/content/verenigingen/gsc.md
index 01bb8c8..0498e60 100644
--- a/content/verenigingen/gsc.md
+++ b/content/verenigingen/gsc.md
@@ -1,5 +1,6 @@
 ---
 titel: Ghent Students Club
+id: gsc
 naam: Ghent Students Club
 konvent: ik
 ---
\ No newline at end of file
diff --git a/content/verenigingen/gsr.md b/content/verenigingen/gsr.md
index cd3fe55..cc6f4ca 100644
--- a/content/verenigingen/gsr.md
+++ b/content/verenigingen/gsr.md
@@ -1,5 +1,6 @@
 ---
 titel: Gentse Studentenraad
+id: gsr
 naam: Gentse Studentenraad
 konvent: gsr
 themes:
diff --git a/content/verenigingen/gudc.md b/content/verenigingen/gudc.md
index ee92993..cfb0485 100644
--- a/content/verenigingen/gudc.md
+++ b/content/verenigingen/gudc.md
@@ -1,5 +1,6 @@
 ---
 titel: GUDc
+id: gudc
 naam: GUDc
 konvent: kultk
 themas:
diff --git a/content/verenigingen/guho.md b/content/verenigingen/guho.md
index f85b0ed..2ee07ed 100644
--- a/content/verenigingen/guho.md
+++ b/content/verenigingen/guho.md
@@ -1,5 +1,6 @@
 ---
 titel: GUHO
+id: guho
 naam: GUHO
 konvent: kultk
 themas:
diff --git a/content/verenigingen/guk.md b/content/verenigingen/guk.md
index ac4d6ff..20fba52 100644
--- a/content/verenigingen/guk.md
+++ b/content/verenigingen/guk.md
@@ -1,5 +1,6 @@
 ---
 titel: Gents Universitair Koor
+id: guk
 naam: Gents Universitair Koor
 konvent: kultk
 themas:
diff --git a/content/verenigingen/guso.md b/content/verenigingen/guso.md
index 8821888..5982495 100644
--- a/content/verenigingen/guso.md
+++ b/content/verenigingen/guso.md
@@ -1,5 +1,6 @@
 ---
 titel: GUSO
+id: guso
 naam: GUSO
 konvent: kultk
 themas:
diff --git a/content/verenigingen/hayasa.md b/content/verenigingen/hayasa.md
index b762bf4..db6be98 100644
--- a/content/verenigingen/hayasa.md
+++ b/content/verenigingen/hayasa.md
@@ -1,5 +1,6 @@
 ---
 titel: Hayasa
+id: hayasa
 naam: Hayasa
 themas:
   -  diversiteit
diff --git a/content/verenigingen/hermes.md b/content/verenigingen/hermes.md
index c42849c..e9c3ee9 100644
--- a/content/verenigingen/hermes.md
+++ b/content/verenigingen/hermes.md
@@ -1,5 +1,6 @@
 ---
 titel: Hermes
+id: hermes
 naam: Hermes
 konvent: fk
 themas:
diff --git a/content/verenigingen/hilok.md b/content/verenigingen/hilok.md
index 01356c4..7b8e822 100644
--- a/content/verenigingen/hilok.md
+++ b/content/verenigingen/hilok.md
@@ -1,5 +1,6 @@
 ---
 titel: HILOK
+id: hilok
 naam: HILOK
 konvent: fk
 themas:
diff --git a/content/verenigingen/iaas.md b/content/verenigingen/iaas.md
index 583dcae..76981a8 100644
--- a/content/verenigingen/iaas.md
+++ b/content/verenigingen/iaas.md
@@ -1,5 +1,6 @@
 ---
 titel: International Association of students in Agricultural or related Sciences
+id: iaas
 naam: International Association of students in Agricultural or related Sciences
 konvent: ik
 themas:
diff --git a/content/verenigingen/ieee.md b/content/verenigingen/ieee.md
index 6b5659a..a16413d 100644
--- a/content/verenigingen/ieee.md
+++ b/content/verenigingen/ieee.md
@@ -1,5 +1,6 @@
 ---
 titel: IEEE SB
+id: ieee
 naam: IEEE SB
 konvent: wvk
 themas:
diff --git a/content/verenigingen/indosag.md b/content/verenigingen/indosag.md
index 158fb6d..ce54987 100644
--- a/content/verenigingen/indosag.md
+++ b/content/verenigingen/indosag.md
@@ -1,5 +1,6 @@
 ---
 titel: Indonesian Students Association Ghent
+id: indosag
 naam: Indonesian Students Association Ghent
 konvent: ik
 themas:
diff --git a/content/verenigingen/internia.md b/content/verenigingen/internia.md
index dbca190..b404524 100644
--- a/content/verenigingen/internia.md
+++ b/content/verenigingen/internia.md
@@ -1,5 +1,6 @@
 ---
 titel: Internia
+id: internia
 naam: Internia
 konvent: sk
 themas:
diff --git a/content/verenigingen/isag.md b/content/verenigingen/isag.md
index d71e4c5..408b073 100644
--- a/content/verenigingen/isag.md
+++ b/content/verenigingen/isag.md
@@ -1,5 +1,6 @@
 ---
 titel: ISAG
+id: isag
 naam: ISAG
 konvent: ik
 themas:
diff --git a/content/verenigingen/isha.md b/content/verenigingen/isha.md
index 2f10f45..0e918be 100644
--- a/content/verenigingen/isha.md
+++ b/content/verenigingen/isha.md
@@ -1,5 +1,6 @@
 ---
 titel: International Students of History Association
+id: isha
 naam: International Students of History Association
 konvent: ik
 themas:
diff --git a/content/verenigingen/jef.md b/content/verenigingen/jef.md
index 5fb7965..9d60c91 100644
--- a/content/verenigingen/jef.md
+++ b/content/verenigingen/jef.md
@@ -1,5 +1,6 @@
 ---
 titel: Jonge Europese Federalisten
+id: jef
 naam: Jonge Europese Federalisten
 konvent: pfk
 themas:
diff --git a/content/verenigingen/jgroen.md b/content/verenigingen/jgroen.md
index f89be61..c5272df 100644
--- a/content/verenigingen/jgroen.md
+++ b/content/verenigingen/jgroen.md
@@ -1,5 +1,6 @@
 ---
 titel: JGroen StuGent
+id: jgroen
 naam: JGroen StuGent
 konvent: pfk
 themas:
diff --git a/content/verenigingen/jongnva.md b/content/verenigingen/jongnva.md
index 4df4bb6..ef4d152 100644
--- a/content/verenigingen/jongnva.md
+++ b/content/verenigingen/jongnva.md
@@ -1,5 +1,6 @@
 ---
 titel: Jong N-VA UGent
+id: jongnva
 naam: Jong N-VA UGent
 konvent: pfk
 themas:
diff --git a/content/verenigingen/js.md b/content/verenigingen/js.md
index e85629d..5f9b6f5 100644
--- a/content/verenigingen/js.md
+++ b/content/verenigingen/js.md
@@ -1,5 +1,6 @@
 ---
 titel: Jongsocialisten StuGent
+id: js
 naam: Jongsocialisten StuGent
 konvent: pfk
 themas:
diff --git a/content/verenigingen/kajira.md b/content/verenigingen/kajira.md
index d6100f1..c13bf28 100644
--- a/content/verenigingen/kajira.md
+++ b/content/verenigingen/kajira.md
@@ -1,5 +1,6 @@
 ---
 titel: Kajira
+id: kajira
 naam: Kajira
 konvent: wvk
 themes:
diff --git a/content/verenigingen/khk.md b/content/verenigingen/khk.md
index 8d9a718..a92e98d 100644
--- a/content/verenigingen/khk.md
+++ b/content/verenigingen/khk.md
@@ -1,5 +1,6 @@
 ---
 titel: Kunsthistorische kring
+id: khk
 naam: Kunsthistorische kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/kk.md b/content/verenigingen/kk.md
index 601517c..6891ed5 100644
--- a/content/verenigingen/kk.md
+++ b/content/verenigingen/kk.md
@@ -1,5 +1,6 @@
 ---
 titel: Klassieke Kring
+id: kk
 naam: Klassieke Kring
 konvent: wvk
 themas:
diff --git a/content/verenigingen/kmf.md b/content/verenigingen/kmf.md
index 5a1ebe0..702f522 100644
--- a/content/verenigingen/kmf.md
+++ b/content/verenigingen/kmf.md
@@ -1,5 +1,6 @@
 ---
 titel: Kring Moraal en Filosofie
+id: kmf
 naam: Kring Moraal en Filosofie
 konvent: fk
 themas:
diff --git a/content/verenigingen/kvhv.md b/content/verenigingen/kvhv.md
index 9e6f104..92c88be 100644
--- a/content/verenigingen/kvhv.md
+++ b/content/verenigingen/kvhv.md
@@ -1,5 +1,6 @@
 ---
 titel: KVHV
+id: kvhv
 naam: KVHV
 konvent: pfk
 themas:
diff --git a/content/verenigingen/laetitia.md b/content/verenigingen/laetitia.md
index b6d63ae..d4d8e10 100644
--- a/content/verenigingen/laetitia.md
+++ b/content/verenigingen/laetitia.md
@@ -1,5 +1,6 @@
 ---
 titel: Laetitia
+id: laetitia
 naam: Laetitia
 konvent: sk
 themas:
diff --git a/content/verenigingen/lies.md b/content/verenigingen/lies.md
index be7fa56..7766bc8 100644
--- a/content/verenigingen/lies.md
+++ b/content/verenigingen/lies.md
@@ -1,5 +1,6 @@
 ---
 titel: Moeder lies
+id: lies
 naam: Moeder lies
 konvent: fk
 themas:
diff --git a/content/verenigingen/lila.md b/content/verenigingen/lila.md
index ee87ba4..d858b17 100644
--- a/content/verenigingen/lila.md
+++ b/content/verenigingen/lila.md
@@ -1,5 +1,6 @@
 ---
 titel: Levenslange Inzet voor Leute en Ambiance
+id: lila
 naam: Levenslange Inzet voor Leute en Ambiance
 konvent: fk
 themas:
diff --git a/content/verenigingen/limburgia.md b/content/verenigingen/limburgia.md
index 0a07922..6e4180a 100644
--- a/content/verenigingen/limburgia.md
+++ b/content/verenigingen/limburgia.md
@@ -1,5 +1,6 @@
 ---
 titel: Limburgia
+id: limburgia
 naam: Limburgia
 konvent: sk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/lombro.md b/content/verenigingen/lombro.md
index 634c8df..f57a3b9 100644
--- a/content/verenigingen/lombro.md
+++ b/content/verenigingen/lombro.md
@@ -1,5 +1,6 @@
 ---
 titel: Lombrosiana
+id: lombro
 naam: Lombrosiana
 konvent: fk
 themas:
diff --git a/content/verenigingen/lvsv.md b/content/verenigingen/lvsv.md
index 3c21c7b..8deb079 100644
--- a/content/verenigingen/lvsv.md
+++ b/content/verenigingen/lvsv.md
@@ -1,5 +1,6 @@
 ---
 titel: LVSV
+id: lvsv
 naam: LVSV
 konvent: pfk
 themas:
diff --git a/content/verenigingen/macht.md b/content/verenigingen/macht.md
index b14693d..d4b0f3a 100644
--- a/content/verenigingen/macht.md
+++ b/content/verenigingen/macht.md
@@ -1,5 +1,6 @@
 ---
 titel: MaCht
+id: macht
 naam: MaCht
 konvent: wvk
 themas:
diff --git a/content/verenigingen/matrak.md b/content/verenigingen/matrak.md
index 4088f57..d9c3c92 100644
--- a/content/verenigingen/matrak.md
+++ b/content/verenigingen/matrak.md
@@ -1,5 +1,6 @@
 ---
 titel: Matrak
+id: matrak
 naam: Matrak
 konvent: kultk
 themas:
diff --git a/content/verenigingen/mcantus.md b/content/verenigingen/mcantus.md
index 35d49c8..f0183bb 100644
--- a/content/verenigingen/mcantus.md
+++ b/content/verenigingen/mcantus.md
@@ -1,5 +1,6 @@
 ---
 titel: Massacantus
+id: mcantus
 naam: Massacantus
 konvent: mcantus
 ---
\ No newline at end of file
diff --git a/content/verenigingen/meetjesland.md b/content/verenigingen/meetjesland.md
index c237573..173dac1 100644
--- a/content/verenigingen/meetjesland.md
+++ b/content/verenigingen/meetjesland.md
@@ -1,5 +1,6 @@
 ---
 titel: Moeder Meetjesland
+id: meetjesland
 naam: Moeder Meetjesland
 konvent: sk
 themas:
diff --git a/content/verenigingen/minos.md b/content/verenigingen/minos.md
index 7a816e0..263525d 100644
--- a/content/verenigingen/minos.md
+++ b/content/verenigingen/minos.md
@@ -1,5 +1,6 @@
 ---
 titel: Minos Gent
+id: minos
 naam: Minos Gent
 konvent: pfk
 themas:
diff --git a/content/verenigingen/nsv.md b/content/verenigingen/nsv.md
index 6e958d2..89c702e 100644
--- a/content/verenigingen/nsv.md
+++ b/content/verenigingen/nsv.md
@@ -1,5 +1,6 @@
 ---
 titel: NSV! Gent
+id: nsv
 naam: NSV! Gent
 konvent: pfk
 themas:
diff --git a/content/verenigingen/nzs.md b/content/verenigingen/nzs.md
index 77e71dd..b13f413 100644
--- a/content/verenigingen/nzs.md
+++ b/content/verenigingen/nzs.md
@@ -1,5 +1,6 @@
 ---
 titel: Noord-Zuid Studenten
+id: nzs
 naam: Noord-Zuid Studenten
 konvent: wvk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/oak.md b/content/verenigingen/oak.md
index 0d5dc8d..fd66d25 100644
--- a/content/verenigingen/oak.md
+++ b/content/verenigingen/oak.md
@@ -1,5 +1,6 @@
 ---
 titel: Oosterse Afrikaanse Kring
+id: oak
 naam: Oosterse Afrikaanse Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/oedc.md b/content/verenigingen/oedc.md
index d6b0966..6c8197b 100644
--- a/content/verenigingen/oedc.md
+++ b/content/verenigingen/oedc.md
@@ -1,5 +1,6 @@
 ---
 titel: 180 degrees consulting 
+id: oedc
 naam: 180 degrees consulting 
 konvent: wvk
 themas:
diff --git a/content/verenigingen/oilsjterse.md b/content/verenigingen/oilsjterse.md
index 7329786..5421ab1 100644
--- a/content/verenigingen/oilsjterse.md
+++ b/content/verenigingen/oilsjterse.md
@@ -1,5 +1,6 @@
 ---
 titel: Moeder Oilsjterse
+id: oilsjterse
 naam: Moeder Oilsjterse
 konvent: sk
 themas:
diff --git a/content/verenigingen/pkarus.md b/content/verenigingen/pkarus.md
index bce670b..8555eb1 100644
--- a/content/verenigingen/pkarus.md
+++ b/content/verenigingen/pkarus.md
@@ -1,5 +1,6 @@
 ---
 titel: PKarus
+id: pkarus
 naam: PKarus
 konvent: wvk
 themas:
diff --git a/content/verenigingen/politeia.md b/content/verenigingen/politeia.md
index c86c8e8..0161a44 100644
--- a/content/verenigingen/politeia.md
+++ b/content/verenigingen/politeia.md
@@ -1,5 +1,6 @@
 ---
 titel: Politeia
+id: politeia
 naam: Politeia
 konvent: fk
 themas:
diff --git a/content/verenigingen/poutrix.md b/content/verenigingen/poutrix.md
index 8d4dd47..f4a643c 100644
--- a/content/verenigingen/poutrix.md
+++ b/content/verenigingen/poutrix.md
@@ -1,5 +1,6 @@
 ---
 titel: Poutrix
+id: poutrix
 naam: Poutrix
 konvent: wvk
 themas:
diff --git a/content/verenigingen/ppsr.md b/content/verenigingen/ppsr.md
index 188d608..711a275 100644
--- a/content/verenigingen/ppsr.md
+++ b/content/verenigingen/ppsr.md
@@ -1,5 +1,6 @@
 ---
 titel: De Psychologische en Pedagogische StudentenRaad
+id: ppsr
 naam: De Psychologische en Pedagogische StudentenRaad
 konvent: gsr
 themes:
diff --git a/content/verenigingen/prime.md b/content/verenigingen/prime.md
index 01a07e3..3edde99 100644
--- a/content/verenigingen/prime.md
+++ b/content/verenigingen/prime.md
@@ -1,5 +1,6 @@
 ---
 titel: PRIME
+id: prime
 naam: PRIME
 konvent: wvk
 themas:
diff --git a/content/verenigingen/prometheus.md b/content/verenigingen/prometheus.md
index cd1c23f..33cfe93 100644
--- a/content/verenigingen/prometheus.md
+++ b/content/verenigingen/prometheus.md
@@ -1,5 +1,6 @@
 ---
 titel: Prometheus
+id: prometheus
 naam: Prometheus
 konvent: kultk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/rodenbach.md b/content/verenigingen/rodenbach.md
index f592424..8978142 100644
--- a/content/verenigingen/rodenbach.md
+++ b/content/verenigingen/rodenbach.md
@@ -1,5 +1,6 @@
 ---
 titel: Rodenbach
+id: rodenbach
 naam: Rodenbach
 konvent: sk
 themas:
diff --git a/content/verenigingen/rvb.md b/content/verenigingen/rvb.md
index ce0a1a8..77f03b7 100644
--- a/content/verenigingen/rvb.md
+++ b/content/verenigingen/rvb.md
@@ -1,5 +1,6 @@
 ---
 titel: Raad van bestuur
+id: rvb
 naam: Raad van bestuur
 konvent: gsr
 ---
\ No newline at end of file
diff --git a/content/verenigingen/scaldis.md b/content/verenigingen/scaldis.md
index b4f5283..3d83f5b 100644
--- a/content/verenigingen/scaldis.md
+++ b/content/verenigingen/scaldis.md
@@ -1,5 +1,6 @@
 ---
 titel: Scaldis
+id: scaldis
 naam: Scaldis
 konvent: sk
 themas:
diff --git a/content/verenigingen/schamper.md b/content/verenigingen/schamper.md
index f20c643..df2ec23 100644
--- a/content/verenigingen/schamper.md
+++ b/content/verenigingen/schamper.md
@@ -1,5 +1,6 @@
 ---
 titel: Schamper
+id: schamper
 naam: Schamper
 konvent: schamper
 themas:
diff --git a/content/verenigingen/schilder.md b/content/verenigingen/schilder.md
index 541f928..d4b46e6 100644
--- a/content/verenigingen/schilder.md
+++ b/content/verenigingen/schilder.md
@@ -1,5 +1,6 @@
 ---
 titel: Atelier Modelstudies
+id: schilder
 naam: Atelier Modelstudies
 konvent: kultk
 themas:
diff --git a/content/verenigingen/sda.md b/content/verenigingen/sda.md
index 7df1aa7..2cc7495 100644
--- a/content/verenigingen/sda.md
+++ b/content/verenigingen/sda.md
@@ -1,5 +1,6 @@
 ---
 titel: Sd'A Gent
+id: sda
 naam: Sd'A Gent
 konvent: sk
 themas:
diff --git a/content/verenigingen/sense.md b/content/verenigingen/sense.md
index 175f922..7c29d5f 100644
--- a/content/verenigingen/sense.md
+++ b/content/verenigingen/sense.md
@@ -1,5 +1,6 @@
 ---
 titel: Sense
+id: sense
 naam: Sense
 konvent: wvk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/sf.md b/content/verenigingen/sf.md
index 7b13fe6..2294486 100644
--- a/content/verenigingen/sf.md
+++ b/content/verenigingen/sf.md
@@ -1,5 +1,6 @@
 ---
 titel: Studentenfanfare
+id: sf
 naam: Studentenfanfare
 konvent: kultk
 themas:
diff --git a/content/verenigingen/slavia.md b/content/verenigingen/slavia.md
index e8b8c62..127b926 100644
--- a/content/verenigingen/slavia.md
+++ b/content/verenigingen/slavia.md
@@ -1,5 +1,6 @@
 ---
 titel: Slavia
+id: slavia
 naam: Slavia
 konvent: fk
 themas:
diff --git a/content/verenigingen/stropke.md b/content/verenigingen/stropke.md
index 5f30622..e2c6697 100644
--- a/content/verenigingen/stropke.md
+++ b/content/verenigingen/stropke.md
@@ -1,5 +1,6 @@
 ---
 titel: \'t Stropke
+id: stropke
 naam: \'t Stropke
 konvent: sk
 themas:
diff --git a/content/verenigingen/stuart.md b/content/verenigingen/stuart.md
index 75f1022..f3832c9 100644
--- a/content/verenigingen/stuart.md
+++ b/content/verenigingen/stuart.md
@@ -1,5 +1,6 @@
 ---
 titel: Studentenraad Faculteit Letteren en Wijsbegeerte
+id: stuart
 naam: Studentenraad Faculteit Letteren en Wijsbegeerte
 konvent: gsr
 themas:
diff --git a/content/verenigingen/stuff.md b/content/verenigingen/stuff.md
index 9fbd158..e534a30 100644
--- a/content/verenigingen/stuff.md
+++ b/content/verenigingen/stuff.md
@@ -1,5 +1,6 @@
 ---
 titel: Studentenraad Faculteit Farmaceutische Wetenschappen
+id: stuff
 naam: Studentenraad Faculteit Farmaceutische Wetenschappen
 konvent: gsr
 themes:
diff --git a/content/verenigingen/stugg.md b/content/verenigingen/stugg.md
index 31fea88..5446f6b 100644
--- a/content/verenigingen/stugg.md
+++ b/content/verenigingen/stugg.md
@@ -1,5 +1,6 @@
 ---
 titel: Studentenraad Geneeskunde en Gezondheidswetenschappen
+id: stugg
 naam: Studentenraad Geneeskunde en Gezondheidswetenschappen
 konvent: gsr
 themes:
diff --git a/content/verenigingen/stujardin.md b/content/verenigingen/stujardin.md
index be64ccb..1dc4102 100644
--- a/content/verenigingen/stujardin.md
+++ b/content/verenigingen/stujardin.md
@@ -1,5 +1,6 @@
 ---
 titel: StuJardin
+id: stujardin
 naam: StuJardin
 konvent: gsr
 themas:
diff --git a/content/verenigingen/stura.md b/content/verenigingen/stura.md
index 72c5184..02eb89e 100644
--- a/content/verenigingen/stura.md
+++ b/content/verenigingen/stura.md
@@ -1,5 +1,6 @@
 ---
 titel: StudentenRaad Politieke en Sociale Wetenschappen
+id: stura
 naam: StudentenRaad Politieke en Sociale Wetenschappen
 konvent: gsr
 themes:
diff --git a/content/verenigingen/stuveco.md b/content/verenigingen/stuveco.md
index 406a977..2a0a280 100644
--- a/content/verenigingen/stuveco.md
+++ b/content/verenigingen/stuveco.md
@@ -1,5 +1,6 @@
 ---
 titel: Studentenraad Faculteit Economie en Bedrijfskunde
+id: stuveco
 naam: Studentenraad Faculteit Economie en Bedrijfskunde
 konvent: gsr
 themes:
diff --git a/content/verenigingen/stuw.md b/content/verenigingen/stuw.md
index 7c0e80b..2270004 100644
--- a/content/verenigingen/stuw.md
+++ b/content/verenigingen/stuw.md
@@ -1,5 +1,6 @@
 ---
 titel: Studentenraad Faculteit Wetenschappen
+id: stuw
 naam: Studentenraad Faculteit Wetenschappen
 konvent: gsr
 themes:
diff --git a/content/verenigingen/temp.md b/content/verenigingen/temp.md
index 7079b82..74abe93 100644
--- a/content/verenigingen/temp.md
+++ b/content/verenigingen/temp.md
@@ -1,5 +1,6 @@
 ---
 titel: Temp
+id: temp
 naam: Temp
 tags: tem,p
 konvent: tk
diff --git a/content/verenigingen/theepot.md b/content/verenigingen/theepot.md
index 8212953..30bc63e 100644
--- a/content/verenigingen/theepot.md
+++ b/content/verenigingen/theepot.md
@@ -1,5 +1,6 @@
 ---
 titel: Moeder Theepot
+id: theepot
 naam: Moeder Theepot
 konvent: wvk
 themes:
diff --git a/content/verenigingen/tnok.md b/content/verenigingen/tnok.md
index d192d28..6a89010 100644
--- a/content/verenigingen/tnok.md
+++ b/content/verenigingen/tnok.md
@@ -1,5 +1,6 @@
 ---
 titel: Tomo No Kai
+id: tnok
 naam: Tomo No Kai
 konvent: ik
 themas:
diff --git a/content/verenigingen/tzal.md b/content/verenigingen/tzal.md
index 2de101b..110105e 100644
--- a/content/verenigingen/tzal.md
+++ b/content/verenigingen/tzal.md
@@ -1,5 +1,6 @@
 ---
 titel: \'t Zal Wel Gaan
+id: tzal
 naam: \'t Zal Wel Gaan
 konvent: pfk
 contact: info@tzalwelgaan.be
diff --git a/content/verenigingen/ugent.md b/content/verenigingen/ugent.md
index c6d5d13..8a6091b 100644
--- a/content/verenigingen/ugent.md
+++ b/content/verenigingen/ugent.md
@@ -1,5 +1,6 @@
 ---
 titel: Universiteit Gent
+id: ugent
 naam: Universiteit Gent
 konvent: dsa
 ---
\ No newline at end of file
diff --git a/content/verenigingen/ugent1010.md b/content/verenigingen/ugent1010.md
index c6f57ef..7f477ce 100644
--- a/content/verenigingen/ugent1010.md
+++ b/content/verenigingen/ugent1010.md
@@ -1,5 +1,6 @@
 ---
 titel: UGent1010
+id: ugent1010
 naam: UGent1010
 konvent: wvk
 themas:
diff --git a/content/verenigingen/ugentmun.md b/content/verenigingen/ugentmun.md
index 13c3baf..1a185e9 100644
--- a/content/verenigingen/ugentmun.md
+++ b/content/verenigingen/ugentmun.md
@@ -1,5 +1,6 @@
 ---
 titel: UGent MUN
+id: ugentmun
 naam: UGent MUN
 konvent: gsr
 ---
\ No newline at end of file
diff --git a/content/verenigingen/urgent.md b/content/verenigingen/urgent.md
index e532ee9..63fc6f1 100644
--- a/content/verenigingen/urgent.md
+++ b/content/verenigingen/urgent.md
@@ -1,5 +1,6 @@
 ---
 titel: Urgent.fm
+id: urgent
 naam: Urgent.fm
 konvent: urgent
 themas:
diff --git a/content/verenigingen/vbk.md b/content/verenigingen/vbk.md
index f06cb10..8dc9265 100644
--- a/content/verenigingen/vbk.md
+++ b/content/verenigingen/vbk.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Biomedische Kring
+id: vbk
 naam: Vlaamse Biomedische Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/vdk.md b/content/verenigingen/vdk.md
index 175e516..1aeb9b3 100644
--- a/content/verenigingen/vdk.md
+++ b/content/verenigingen/vdk.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Diergeneeskundige Kring
+id: vdk
 naam: Vlaamse Diergeneeskundige Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/vek.md b/content/verenigingen/vek.md
index 3320f7d..79a0317 100644
--- a/content/verenigingen/vek.md
+++ b/content/verenigingen/vek.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Economische Kring
+id: vek
 naam: Vlaamse Economische Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/verkeerd-geparkeerd.md b/content/verenigingen/verkeerd-geparkeerd.md
index 76161c8..f3ef9c0 100644
--- a/content/verenigingen/verkeerd-geparkeerd.md
+++ b/content/verenigingen/verkeerd-geparkeerd.md
@@ -1,5 +1,6 @@
 ---
 titel: Verkeerd geparkeerd
+id: verkeerd-geparkeerd
 naam: Verkeerd geparkeerd
 konvent: wvk
 themes:
diff --git a/content/verenigingen/vermeyl.md b/content/verenigingen/vermeyl.md
index 0ad00e3..ac27f8b 100644
--- a/content/verenigingen/vermeyl.md
+++ b/content/verenigingen/vermeyl.md
@@ -1,5 +1,6 @@
 ---
 titel: Home Vermeylen
+id: vermeyl
 naam: Home Vermeylen
 konvent: hk
 themas:
diff --git a/content/verenigingen/veto.md b/content/verenigingen/veto.md
index aff280e..8f7360e 100644
--- a/content/verenigingen/veto.md
+++ b/content/verenigingen/veto.md
@@ -1,5 +1,6 @@
 ---
 titel: Veto Gent
+id: veto
 naam: Veto Gent
 konvent: fk
 themas:
diff --git a/content/verenigingen/vg.md b/content/verenigingen/vg.md
index 968407d..ec30402 100644
--- a/content/verenigingen/vg.md
+++ b/content/verenigingen/vg.md
@@ -1,5 +1,6 @@
 ---
 titel: Verkeerd Geparkeerd
+id: vg
 naam: Verkeerd Geparkeerd
 konvent: wvk
 ---
\ No newline at end of file
diff --git a/content/verenigingen/vgkfgen.md b/content/verenigingen/vgkfgen.md
index 6d91d51..bb33aa7 100644
--- a/content/verenigingen/vgkfgen.md
+++ b/content/verenigingen/vgkfgen.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Geneeskundige Kring
+id: vgkfgen
 naam: Vlaamse Geneeskundige Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/vgkflwi.md b/content/verenigingen/vgkflwi.md
index c68403f..554e763 100644
--- a/content/verenigingen/vgkflwi.md
+++ b/content/verenigingen/vgkflwi.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Geschiedkundige Kring
+id: vgkflwi
 naam: Vlaamse Geschiedkundige Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/vinasag.md b/content/verenigingen/vinasag.md
index 0a0f42d..26271fb 100644
--- a/content/verenigingen/vinasag.md
+++ b/content/verenigingen/vinasag.md
@@ -1,5 +1,6 @@
 ---
 titel: Vinasag
+id: vinasag
 naam: Vinasag
 konvent: ik
 themas:
diff --git a/content/verenigingen/vlak.md b/content/verenigingen/vlak.md
index 14c57ba..a316bcf 100644
--- a/content/verenigingen/vlak.md
+++ b/content/verenigingen/vlak.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Logopedische en Audiologische Kring
+id: vlak
 naam: Vlaamse Logopedische en Audiologische Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/vlk.md b/content/verenigingen/vlk.md
index adb532f..bed7665 100644
--- a/content/verenigingen/vlk.md
+++ b/content/verenigingen/vlk.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Levenstechnische Kring
+id: vlk
 naam: Vlaamse Levenstechnische Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/vppk.md b/content/verenigingen/vppk.md
index 8e9d65e..63c3542 100644
--- a/content/verenigingen/vppk.md
+++ b/content/verenigingen/vppk.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Psychologische en Pedagogische Kring
+id: vppk
 naam: Vlaamse Psychologische en Pedagogische Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/vrg.md b/content/verenigingen/vrg.md
index 5bf5c80..e68a7f2 100644
--- a/content/verenigingen/vrg.md
+++ b/content/verenigingen/vrg.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Rechtsgenootschap
+id: vrg
 naam: Vlaamse Rechtsgenootschap
 konvent: fk
 themas:
diff --git a/content/verenigingen/vtk.md b/content/verenigingen/vtk.md
index 39779a7..1117d1a 100644
--- a/content/verenigingen/vtk.md
+++ b/content/verenigingen/vtk.md
@@ -1,5 +1,6 @@
 ---
 titel: Vlaamse Technische Kring
+id: vtk
 naam: Vlaamse Technische Kring
 konvent: fk
 themas:
diff --git a/content/verenigingen/vvn.md b/content/verenigingen/vvn.md
index 7fcb702..c9563de 100644
--- a/content/verenigingen/vvn.md
+++ b/content/verenigingen/vvn.md
@@ -1,5 +1,6 @@
 ---
 titel: VVN
+id: vvn
 naam: VVN
 themas:
   - wetenschap-techniek
diff --git a/content/verenigingen/vvny.md b/content/verenigingen/vvny.md
index 940f060..c01573e 100644
--- a/content/verenigingen/vvny.md
+++ b/content/verenigingen/vvny.md
@@ -1,5 +1,6 @@
 ---
 titel: Vereniging voor de Verenigde Naties Youth
+id: vvny
 naam: Vereniging voor de Verenigde Naties Youth
 konvent: pfk
 themas:
diff --git a/content/verenigingen/wase.md b/content/verenigingen/wase.md
index 0de3004..3402cb4 100644
--- a/content/verenigingen/wase.md
+++ b/content/verenigingen/wase.md
@@ -1,5 +1,6 @@
 ---
 titel: Wase Club
+id: wase
 naam: Wase Club
 konvent: sk
 themas:
diff --git a/content/verenigingen/westlandia.md b/content/verenigingen/westlandia.md
index 873122a..86d46b0 100644
--- a/content/verenigingen/westlandia.md
+++ b/content/verenigingen/westlandia.md
@@ -1,5 +1,6 @@
 ---
 titel: Westlandia
+id: westlandia
 naam: Westlandia
 konvent: sk
 themas:
diff --git a/content/verenigingen/wielke.md b/content/verenigingen/wielke.md
index 77716ef..908d17d 100644
--- a/content/verenigingen/wielke.md
+++ b/content/verenigingen/wielke.md
@@ -1,5 +1,6 @@
 ---
 titel: \'t Wielke
+id: wielke
 naam: \'t Wielke
 konvent: sk
 themas:
diff --git a/content/verenigingen/wina.md b/content/verenigingen/wina.md
index 8eb13d1..4833dde 100644
--- a/content/verenigingen/wina.md
+++ b/content/verenigingen/wina.md
@@ -1,5 +1,6 @@
 ---
 titel: WiNA
+id: wina
 naam: WiNA
 konvent: fk
 themas:
diff --git a/content/verenigingen/zeus.md b/content/verenigingen/zeus.md
index beba8ab..4873a33 100644
--- a/content/verenigingen/zeus.md
+++ b/content/verenigingen/zeus.md
@@ -1,5 +1,6 @@
 ---
 titel: Zeus WPI
+id: zeus
 naam: Zeus WPI
 themas:
   -  wetenschap-techniek

From 2c16ff8198233bedfd1353572fccbbfe76944464 Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@outlook.com>
Date: Thu, 19 Mar 2020 22:23:00 +0100
Subject: [PATCH 20/24] update verengingen with correct dsa

---
 content/quiz/vraag1.md            | 346 +++++++++++++++---------------
 content/quiz/vraag2.md            |  10 +-
 content/quiz/vraag3.md            |  19 +-
 content/quiz/vraag4.md            | 112 +++++-----
 content/verenigingen/cultour.md   |   6 +
 content/verenigingen/flux.md      |   6 +
 content/verenigingen/illusiona.md |   6 +
 content/verenigingen/ugentmun.md  |   2 +-
 8 files changed, 262 insertions(+), 245 deletions(-)
 create mode 100644 content/verenigingen/cultour.md
 create mode 100644 content/verenigingen/flux.md
 create mode 100644 content/verenigingen/illusiona.md

diff --git a/content/quiz/vraag1.md b/content/quiz/vraag1.md
index 080de23..c9ceae1 100644
--- a/content/quiz/vraag1.md
+++ b/content/quiz/vraag1.md
@@ -8,57 +8,57 @@ antwoorden:
     antwoorden:
       - tekst: Afrikaanse talen en culturen
         verenigingen:
-          - naam: StuArt
-          - naam: OAK
+          - naam: stura
+          - naam: oak
 
       - tekst: Archeologie
         verenigingen:
-          - naam: StuArt
-          - naam: Archeologische werkgroep
-          - naam: KHK
+          - naam: stura
+          - naam: aw
+          - naam: khk
 
       - tekst: Geschiedenis
         verenigingen:
-          - naam: StuArt
-          - naam: Vlaamse Geschiedkundige Kring
-          - naam: International students of History Association
+          - naam: stura
+          - naam: vgkflwi
+          - naam: isha
 
       - tekst: Kunstwetenschappen
         verenigingen:
-          - naam: StuArt
-          - naam: KHK
+          - naam: stura
+          - naam: khk
 
       - tekst: Moraalwetenschappen
         verenigingen:
-          - naam: StuArt
-          - naam: KMF
+          - naam: stura
+          - naam: kmf
 
       - tekst: Oosterse talen en culturen
         verenigingen:
-          - naam: StuArt
-          - naam: OAK
-          - naam: Tomo no kai
+          - naam: stura
+          - naam: oak
+          - naam: tnok
 
       - tekst: Oost- Europese talen en culturen
         verenigingen:
-          - naam: StuArt
-          - naam: Slavia
+          - naam: stura
+          - naam: slavia
 
       - tekst: Taal- en letterkunde
         verenigingen:
-          - naam: StuArt
-          - naam: Klassieke Kring
-          - naam: Filologica
+          - naam: stura
+          - naam: kk
+          - naam: filologica
 
       - tekst: Toegepaste taalkunde
         verenigingen:
-          - naam: StuArt
-          - naam: Veto Gent
+          - naam: stura
+          - naam: veto
 
       - tekst: Wijsbegeerte
         verenigingen:
-          - naam: StuArt
-          - naam: KMF
+          - naam: stura
+          - naam: kmf
 
   - tekst: Recht en criminologie
     vraag: Welke richting?
@@ -66,13 +66,13 @@ antwoorden:
     antwoorden:
       - tekst: Rechten
         verenigingen:
-          - naam: StuReC
-          - naam: VRG
+          - naam: fre
+          - naam: vrg
 
       - tekst: Criminologische wetenschappen
         verenigingen:
-          - naam: StuReC
-          - naam: Lombrosiana
+          - naam: fre
+          - naam: lombro
 
   - tekst: Wetenschappen
     vraag: Welke richting?
@@ -80,46 +80,46 @@ antwoorden:
     antwoorden:
       - tekst: Biochemie en biotechnologie
         verenigingen:
-          - naam: StuW
-          - naam: Chemica
+          - naam: stuw
+          - naam: chemica
 
       - tekst: Biologie
         verenigingen:
-          - naam: StuW
-          - naam: GBK
+          - naam: stuw
+          - naam: gbk
 
       - tekst: Chemie
         verenigingen:
-          - naam: StuW
-          - naam: Chemica
+          - naam: stuw
+          - naam: chemica
       - tekst: Fysica en de sterrenkunde
 
         verenigingen:
-          - naam: StuW
-          - naam: Vereniging voor natuurkunde
-          - naam: WiNA
+          - naam: stuw
+          - naam: vvn
+          - naam: wina
 
       - tekst: Geografie en de geomatica
         verenigingen:
-          - naam: StuW
-          - naam: Geografica
+          - naam: stuw
+          - naam: geografi
 
       - tekst: Geologie
         verenigingen:
-          - naam: StuW
-          - naam: Geologica
+          - naam: stuw
+          - naam: geologic
 
       - tekst: Informatica
         verenigingen:
-          - naam: StuW
-          - naam: Zeus WPI
-          - naam: WiNA
+          - naam: stuw
+          - naam: zeus
+          - naam: wina
 
       - tekst: Wiskunde
         verenigingen:
-          - naam: StuW
-          - naam: PRIME
-          - naam: WiNA
+          - naam: stuw
+          - naam: prime
+          - naam: wina
 
   - tekst: Geneeskunde en gezondheidswetenschappen
     vraag: Welke richting?
@@ -127,46 +127,46 @@ antwoorden:
     antwoorden:
       - tekst: Biomedische wetenschappen
         verenigingen:
-          - naam: StuGG - BSR
-          - naam: BEAM
-          - naam: BeMSA
-          - naam: VBK
+          - naam: stugg
+          - naam: beam
+          - naam: bemsa
+          - naam: vbk
 
       - tekst: Geneeskunde
         verenigingen:
-          - naam: StuGG - SWOP
-          - naam: Vlaamse Geneeskundige Kring
-          - naam: BeMSA
+          - naam: stugg
+          - naam: vgkfgen
+          - naam: bemsa
 
       - tekst: Lichamelijke opvoeding en de bewegingswetenschappen
         verenigingen:
-          - naam: StuGG - HILO
-          - naam: HILOK
-          - naam: BeMSA
+          - naam: stugg
+          - naam: hilok
+          - naam: bemsa
 
       - tekst: Audiologie
         verenigingen:
-          - naam: StuGG - Stula
-          - naam: VLAK
-          - naam: BeMSA
+          - naam: stugg
+          - naam: vlak
+          - naam: bemsa
 
       - tekst: Logopedie
         verenigingen:
-          - naam: StuGG - Stula
-          - naam: VLAK
-          - naam: BeMSA
+          - naam: stugg
+          - naam: vlak
+          - naam: bemsa
 
       - tekst: Revalidatiewetenschappen en de kinesitherapie
         verenigingen:
-          - naam: StuGG - SRK
-          - naam: HILOK
-          - naam: BeMSA
+          - naam: stugg
+          - naam: hilok
+          - naam: bemsa
 
       - tekst: Tandheelkunde
         verenigingen:
-          - naam: StuGG - StuDent
-          - naam: Dentalia
-          - naam: BeMSA
+          - naam: stugg
+          - naam: dentalia
+          - naam: bemsa
 
   - tekst: Ingenieurswetenschappen en architectuur
     vraag: Welke richting?
@@ -174,92 +174,92 @@ antwoorden:
     antwoorden:
       - tekst: iw - Bouwkunde
         verenigingen:
-          - naam: FRiS
-          - naam: Hermes
+          - naam: fris
+          - naam: hermes
 
       - tekst: iw - Chemie
         verenigingen:
-          - naam: FRiS
-          - naam: Hermes
+          - naam: fris
+          - naam: hermes
 
       - tekst: iw - Elektronica-ICT
         verenigingen:
-          - naam: FRiS
-          - naam: Zeus WPI
-          - naam: Hermes
+          - naam: fris
+          - naam: zeus
+          - naam: hermes
 
       - tekst: iw - Elektromechanica
         verenigingen:
-          - naam: FRiS
-          - naam: Hermes
+          - naam: fris
+          - naam: hermes
 
       - tekst: iw - Informatica
         verenigingen:
-          - naam: FRiS
-          - naam: Zeus WPI
-          - naam: Hermes
+          - naam: fris
+          - naam: zeus
+          - naam: hermes
 
       - tekst: ir - Architectuur
         verenigingen:
-          - naam: FRiS
-          - naam: De loeiende koe
-          - naam: VTK
+          - naam: fris
+          - naam: dlk
+          - naam: vtk
 
       - tekst: ir - Bouwkunde
         verenigingen:
-          - naam: FRiS
+          - naam: fris
           - naam: Poutrix
-          - naam: VTK
+          - naam: vtk
 
       - tekst: ir - Chemische technologie en materiaalkunde
         verenigingen:
-          - naam: FRiS
-          - naam: MaChT
-          - naam: VTK
+          - naam: fris
+          - naam: macht
+          - naam: vtk
 
       - tekst: ir - Computerwetenschappen
         verenigingen:
-          - naam: FRiS
-          - naam: CenEka
-          - naam: IEEE Student Branch Gent
-          - naam: Zeus WPI
-          - naam: VTK
+          - naam: fris
+          - naam: ceneka
+          - naam: ieee
+          - naam: zeus
+          - naam: vtk
 
       - tekst: ir - Elektrotechniek
         verenigingen:
-          - naam: FRiS
-          - naam: CenEka
-          - naam: IEEE Student Branch Gent
-          - naam: VTK
+          - naam: fris
+          - naam: ceneka
+          - naam: ieee
+          - naam: vtk
 
       - tekst: ir - Toegepaste natuurkunde
         verenigingen:
-          - naam: FRiS
-          - naam: VTK
+          - naam: fris
+          - naam: vtk
 
       - tekst: ir - Werktuigkunde-elektrotechniek
         verenigingen:
-          - naam: FRiS
-          - naam: CenEka
-          - naam: IEEE Student Branch Gent
-          - naam: PKarus
-          - naam: VTK
+          - naam: fris
+          - naam: ceneka
+          - naam: ieee
+          - naam: pkarus
+          - naam: vtk
 
       - tekst: ir - Biomedische ingenieurstechnieken
         verenigingen:
-          - naam: FRiS
-          - naam: BEAM
-          - naam: VTK
-          
+          - naam: fris
+          - naam: beam
+          - naam: vtk
+
       - tekst: iw - Industrieel ontwerpen
         verenigingen:
-          - naam: FRiS
-          - naam: Hermes
+          - naam: fris
+          - naam: hermes
 
       - tekst: iw - Machine- en productieautomatisering
         verenigingen:
-          - naam: FRiS
-          - naam: Hermes
+          - naam: fris
+          - naam: hermes
 
   - tekst: Economie en bedrijfskude
     vraag: Welke richting?
@@ -267,36 +267,36 @@ antwoorden:
     antwoorden:
       - tekst: Handelsingenieur
         verenigingen:
-          - naam: Stuveco
-          - naam: Capitant
-          - naam: FLYSE
-          - naam: VEK
+          - naam: stuveco
+          - naam: capitant
+          - naam: flyse
+          - naam: vek
 
       - tekst: Bestuurskunde en het publiek management
         verenigingen:
-          - naam: Stuveco
-          - naam: Moeder Lies
+          - naam: stuveco
+          - naam: lies
 
       - tekst: Economische wetenschappen
         verenigingen:
-          - naam: Stuveco
-          - naam: Capitant
-          - naam: FLYSE
-          - naam: VEK
+          - naam: stuveco
+          - naam: capitant
+          - naam: flyse
+          - naam: vek
 
       - tekst: Handelswetenschappen
         verenigingen:
-          - naam: Stuveco
-          - naam: Capitant
-          - naam: FLYSE
-          - naam: Moeder Lies
+          - naam: stuveco
+          - naam: capitant
+          - naam: flyse
+          - naam: lies
 
       - tekst: Toegepaste economische wetenschappen
         verenigingen:
-          - naam: Stuveco
-          - naam: Capitant
-          - naam: FLYSE
-          - naam: VEK
+          - naam: stuveco
+          - naam: capitant
+          - naam: flyse
+          - naam: vek
 
   - tekst: Diergeneeskunde
     vraag: Welke richting?
@@ -304,8 +304,8 @@ antwoorden:
     antwoorden:
       - tekst: Diergeneeskunde
         verenigingen:
-          - naam: DSR
-          - naam: VDK
+          - naam: fde
+          - naam: vdk
 
   - tekst: Psychologie en pedagogische wetenschappen
     vraag: Welke richting?
@@ -313,38 +313,38 @@ antwoorden:
     antwoorden:
       - tekst: Pedagogie - Klinische orthopedagogiek en disability studies
         verenigingen:
-          - naam: PPSR
-          - naam: VPPK
+          - naam: ppsr
+          - naam: vppk
 
       - tekst: Pedagogie - Pedagogiek en onderwijskunde
         verenigingen:
-          - naam: PPSR
-          - naam: VPPK
+          - naam: ppsr
+          - naam: vppk
 
       - tekst: Pedagogie - Sociale agogiek
         verenigingen:
-          - naam: PPSR
-          - naam: VPPK
+          - naam: ppsr
+          - naam: vppk
 
       - tekst: Psychologie - Bedrijfspsychologie en personeelsbeleid
         verenigingen:
-          - naam: PPSR
-          - naam: VPPK
+          - naam: ppsr
+          - naam: vppk
 
       - tekst: Psychologie - Klinische psychologie
         verenigingen:
-          - naam: PPSR
-          - naam: VPPK
+          - naam: ppsr
+          - naam: vppk
 
       - tekst: Psychologie - onderwijs
         verenigingen:
-          - naam: PPSR
-          - naam: VPPK
+          - naam: ppsr
+          - naam: vppk
 
       - tekst: Psychologie - Theoretische en experimentele psychologie
         verenigingen:
-          - naam: PPSR
-          - naam: VPPK
+          - naam: ppsr
+          - naam: vppk
 
   - tekst: Bio-ingenieurswetenschappen
     vraag: Welke richting?
@@ -352,40 +352,40 @@ antwoorden:
     antwoorden:
       - tekst: biw - Bos- en natuurbeheer
         verenigingen:
-          - naam: StuBio
-          - naam: VLK
+          - naam: fbw
+          - naam: vlk
 
       - tekst: biw - cel- en genbiotechnologie
         verenigingen:
-          - naam: StuBio
-          - naam: VLK
+          - naam: fbw
+          - naam: vlk
 
       - tekst: biw - Chemie en voedingstechnologie
         verenigingen:
-          - naam: StuBio
-          - naam: VLK
+          - naam: fbw
+          - naam: vlk
 
       - tekst: biw - Landbouwkunde
         verenigingen:
-          - naam: StuBio
-          - naam: VLK
-          - naam: Groene kring
-          - naam: IAAS
+          - naam: fbw
+          - naam: vlk
+          - naam: gk
+          - naam: iaas
 
       - tekst: biw - Land- en waterbeheer
         verenigingen:
-          - naam: StuBio
-          - naam: VLK
+          - naam: fbw
+          - naam: vlk
 
       - tekst: biw - Milieutechnologie
         verenigingen:
-          - naam: StuBio
-          - naam: VLK
+          - naam: fbw
+          - naam: vlk
 
       - tekst: Biowetenschappen
         verenigingen:
-          - naam: StuBio
-          - naam: LILA
+          - naam: fbw
+          - naam: lila
 
   - tekst: Farmaceutische wetenschappen
     vraag: Welke richting?
@@ -393,9 +393,9 @@ antwoorden:
     antwoorden:
       - tekst: Farmaceutische wetenschappen
         verenigingen:
-          - naam: StuFF
-          - naam: GFK
-          - naam: BeMSA
+          - naam: stuff
+          - naam: bfk
+          - naam: bemsa
 
   - tekst: Politieke en sociale wetenschappen
     vraag: Welke richting?
@@ -403,16 +403,16 @@ antwoorden:
     antwoorden:
       - tekst: Communicatiewetenschappen
         verenigingen:
-          - naam: Stura
-          - naam: Politeia
+          - naam: stura
+          - naam: politeia
 
       - tekst: Politieke wetenschappen
         verenigingen:
-          - naam: Stura
-          - naam: Politeia
-          
+          - naam: stura
+          - naam: politeia
+
       - tekst: Sociologie
         verenigingen:
-          - naam: Stura
-          - naam: Politeia
+          - naam: stura
+          - naam: politeia
 ---
diff --git a/content/quiz/vraag2.md b/content/quiz/vraag2.md
index 2cd47ad..bf828b0 100644
--- a/content/quiz/vraag2.md
+++ b/content/quiz/vraag2.md
@@ -8,23 +8,23 @@ antwoorden:
     antwoorden:
       - tekst: Home Astrid
         verenigingen:
-          - naam: Home Astrid
+          - naam: astrid
 
       - tekst: Home Fabiola
         verenigingen:
-          - naam: Home Fabiola
+          - naam: fabiola
 
       - tekst: Home Bertha
         verenigingen:
-          - naam: Home Bertha
+          - naam: bertha
 
       - tekst: Home Boudewijn
         verenigingen:
-          - naam: Home Boudewijn
+          - naam: boudewijn
 
       - tekst: Home Vermeylen
         verenigingen:
-          - naam: Home Vermeylen
+          - naam: vermeyl
           
   - tekst: Nee
 ---
\ No newline at end of file
diff --git a/content/quiz/vraag3.md b/content/quiz/vraag3.md
index e6e0d7b..a2eddfd 100644
--- a/content/quiz/vraag3.md
+++ b/content/quiz/vraag3.md
@@ -12,16 +12,16 @@ antwoorden:
 
   - tekst: Eender wie, onafhankelijk van interesses, studies of andere aspecten
     verenigingen:
-      - naam: Moeder Theepot
+      - naam: theepot
 
   - tekst: Internationale studenten
     vereningingen:
-      - naam: ESN
+      - naam: esn
       - naam: International students association gent
 
   - tekst: Ik ben holebistudent en zou graag andere holebistudenten ontmoeten
     verenigingen:
-      - naam: Verkeerd Geparkeerd
+      - naam: vg
 
   - tekst: Ik heb een migratieachtergond en zou graag mensen met eenzelfde achtergrond als mezelf ontmoeten
     vraag: Je gaf aan een migratieachtergrond te hebben en graag andere studenten te ontmoeten met dezelfde achtergrond. Wat is jouw culturele achtergrond?
@@ -29,26 +29,25 @@ antwoorden:
     antwoorden:
       - tekst: China
         verenigingen:
-          - naam: Chinese Student Organization
+          - naam: chisag
 
       - tekst: Armenië
         verenigingen:
-          - naam: Hayasa
+          - naam: hayasa
 
       - tekst: Indonesië
         verenigingen:
-          - naam: Indonesion Students Association
+          - naam: indosag
 
       - tekst: Japan
         verenigingen:
-        - naam: Tomo no kai
+        - naam: tnok
 
       - tekst: Vietnam
         verenigingen:
-          - naam: Vinasag
+          - naam: vinasag
 
       - tekst: Sub-Sahara Afrika
         verenigingen:
-          - naam: Umoya
 
----
\ No newline at end of file
+---
diff --git a/content/quiz/vraag4.md b/content/quiz/vraag4.md
index 2114ca0..062b6fd 100644
--- a/content/quiz/vraag4.md
+++ b/content/quiz/vraag4.md
@@ -4,101 +4,100 @@ type: meerkeuze
 antwoorden:
   - tekst: Andere studenten ondersteunen
     verenigingen:
-      - naam: FLUX
-      - naam: Cultour
-      - naam: Start to Talk
+      - naam: flux
+      - naam: cultour
+      - naam: bemsa
 
   - tekst: Archeologie
     verenigingen:
-      - naam: Archeologische werkgroep
+      - naam: aw
 
   - tekst: Armenië
     verenigingen:
-      - naam: Hayasa
+      - naam: hayasa
 
   - tekst: BDSM
     verenigingen:
-      - naam: Kajira
+      - naam: kajira
   - tekst: Consulting
 
     verenigingen:
-      - naam: 180 Degrees consulting
-      - naam: Feunig
+      - naam: oedc
+      - naam: feunig
 
   - tekst: Dansen
     verenigingen:
-      - naam: GUDc
+      - naam: gudc
 
   - tekst: Dichtkunst en gesproken woord
     verenigingen:
-      - naam: Auw La
-      - naam: Prometheus
+      - naam: auwla
+      - naam: prometheus
 
   - tekst: Duurzaamheid
     verenigingen:
-      - naam: d'Urgent
+      - naam: urgent
 
   - tekst: Europese politiek
     verenigingen:
-      - naam: Minos
+      - naam: minos
 
   - tekst: Evenementen helpen organiseren
     verenigingen:
-      - naam: 12UL
-      - naam: Student Kickoff
+      - naam: vtk
 
   - tekst: Financiële markten
     verenigingen:
-      - naam: Capitant
+      - naam: capitant
 
   - tekst: Fotografie
     verenigingen:
-      - naam: Schamper
+      - naam: schamper
 
   - tekst: Fysica en sterrenkunde
     verenigingen:
-      - naam: verenigingen voor natuurkunde
+      - naam: vvn
 
   - tekst: Informatica
     verenigingen:
-      - naam: Zeus WPI
+      - naam: zeus
 
   - tekst: Japan
     verenigingen:
-      - naam: Tomo no kai
+      - naam: tnok
 
   - tekst: Journalistiek
     verenigingen:
-      - naam: Schamper
-      - naam: Urgent.fm
+      - naam: schamper
+      - naam: urgent
 
   - tekst: Kritisch denken en debat
     verenigingen:
-      - naam: ENGAGE
-      - naam: t Zal wel gaan
+      - naam: engage
+      - naam: tzal
 
   - tekst: land- en tuinbouw
     verenigingen:
-      - naam: Groene Kring
-      - naam: Stujardin
+      - naam: gk
+      - naam: stujardin
 
   - tekst: Lay-out
     verenigingen:
-      - naam: Schamper
+      - naam: schamper
 
   - tekst: mentale gezondheid
     verenigingen:
-      - naam: Start to talk
+      - naam: bemsa
 
   - tekst: Muziek spelen
     verenigingen:
-      - naam: GUHO
-      - naam: GUSO
-      - naam: Studentenfanfare
+      - naam: guho
+      - naam: guso
+      - naam: sf
 
   - tekst: ondernemen
     verenigingen:
-      - naam: FLYSE
+      - naam: flyse
 
   - tekst: Politiek
     vraag: Welke overtuiging?
@@ -106,84 +105,85 @@ antwoorden:
     antwoorden:
       - tekst: Vlaams-Nationalistisch en conservatief
         verenigingenen:
-          - naam: KVHV
-          - naam: NSV
+          - naam: kvhv
+          - naam: nsv
 
       - tekst: Antikapitalistisch
         verenigingenen:
-          - naam: ALS
+          - naam: als
 
       - tekst: Christendemocraat
         verenigingenen:
-          - naam: CDS
+          - naam: cds
 
       - tekst: Zeer socialistisch
         verenigingenen:
-          - naam: Comac
+          - naam: comac
 
       - tekst: Groen en links
         verenigingenen:
-          - naam: Jong Groen StuGent
+          - naam: jgroen
 
       - tekst: Vlaams-republikeins
         verenigingenen:
-          - naam: Jong N-Va Ugent
+          - naam: jongnva
 
       - tekst: Socialistisch
         verenigingenen:
-          - naam: Jongsocialisten StuGent
+          - naam: js
 
       - tekst: Liberaal
         verenigingenen:
-          - naam: LVSV
+          - naam: lvsv
 
   - tekst: radio maken
     verenigingen:
-      - naam: Urgent.fm
+      - naam: urgent
 
   - tekst: Schilderen
     verenigingen:
-      - naam: Schildersatelier
+      - naam: schilder
 
   - tekst: Schrijven
     verenigingen:
-      - naam: Schamper
-      - naam: Auw La
+      - naam: schamper
+      - naam: auwla
 
   - tekst: studentenvertegenwoordiging
     verenigingen:
-      - naam: GSR
+      - naam: gsr
 
   - tekst: Techniek
     verenigingen:
-      - naam: IEEE Student Branch Gent
-      - naam: BEST
+      - naam: ieee
+      - naam: best
 
   - tekst: Theater
     verenigingen:
-      - naam: Matrak
+      - naam: matrak
 
   - tekst: Wereldpolitiek
     verenigingen:
-      - naam: VVN Youth
+      - naam: vvny
 
   - tekst: Wiskunde
     verenigingen:
-      - naam: PRIME
+      - naam: prime
 
   - tekst: Zingen
     verenigingen:
-      - naam: GUK
+      - naam: guk
 
   - tekst: Culturele Voorstellingen bijwonen
     verenigingen:
-      - naam: Cultour
+      - naam: cultour
 
-  - tekst: economie
+  - tekst: Economie
     verenigingen:
-      - naam: Rethinking economics
+      - naam: flyse
+      - naam: capitant
 
   - tekst: Illusionisme
     verenigingen:
-      - naam: Illusiona
+      - naam: illusiona
 ---
diff --git a/content/verenigingen/cultour.md b/content/verenigingen/cultour.md
new file mode 100644
index 0000000..dd51bb0
--- /dev/null
+++ b/content/verenigingen/cultour.md
@@ -0,0 +1,6 @@
+---
+titel: Cultour
+id: cultour
+naam: Cultour
+konvent: gsr
+---
diff --git a/content/verenigingen/flux.md b/content/verenigingen/flux.md
new file mode 100644
index 0000000..57de8e0
--- /dev/null
+++ b/content/verenigingen/flux.md
@@ -0,0 +1,6 @@
+---
+titel: FLUX
+id: flux
+naam: FLUX
+konvent: sk
+---
diff --git a/content/verenigingen/illusiona.md b/content/verenigingen/illusiona.md
new file mode 100644
index 0000000..6612eb7
--- /dev/null
+++ b/content/verenigingen/illusiona.md
@@ -0,0 +1,6 @@
+---
+titel: Illusiona
+id: illusiona
+naam: Illusiona
+konvent: gsr
+---
diff --git a/content/verenigingen/ugentmun.md b/content/verenigingen/ugentmun.md
index 1a185e9..c8673a9 100644
--- a/content/verenigingen/ugentmun.md
+++ b/content/verenigingen/ugentmun.md
@@ -3,4 +3,4 @@ titel: UGent MUN
 id: ugentmun
 naam: UGent MUN
 konvent: gsr
----
\ No newline at end of file
+---

From 2e0873446737d0b3227da9d7e7526779698f13a6 Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@outlook.com>
Date: Thu, 19 Mar 2020 22:24:54 +0100
Subject: [PATCH 21/24] do cool shit, like live update things

---
 layouts/partials/group_small.erb |  1 +
 layouts/partials/question.erb    |  2 +-
 layouts/quiz.erb                 | 43 ++++++++++++++++++++++++++------
 lib/helpers/verenigingen.rb      |  5 +++-
 4 files changed, 41 insertions(+), 10 deletions(-)
 create mode 100644 layouts/partials/group_small.erb

diff --git a/layouts/partials/group_small.erb b/layouts/partials/group_small.erb
new file mode 100644
index 0000000..784c9b6
--- /dev/null
+++ b/layouts/partials/group_small.erb
@@ -0,0 +1 @@
+<%= link_to group[:titel], group %>
diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index b0c451c..86de685 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -62,7 +62,7 @@
         // Update results
         save_answers(selected.flatMap(e => question_results[e] || []));
         del_answers(last_answered.flatMap(e => question_results[e] || []));
-        print_answers();
+        finish_answers();
 
         // Make possible sub question visible
         const quests = selected.flatMap(e => sub_questions[e] || []);
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 1085d90..073bf96 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -1,7 +1,31 @@
 
+<div style="display: flex">
+    <div style="width: 70vw;">
+    <% @items.find_all("/quiz/*").each_with_index do |quest, i| %>
+        <div id="question_<%=i%>" class="question">
+            <%= render '/partials/question.*', question: quest %>
+        </div>
+    <% end %>
+    </div>
+
+    <div style="width: 28vw;" style="display: flex; flex-direction: column;">
+        <% all_groups().each do |group| %>
+        <div id="d_<%= group[:id] %>" style="display: none;">
+            <%= render '/partials/group_small.*', group: group %>
+        </div>
+        <% end %>
+    </div>
+</div>
+
 <script>
+    const _groups = {};
+    <% all_groups().each do |group| %>
+    _groups["d_<%= group[:id] %>"] = document.getElementById("d_<%= group[:id] %>");
+    <% end %>
     const _save_answers = {};
 
+    console.log(_groups);
+
     function save_answers(vers) {
         for (let ver of vers) {
             if (_save_answers[ver]) {
@@ -16,10 +40,18 @@
         for (let ver of vers) {
             _save_answers[ver] -= 1;
         }
-
     }
 
-    function print_answers() {
+    function finish_answers() {
+        for (let ver in _save_answers) {
+            console.log(ver);
+            if (_save_answers[ver] == 0) {
+                _groups["d_"+ver].style.display = "none";
+            } else {
+                _groups["d_"+ver].style.display = "block";
+                _groups["d_"+ver].style.order = -1 * _save_answers[ver];
+            }
+        }
         console.log(_save_answers);
     }
 
@@ -32,16 +64,11 @@
         opt = options[i];
 
         if (opt.selected) {
-        result.push(opt.value || opt.text);
+            result.push(opt.value || opt.text);
         }
     }
     return result;
     }
 </script>
 
-<% @items.find_all("/quiz/*").each_with_index do |quest, i| %>
-    <div id="question_<%=i%>" class="question">
-        <%= render '/partials/question.*', question: quest %>
-    </div>
-<% end %>
 <%= yield %>
diff --git a/lib/helpers/verenigingen.rb b/lib/helpers/verenigingen.rb
index 7ee51a7..21534de 100644
--- a/lib/helpers/verenigingen.rb
+++ b/lib/helpers/verenigingen.rb
@@ -11,4 +11,7 @@ module VerenigingenHelper
     def konvents
         @items.find_all("**/verenigingen/*").map{|x| x[:konvent]}.uniq.compact
     end
-  end
\ No newline at end of file
+    def all_groups
+        @items.find_all("**/verenigingen/*") + @items.find_all("**/konventen/*")
+    end
+  end

From 5b8f20f7235b6bc6443bdb173d48dd81016e6462 Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@ugent.be>
Date: Fri, 28 Aug 2020 20:54:26 +0200
Subject: [PATCH 22/24] fix charset in default.erb

---
 layouts/default.erb | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/layouts/default.erb b/layouts/default.erb
index 13ea155..2334881 100644
--- a/layouts/default.erb
+++ b/layouts/default.erb
@@ -1,12 +1,13 @@
 <html>
-    <head>
-        <title> Durf Doen! - <%= item[:titel] || item.identifier.without_ext.split('/').last %> </title>
-        <link rel="stylesheet" href="/stylesheets/main.css">
-        <link rel="shortcut icon" href="/assets/favicon.png">
-        <%= item[:head] %>
-    </head>
-    <body>
-        <%= render '/partials/navbar.*' %>
-        <%= yield %>
-    </body>
+  <head>
+    <title> Durf Doen! - <%= item[:titel] || item.identifier.without_ext.split('/').last %> </title>
+    <link rel="stylesheet" href="/stylesheets/main.css">
+    <link rel="shortcut icon" href="/assets/favicon.png">
+    <meta charset="UTF-8">
+    <%= item[:head] %>
+  </head>
+  <body>
+    <%= render '/partials/navbar.*' %>
+    <%= yield %>
+  </body>
 </html>

From 8838d83ebe24b24ff96169fcdcf424d5cc591f7c Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@ugent.be>
Date: Fri, 28 Aug 2020 22:36:50 +0200
Subject: [PATCH 23/24] make questions page per page shitty

---
 content/stylesheets/main.scss |   6 +-
 layouts/partials/question.erb | 133 +++++++++++-----------
 layouts/quiz.erb              | 204 +++++++++++++++++++++++-----------
 3 files changed, 208 insertions(+), 135 deletions(-)

diff --git a/content/stylesheets/main.scss b/content/stylesheets/main.scss
index 5422406..08f5819 100644
--- a/content/stylesheets/main.scss
+++ b/content/stylesheets/main.scss
@@ -53,8 +53,12 @@ h1 {
     flex-basis: 100%;
     border-top: 2px solid black;
   }
-  .details-verenigingen{
+  .details-verenigingen {
     order: 4;
     flex-basis: 100%;
   }
 }
+
+.hidden {
+  display: none;
+}
diff --git a/layouts/partials/question.erb b/layouts/partials/question.erb
index 86de685..642df21 100644
--- a/layouts/partials/question.erb
+++ b/layouts/partials/question.erb
@@ -1,75 +1,74 @@
 <h2> <%= question[:vraag] %> </h2>
 <select <% if question[:type] == "meerkeuze" %> multiple="multiple" <% end %>
     id="<%= (question[:tekst] || "") + (question[:vraag] || "") %>_option">
-    <option value="" selected="selected disabled hidden">Maak uw keuze</option>
-    <% for answer in question[:antwoorden]%>
-        <option value='<%= answer[:tekst] + (answer[:vraag] || "") %>'>
-            <%= answer[:tekst] %>
-        </option>
-    <% end %>
+  <option value="" selected="selected disabled hidden">Maak uw keuze</option>
+  <% for answer in question[:antwoorden]%>
+    <option value='<%= answer[:tekst] + (answer[:vraag] || "") %>'>
+      <%= answer[:tekst] %>
+    </option>
+  <% end %>
 </select>
 <% for answer in question[:antwoorden]%>
-    <% if answer[:vraag] %>
-        <div id='<%= answer[:tekst] + answer[:vraag] %>' style="display:none;">
-            <%= render '/partials/question.*', question: answer  %>
-        </div>
-    <% end %>
+  <% if answer[:vraag] %>
+    <div id='<%= html_escape(answer[:tekst] + answer[:vraag]) %>' style="display:none;">
+      <%= render '/partials/question.*', question: answer  %>
+    </div>
+  <% end %>
 <% end %>
-
 <script>
-{
-    // Reference back to the last selected option
-    // This way we can 'deselect' the question results
-    let last_answered = [];
-
-    // Create list of all subquestions
-    const sub_questions = {};
-    // Create list of all student organisations this answer entails
-    const question_results = {};
-
-    <% for answer in question[:antwoorden] %>
-        <% if answer[:vraag] %>
-            sub_questions['<%= answer[:tekst] + answer[:vraag] %>'] = document.getElementById('<%= answer[:tekst] + answer[:vraag] %>');
-        <% end %>
-
-        question_results['<%= answer[:tekst] + (answer[:vraag] || "") %>'] = [];
-        <% if answer[:verenigingen] %>
-            <% for vereniging in answer[:verenigingen] %>
-                question_results['<%= answer[:tekst] + (answer[:vraag] || "") %>'].push(
-                    "<%= vereniging[:naam] %>"
-                );
-            <% end %>
-        <% end %>
-    <% end %>
-
-    document.getElementById("<%= (question[:tekst] || "") + (question[:vraag] || "") %>_option").addEventListener('change', (event) => {
-        for (let la of last_answered) {
-            if (sub_questions[la]) {
-                sub_questions[la].style.display = "none";
-
-                // sub is the select dom element, that listens for changes
-                // When a parent is changed, it should notify it's last_answered child that it is changed
-                const sub = document.getElementById(la+"_option");
-                if (sub) {
-                    sub.value = null;
-                    sub.dispatchEvent(new event.constructor(event.type, event));
-                }
-            }
-        }
-
-        const selected = getSelectValues(event.target);
-
-        // Update results
-        save_answers(selected.flatMap(e => question_results[e] || []));
-        del_answers(last_answered.flatMap(e => question_results[e] || []));
-        finish_answers();
-
-        // Make possible sub question visible
-        const quests = selected.flatMap(e => sub_questions[e] || []);
-        last_answered = selected;
-        for (let quest of quests) {
-            delete quest.style.removeProperty("display");
-        }
-    });
-}
+  {
+      // Reference back to the last selected option
+      // This way we can 'deselect' the question results
+      let last_answered = [];
+  
+      // Create list of all subquestions
+      const sub_questions = {};
+      // Create list of all student organisations this answer entails
+      const question_results = {};
+  
+      <% for answer in question[:antwoorden] %>
+          <% if answer[:vraag] %>
+              sub_questions['<%= html_escape(answer[:tekst] + answer[:vraag]) %>'] = document.getElementById('<%= html_escape(answer[:tekst] + answer[:vraag]) %>');
+          <% end %>
+  
+          question_results['<%= answer[:tekst] + (answer[:vraag] || "") %>'] = [];
+          <% if answer[:verenigingen] %>
+              <% for vereniging in answer[:verenigingen] %>
+                  question_results['<%= answer[:tekst] + (answer[:vraag] || "") %>'].push(
+                      "<%= vereniging[:naam] %>"
+                  );
+              <% end %>
+          <% end %>
+      <% end %>
+  
+      document.getElementById("<%= (question[:tekst] || "") + (question[:vraag] || "") %>_option").addEventListener('change', (event) => {
+          for (let la of last_answered) {
+              if (sub_questions[la]) {
+                  sub_questions[la].style.display = "none";
+  
+                  // sub is the select dom element, that listens for changes
+                  // When a parent is changed, it should notify it's last_answered child that it is changed
+                  const sub = document.getElementById(la+"_option");
+                  if (sub) {
+                      sub.value = null;
+                      sub.dispatchEvent(new event.constructor(event.type, event));
+                  }
+              }
+          }
+  
+          const selected = getSelectValues(event.target);
+  
+          // Update results
+          save_answers(selected.flatMap(e => question_results[e] || []));
+          del_answers(last_answered.flatMap(e => question_results[e] || []));
+          save_state();
+  
+          // Make possible sub question visible
+          const quests = selected.flatMap(e => sub_questions[e] || []);
+          last_answered = selected;
+          for (let quest of quests) {
+              delete quest.style.removeProperty("display");
+          }
+      });
+  }
 </script>
diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 073bf96..6f49f10 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -1,74 +1,144 @@
-
-<div style="display: flex">
-    <div style="width: 70vw;">
-    <% @items.find_all("/quiz/*").each_with_index do |quest, i| %>
-        <div id="question_<%=i%>" class="question">
-            <%= render '/partials/question.*', question: quest %>
-        </div>
-    <% end %>
-    </div>
-
-    <div style="width: 28vw;" style="display: flex; flex-direction: column;">
-        <% all_groups().each do |group| %>
-        <div id="d_<%= group[:id] %>" style="display: none;">
-            <%= render '/partials/group_small.*', group: group %>
-        </div>
-        <% end %>
+<div style="margin: auto; width: 70%;">
+  <% @items.find_all("/quiz/*").each_with_index do |quest, i| %>
+    <div id="question_<%=i+1%>" class="question hidden">
+      <%= render '/partials/question.*', question: quest %>
     </div>
+  <% end %>
+</div>
+<div id="resultWrapper" style="width: 28vw;" style="display: flex; flex-direction: column;" class="hidden">
+  <% all_groups().each do |group| %>
+    <div id="d_<%= group[:id] %>" style="display: none;">
+      <%= render '/partials/group_small.*', group: group %>
+    </div>
+  <% end %>
+</div>
+<div style="width: 70%; margin: auto; display: flex; justify-content: space-between;">
+  <button id="previousButton" onclick="goPrevious()">
+    Vorige!
+  </button>
+  <button id="nextButton" onclick="goNext()">
+    Volgende!
+  </button>
 </div>
-
 <script>
-    const _groups = {};
-    <% all_groups().each do |group| %>
-    _groups["d_<%= group[:id] %>"] = document.getElementById("d_<%= group[:id] %>");
-    <% end %>
-    const _save_answers = {};
-
-    console.log(_groups);
-
-    function save_answers(vers) {
-        for (let ver of vers) {
-            if (_save_answers[ver]) {
-                _save_answers[ver] += 1;
-            } else {
-                _save_answers[ver] = 1;
-            }
+  const params = (function(url) {
+    if(!url) return {};
+    const params = {};
+    for(let currentVar of url.substring(1).split("&")) {
+        var pair = currentVar.split('=');
+      params[pair[0]] = decodeURIComponent(pair[1]);
+    }
+  
+    return params;
+  })(window.location.search);
+  
+  const questionIndex = 'vraag' in params ? parseInt(params['vraag']) : 1;
+  const questionId = "question_"+questionIndex;
+  
+  const currentQuestion = document.getElementById(questionId);
+  const _save_answers = {};
+  
+  function createUrl(questionIndex) {
+    const queryStart = window.location.href.indexOf("?");
+  
+    const url = queryStart >= 0 ? window.location.href.substring(0, queryStart) : window.location.href;
+  
+    return url + "?vraag="+questionIndex;
+  }
+  
+  const _groups = (function() {
+      const groups = {};
+      <% all_groups().each do |group| %>
+        groups["d_<%= group[:id] %>"] = document.getElementById("d_<%= group[:id] %>");
+      <% end %>
+    return groups;
+  })();
+  
+  
+  (function showCorrectElements() {
+    if(questionIndex == 1) {
+      document.getElementById("previousButton").disabled = true;
+    }
+  
+    if(!currentQuestion) {
+      document.getElementById("nextButton").disabled = true;
+      document.getElementById("resultWrapper").classList.remove("hidden");
+  
+      const result = {};
+      for(let question of document.getElementsByClassName("question")) {
+        const div = window.sessionStorage[question.id];
+        if(!div) continue;
+        console.log(div);
+  
+  
+        const resultObj = JSON.parse(div);
+        for (let key in resultObj) {
+          if (!(key in result)) result[key] = 0;
+          result[key] += resultObj[key];
         }
+      }
+  
+      show_result(result);
+    } else {
+      currentQuestion.classList.remove("hidden");
     }
-
-    function del_answers(vers) {
-        for (let ver of vers) {
-            _save_answers[ver] -= 1;
-        }
-    }
-
-    function finish_answers() {
-        for (let ver in _save_answers) {
-            console.log(ver);
-            if (_save_answers[ver] == 0) {
-                _groups["d_"+ver].style.display = "none";
-            } else {
-                _groups["d_"+ver].style.display = "block";
-                _groups["d_"+ver].style.order = -1 * _save_answers[ver];
-            }
-        }
-        console.log(_save_answers);
-    }
-
-  function getSelectValues(select) {
-    var result = [];
-    var options = select && select.options;
-    var opt;
-
-    for (var i=0, iLen=options.length; i<iLen; i++) {
-        opt = options[i];
-
-        if (opt.selected) {
-            result.push(opt.value || opt.text);
-        }
-    }
-    return result;
-    }
+  })();
+  
+  function save_answers(vers) {
+      console.log(vers);
+      for (let ver of vers) {
+          if (_save_answers[ver]) {
+              _save_answers[ver] += 1;
+          } else {
+              _save_answers[ver] = 1;
+          }
+      }
+  }
+  
+  function del_answers(vers) {
+      for (let ver of vers) {
+          _save_answers[ver] -= 1;
+      }
+  }
+  
+  function show_result(result) {
+      for (let ver in result) {
+          if (result[ver] == 0) {
+              _groups["d_"+ver].style.display = "none";
+          } else {
+              _groups["d_"+ver].style.display = "block";
+              _groups["d_"+ver].style.order = -1 * result[ver];
+          }
+      }
+  
+      console.log(result);
+  }
+  
+  function save_state() {
+    window.sessionStorage.setItem(questionId, JSON.stringify(_save_answers));
+  }
+  
+    function getSelectValues(select) {
+      var result = [];
+      var options = select && select.options;
+      var opt;
+  
+      for (var i=0, iLen=options.length; i<iLen; i++) {
+          opt = options[i];
+  
+          if (opt.selected) {
+              result.push(opt.value || opt.text);
+          }
+      }
+      return result;1
+  }
+  
+  function goNext() {
+    window.location.replace(createUrl(questionIndex+1));
+  }
+  
+  function goPrevious() {
+      window.location.replace(createUrl(questionIndex-1));
+  }
 </script>
-
 <%= yield %>

From 636392a78666d477e26232cf466b54d6b55cc39f Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@ugent.be>
Date: Fri, 28 Aug 2020 23:48:27 +0200
Subject: [PATCH 24/24] fix back and forward propagation

---
 layouts/quiz.erb | 164 +++++++++++++++++++++++++++++------------------
 1 file changed, 102 insertions(+), 62 deletions(-)

diff --git a/layouts/quiz.erb b/layouts/quiz.erb
index 6f49f10..5c3aca0 100644
--- a/layouts/quiz.erb
+++ b/layouts/quiz.erb
@@ -13,7 +13,7 @@
   <% end %>
 </div>
 <div style="width: 70%; margin: auto; display: flex; justify-content: space-between;">
-  <button id="previousButton" onclick="goPrevious()">
+  <button id="previousButton" onclick="window.history.back()">
     Vorige!
   </button>
   <button id="nextButton" onclick="goNext()">
@@ -21,32 +21,8 @@
   </button>
 </div>
 <script>
-  const params = (function(url) {
-    if(!url) return {};
-    const params = {};
-    for(let currentVar of url.substring(1).split("&")) {
-        var pair = currentVar.split('=');
-      params[pair[0]] = decodeURIComponent(pair[1]);
-    }
-  
-    return params;
-  })(window.location.search);
-  
-  const questionIndex = 'vraag' in params ? parseInt(params['vraag']) : 1;
-  const questionId = "question_"+questionIndex;
-  
-  const currentQuestion = document.getElementById(questionId);
-  const _save_answers = {};
-  
-  function createUrl(questionIndex) {
-    const queryStart = window.location.href.indexOf("?");
-  
-    const url = queryStart >= 0 ? window.location.href.substring(0, queryStart) : window.location.href;
-  
-    return url + "?vraag="+questionIndex;
-  }
-  
-  const _groups = (function() {
+  // This is always the same, like a static macro
+  const _groups = (function resetGroups() {
       const groups = {};
       <% all_groups().each do |group| %>
         groups["d_<%= group[:id] %>"] = document.getElementById("d_<%= group[:id] %>");
@@ -54,22 +30,73 @@
     return groups;
   })();
   
+  // This keeps the state of the current question/result
+  // So navigating between questions works without reload
+  const state = {
+    'question': {
+      'index': 0,
+      'id': "",
+      'element': undefined
+    },
+    'answers': {},
+    'allQuestions': document.getElementsByClassName("question"),
+  };
   
-  (function showCorrectElements() {
-    if(questionIndex == 1) {
-      document.getElementById("previousButton").disabled = true;
+  var depth = 0;
+  const previousButton = document.getElementById("previousButton");
+  const nextButton = document.getElementById("nextButton");
+  const resultWrapper = document.getElementById("resultWrapper");
+  
+  function reset() {
+    const params = getParams();
+  
+    state.question.index = 'vraag' in params ? parseInt(params['vraag']) : 1;
+    state.question.id = "question_"+state.question.index;
+    state.question.element = document.getElementById(state.question.id);
+  
+    state.answers = {};
+  
+    save_state();
+    showCorrectElements();
+  }
+  
+  function getParams() {
+    const url = window.location.search;
+    if(!url) return {};
+    const paramsBuilder = {};
+    for(let currentVar of url.substring(1).split("&")) {
+      var pair = currentVar.split('=');
+      paramsBuilder[pair[0]] = decodeURIComponent(pair[1]);
     }
   
-    if(!currentQuestion) {
-      document.getElementById("nextButton").disabled = true;
-      document.getElementById("resultWrapper").classList.remove("hidden");
+    return paramsBuilder;
+  }
+  
+  function createRelativeUrl(newQuestionIndex) {
+    return window.location.pathname + "?vraag="+newQuestionIndex;
+  }
+  
+  function showCorrectElements() {
+    // This part resets to the original state;
+    for(let question of state.allQuestions) {
+      question.classList.add("hidden");
+    }
+    resultWrapper.classList.add("hidden");
+  
+    if(state.question.index == 1) {
+      previousButton.disabled = true;
+    } else {
+      previousButton.disabled = false;
+    }
+  
+    if(!state.question.element) {
+      nextButton.disabled = true;
+      resultWrapper.classList.remove("hidden");
   
       const result = {};
-      for(let question of document.getElementsByClassName("question")) {
+      for(let question of state.allQuestions) {
         const div = window.sessionStorage[question.id];
         if(!div) continue;
-        console.log(div);
-  
   
         const resultObj = JSON.parse(div);
         for (let key in resultObj) {
@@ -80,24 +107,24 @@
   
       show_result(result);
     } else {
-      currentQuestion.classList.remove("hidden");
+      nextButton.disabled = false;
+      state.question.element.classList.remove("hidden");
     }
-  })();
+  };
   
   function save_answers(vers) {
-      console.log(vers);
-      for (let ver of vers) {
-          if (_save_answers[ver]) {
-              _save_answers[ver] += 1;
-          } else {
-              _save_answers[ver] = 1;
-          }
+    for (let ver of vers) {
+      if (state.answers[ver]) {
+          state.answers[ver] += 1;
+      } else {
+          state.answers[ver] = 1;
       }
+    }
   }
   
   function del_answers(vers) {
       for (let ver of vers) {
-          _save_answers[ver] -= 1;
+          state.answers[ver] -= 1;
       }
   }
   
@@ -110,35 +137,48 @@
               _groups["d_"+ver].style.order = -1 * result[ver];
           }
       }
-  
-      console.log(result);
   }
   
   function save_state() {
-    window.sessionStorage.setItem(questionId, JSON.stringify(_save_answers));
+    window.sessionStorage.setItem(state.question.id, JSON.stringify(state.answers));
   }
   
-    function getSelectValues(select) {
-      var result = [];
-      var options = select && select.options;
-      var opt;
+  function getSelectValues(select) {
+    var result = [];
+    var options = select && select.options;
+    var opt;
   
-      for (var i=0, iLen=options.length; i<iLen; i++) {
-          opt = options[i];
+    for (var i=0, iLen=options.length; i<iLen; i++) {
+        opt = options[i];
   
-          if (opt.selected) {
-              result.push(opt.value || opt.text);
-          }
-      }
-      return result;1
+        if (opt.selected) {
+            result.push(opt.value || opt.text);
+        }
+    }
+    return result;
   }
   
   function goNext() {
-    window.location.replace(createUrl(questionIndex+1));
+    window.history.pushState("object or string", "", createRelativeUrl(state.question.index + 1));
+    depth += 1;
+  
+    reset();
   }
   
   function goPrevious() {
-      window.location.replace(createUrl(questionIndex-1));
+    if(depth > 1) {
+      depth -= 1;
+      window.history.replaceState("", "", createRelativeUrl(state.question.index - 1));
+    }
+  
+    reset();
   }
+  
+  window.addEventListener("popstate", e => {
+    e.preventDefault();
+    goPrevious();
+  });
+  
+  reset();
 </script>
 <%= yield %>