2020-09-12 22:02:12 +02:00
|
|
|
<nav class="navbar">
|
|
|
|
<ul class="navbar-nav">
|
|
|
|
<li class="nav-item">
|
|
|
|
<a href="/" class="nav-link nav-link__logo">
|
|
|
|
<img src="/assets/OmdatHetDurfDoenLogoSuckt.png" alt="" class="logo__image">
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
|
2020-08-23 03:03:35 +02:00
|
|
|
<% for i in navigables %>
|
2020-09-12 22:02:12 +02:00
|
|
|
<li class="nav-item">
|
|
|
|
<a href="<%= i.path %>" class="nav-link">
|
2020-09-15 20:08:14 +02:00
|
|
|
<%= @items["/assets/navbar_icons/"+i.identifier.without_ext[1..]+".svg"].compiled_content %>
|
2020-09-12 22:02:12 +02:00
|
|
|
<span class="link-text"><%= i[:naam] %> </span>
|
|
|
|
</a>
|
|
|
|
</li>
|
2020-08-23 03:03:35 +02:00
|
|
|
<% end %>
|
|
|
|
|
2020-09-12 22:02:12 +02:00
|
|
|
<li class="nav-item">
|
2020-09-13 11:59:34 +02:00
|
|
|
<div class="nav-link">
|
|
|
|
<a href="/search.html"><%= @items["/assets/navbar_icons/search.svg"].compiled_content %></a>
|
|
|
|
<form class="link-text" action="/search.html">
|
|
|
|
<input type="search" name="q" placeholder="Zoek…">
|
|
|
|
</form>
|
|
|
|
</a>
|
2020-09-12 22:02:12 +02:00
|
|
|
</li>
|
2020-08-23 03:03:35 +02:00
|
|
|
</ul>
|
|
|
|
</nav>
|
2020-09-12 22:02:12 +02:00
|
|
|
|
|
|
|
<script>
|
2020-09-15 20:08:14 +02:00
|
|
|
const nav_links = document.querySelectorAll(".nav-link");
|
2020-09-12 22:02:12 +02:00
|
|
|
nav_links.forEach(nav_link => {
|
|
|
|
if (nav_link.getAttribute("href") === window.location.pathname) {
|
|
|
|
nav_link.classList.add("active_link");
|
|
|
|
}
|
|
|
|
})
|
|
|
|
</script>
|