Navigation selects the current page

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/

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;

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>