diff options
| -rw-r--r-- | _data/navigation.yml | 8 | ||||
| -rw-r--r-- | _includes/navigation.html | 2 | ||||
| -rw-r--r-- | _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; |