From c5274ef0310aaba7aaad62afa56e26875852045c Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Thu, 13 Apr 2023 14:30:24 +0200
Subject: [PATCH] Highlight active item in nav

---
 config.toml         | 2 +-
 sass/style.scss     | 2 +-
 templates/base.html | 6 +++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/config.toml b/config.toml
index f86a221..e8c0f08 100644
--- a/config.toml
+++ b/config.toml
@@ -15,7 +15,7 @@ highlight_code = true
 
 [extra]
 nav_items = [
-	{name="Index",     path="/"},
+	{name="Úvod",      path="/"},
 	{name="Projekty",  path="/projekty/"},
 	{name="Kontakty",  path="/kontakty/"},
 ]
diff --git a/sass/style.scss b/sass/style.scss
index 4724af4..7ec3888 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -61,7 +61,7 @@ body>nav {
 		color: #fc0;
 		text-decoration: none;
 
-		&:hover {
+		&:hover, &.active {
 			background: #131516;
 		}
 	}
diff --git a/templates/base.html b/templates/base.html
index 05685e8..f05baa1 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -25,7 +25,11 @@
 		</header>
 		<nav>
 			{% for item in config.extra.nav_items %}
-				<a href="{{ item.path }}">{{ item.name }}</a>
+				<a href="{{ item.path }}"
+					{% if item.path == current_path and item.path != "/" %}
+						class="active"
+					{% endif %}
+				>{{ item.name }}</a>
 			{% endfor %}
 		</nav>
 	</body>