Use ID to find SVG, lowercase "verenigingen"

content/faq.erb

@@ -4,7 +4,7 @@ navigable: true
 order: 3
 ---
 <div>
-<h1>FAQ — Vaakgestelde vragen</h1>
+<h2>FAQ — Vaakgestelde vragen</h2>
 <% @items.find_all('/faq/*').each do |question| %>
   <details>
     <summary>

content/verenigingen.md

@@ -1,5 +1,5 @@
 ---
-naam: Ontdek Verenigingen
+naam: Ontdek verenigingen
 navigable: true
 order: 2
 ---

layouts/partials/navbar.erb

@@ -9,7 +9,7 @@
     <% for i in navigables %>
       <li class="nav-item">
         <a href="<%= i.path %>" class="nav-link">
-          <%= @items["/assets/navbar_icons/"+i[:naam]+".svg"].compiled_content %>
+          <%= @items["/assets/navbar_icons/"+i.identifier.without_ext[1..]+".svg"].compiled_content %>
           <span class="link-text"><%= i[:naam] %> </span>
         </a>
       </li>
@@ -27,7 +27,7 @@
 </nav>
 
 <script>
-  const nav_links = document.querySelectorAll(".nav_link");
+  const nav_links = document.querySelectorAll(".nav-link");
   nav_links.forEach(nav_link => {
     if (nav_link.getAttribute("href") === window.location.pathname) {
       nav_link.classList.add("active_link");