From 90f5f0e5f42b9a521449be4d78efd1e330b21772 Mon Sep 17 00:00:00 2001
From: Jim Martens <github@2martens.de>
Date: Sun, 24 Dec 2017 22:00:17 +0100
Subject: [PATCH] Added active states

* see #3

Signed-off-by: Jim Martens <github@2martens.de>
---
 _data/header-menu.yml | 4 ++--
 _includes/header.html | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/_data/header-menu.yml b/_data/header-menu.yml
index 9c8b8a9..a64d945 100644
--- a/_data/header-menu.yml
+++ b/_data/header-menu.yml
@@ -1,5 +1,5 @@
 items:
-  - link: /about/#
+  - link: /about/
     title: About
-  - link: /media
+  - link: /media/
     title: Media
\ No newline at end of file
diff --git a/_includes/header.html b/_includes/header.html
index 85c9570..d3d308f 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -17,7 +17,7 @@
                     {% for item in site.data.header-menu.items %}
                         {% if item.items %}
                             <li class="nav-item dropdown">
-                                <a class="nav-link dropdown-toggle" href="{{ item.link }}" id="navbarDropdown" role="button"
+                                <a class="nav-link dropdown-toggle{% if item.link == page.url %} active{% endif %}" href="{{ item.link }}" id="navbarDropdown" role="button"
                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                     {{ item.title }}
                                 </a>
@@ -29,7 +29,7 @@
                             </li>
                         {% else %}
                             <li class="nav-item">
-                                <a class="nav-link" href="{{ item.link }}">{{ item.title }}</a>
+                                <a class="nav-link{% if item.link == page.url %} active{% endif %}" href="{{ item.link }}">{{ item.title }}</a>
                             </li>
                         {% endif %}
                     {% endfor %}