From 8b7080bbdc9cf097179ec6142c9f75d773166f05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ma=C3=ABl=20Brunet?= <maelbrunet@gmail.com>
Date: Sat, 22 May 2021 13:06:44 +0200
Subject: [PATCH] Make home title configurable in CMS

---
 src/_data/nav.json                      |  4 ++++
 src/_includes/components/navigation.njk | 15 ++++++++-------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/_data/nav.json b/src/_data/nav.json
index b228017..e8ad805 100644
--- a/src/_data/nav.json
+++ b/src/_data/nav.json
@@ -1,5 +1,9 @@
 {
     "items": [
+        {
+            "text": "Home",
+            "url": "/"
+        },
         {
             "text": "All recipes",
             "url": "/recipes/"
diff --git a/src/_includes/components/navigation.njk b/src/_includes/components/navigation.njk
index 694694a..ed67f7f 100644
--- a/src/_includes/components/navigation.njk
+++ b/src/_includes/components/navigation.njk
@@ -1,14 +1,15 @@
 <nav class="c-nav">
     <ul class="c-nav__list">
-        <li>
-            <a href="/" class="c-nav__home">
-                <span class="c-nav__logo">{% include "icons/logo.svg" %}</span>
-                <span class="c-nav__nav-item c-nav__home-text {{ 'c-nav__nav-item--active' if page.url == '/' }}">Home</span>
-            </a>
-        </li>
         {% for navItem in nav.items %}
             <li>
-                <a href="{{ navItem.url }}" class="c-nav__nav-item {{ 'c-nav__nav-item--active' if page.url == navItem.url }}">{{ navItem.text }}</a>
+                {% if navItem.url == "/" %}
+                    <a href="/" class="c-nav__home">
+                        <span class="c-nav__logo">{% include "icons/logo.svg" %}</span>
+                        <span class="c-nav__nav-item c-nav__home-text {{ 'c-nav__nav-item--active' if page.url == '/' }}">{{ navItem.text }}</span>
+                    </a>
+                {% else%}
+                    <a href="{{ navItem.url }}" class="c-nav__nav-item {{ 'c-nav__nav-item--active' if page.url == navItem.url }}">{{ navItem.text }}</a>
+                {% endif %}
             </li>
         {% endfor %}
     </ul>