From 494379d020315bcc76d3eb52e53961f5904999b0 Mon Sep 17 00:00:00 2001
From: Fabrice Mouhartem <fabrice.mouhartem@ens-lyon.org>
Date: Mon, 6 Nov 2023 10:00:03 +0100
Subject: [PATCH] Navigation selects the current page

---
 readme.md          | 2 +-
 sass/_base.scss    | 2 +-
 templates/nav.html | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/readme.md b/readme.md
index 388da97..b15965b 100644
--- a/readme.md
+++ b/readme.md
@@ -29,7 +29,7 @@ The content of the website will be in the `public/` folder.
 
 # Todo
 
-- [ ] Modify templates/nav.html to take into account the current page
+- [x] Modify templates/nav.html to take into account the current page
 - [ ] Select better colors
 - [ ] Multi-language (fr/en) support
 	- https://www.getzola.org/documentation/content/multilingual/
diff --git a/sass/_base.scss b/sass/_base.scss
index c085b09..410c97d 100644
--- a/sass/_base.scss
+++ b/sass/_base.scss
@@ -119,7 +119,7 @@ nav {
       background-color: $menu_btn-selected;
       text-decoration: none;
     }
-    a.nav_selected {
+    a.nav_current {
       background-color: $menu_btn-selected;
     }
     font-size: 14pt;
diff --git a/templates/nav.html b/templates/nav.html
index 853cdca..4e91a79 100644
--- a/templates/nav.html
+++ b/templates/nav.html
@@ -1,9 +1,9 @@
 <nav>
   <menu>
-    <li><a class="nav_selected" href="/">Home</a></li>
+    <li><a {% if section and section == root %} class="nav_current" {% endif %} href="/">Home</a></li>
     {% for subsection in root.subsections %}
     {% set subsection = get_section(path=subsection, metadata_only=true) %}
-    <li><a href="{{ subsection.permalink }}">{{ subsection.title }}</a></li>
+    <li><a href="{{ subsection.permalink }}" {% if section and section == subsection %} class="nav_current" {% endif %}>{{ subsection.title }}</a></li>
     {% endfor %}
   </menu>
 </nav>