better questions

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.*'

layouts/partials/question.erb

@@ -1,19 +1,19 @@
-<h1> <%= item[:vraag] %> </h1>
+<h1> <%= question[:vraag] %> </h1>
-<select id=<%= item[:vraag] %>>
+<select id="<%= question[:vraag] %>">
-<% for a in item[:antwoord] %>
+<% for a in question[:antwoord] %>
-    <option value=<%= a[:teskt] %>><%= a[:tekst] %></option>
+    <option value="<%= a[:tekst] %>"><%= a[:tekst] %></option>
-    <% if a[:vraag] != ""%>
+    <% if a.key?("vraag") %>
-        <div id=<% a[:vraag]%>>
+        <div id=<%= a[:vraag]%>>
-            <%= render '/partials/question.*' %>
+            <%= 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>
+</script>
-<%= yield %>

layouts/quiz.erb

@@ -1,8 +1,9 @@
 <h1>Hallo</h1>
 <ul>
-<% @items.find_all("**/quiz/*").each_with_index do |x, i| %>
+<% @items.find_all("**/quiz/*").each_with_index do |quest, i| %>
-    <div id="question<%i%>" class="quistion">
+    <div id="question_<%=i%>" class="question">
-        <%= render '/partials/question.*', item: x %>
+        <h2> <%= quest[:vraag] %> </h2>
+        <%= render '/partials/question.*', question: quest %>
     </div>
 <% end %>
 </ul>