From 9e5ba8583bcc3699ece4170c34f5eb5e70548409 Mon Sep 17 00:00:00 2001
From: Claudia Reynders <>
Date: Sat, 30 Apr 2022 18:43:10 +0200
Subject: [PATCH] Updated the header

- added a logo placeholder
- added an active class to the navigation item if the respected page is active
---
 src/_includes/components/header.njk | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/_includes/components/header.njk b/src/_includes/components/header.njk
index 0434573..002f6b0 100644
--- a/src/_includes/components/header.njk
+++ b/src/_includes/components/header.njk
@@ -1,11 +1,14 @@
 {% set navItems = collections.all | eleventyNavigation %}
 <header role="banner">
+  <div class="logo">
+    <span>My blog</span>
+  </div>
   <nav role="navigation" aria-label="main navigation" >
     <ul>
       {%- for item in navItems %}
-      <li>
-        <a href="{{ item.url }}">{{ item.key }}</a>
-      </li>
+        <li class="nav__item{{ ' active' if page.url === item.url }}">
+          <a href="{{ item.url }}">{{ item.key }}</a>
+        </li>
       {%- endfor -%}
     </ul>
   </nav>