Highlight active item in nav

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/"},
 ]

sass/style.scss

@@ -61,7 +61,7 @@ body>nav {
 		color: #fc0;
 		text-decoration: none;
 
-		&:hover {
+		&:hover, &.active {
 			background: #131516;
 		}
 	}

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>