From f967b17607d4a251f6bfb3d970c07ef491ef6ba9 Mon Sep 17 00:00:00 2001
From: la-ninpre <leobrekalini@gmail.com>
Date: Fri, 14 Aug 2020 19:27:46 +0300
Subject: add subtle current page indication to navbar

and fix some links in site data to make it work.
it's kinda subtle yet, maybe change it later.
---
 _data/navigation.yml      | 8 ++++----
 _includes/navigation.html | 2 +-
 _sass/main.scss           | 4 ++++
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/_data/navigation.yml b/_data/navigation.yml
index a774e85..cad0fd1 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -1,10 +1,10 @@
 - name: home
   link: /
 - name: music
-  link: /music
+  link: /music/
 - name: art
-  link: /art
+  link: /art/
 - name: other
-  link: /other
+  link: /other/
 - name: about
-  link: /about
+  link: /about/
diff --git a/_includes/navigation.html b/_includes/navigation.html
index c11df77..db577db 100644
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -1,7 +1,7 @@
 <nav>
 	<ul>
 		{% for item in site.data.navigation %}
-		<li><a href="{{ item.link }}">{{ item.name }}</a></li>
+		<li><a href="{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}>{{ item.name }}</a></li>
 		{% endfor %}
 	</ul>
 	<img src="/assets/img/aaoth-logo.png" alt="aaoth">
diff --git a/_sass/main.scss b/_sass/main.scss
index a12cc99..a36b18b 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -23,6 +23,10 @@ a:hover {
 	color: #999;
 }
 
+.current {
+	color: #333;
+}
+
 nav {
 	display: flex;
 	font: 400 1.5em $title-font;
-- 
cgit v1.2.3