From c73667356111859e61333e8bb84af68db6d54920 Mon Sep 17 00:00:00 2001 From: "jacek.lebioda" <jacek.lebioda@uni.lu> Date: Wed, 26 Jun 2019 11:54:21 +0200 Subject: [PATCH] Highlighting selected pages --- _includes/header.html | 12 ++++++------ _sass/elixir/_layout.scss | 6 ++++++ elixir-theme.gemspec | 2 +- 3 files changed, 13 insertions(+), 7 deletions(-) diff --git a/_includes/header.html b/_includes/header.html index 4fae10d..df9c721 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -2,12 +2,12 @@ <div id="site-header-wrapper"> <ul> <li><img src="https://elixir-europe.org/system/files/white-orange-logo.png" /></li> - <li><a href="{{ site.baseurl }}/about-node">About</a></li> - <li><a href="{{ site.baseurl }}/services">Services</a></li> - <li><a href="{{ site.baseurl }}/training">Training</a></li> - <li><a href="{{ site.baseurl }}/events">Events</a></li> - <li><a href="{{ site.baseurl }}/news">News</a></li> - <li><a href="{{ site.baseurl }}/contact">Contact</a></li> + <li><a {% if site.section == 'About '%}class="active"{% endif %} href="{{ site.baseurl }}/about-node">About</a></li> + <li><a {% if site.section == 'Services '%}class="active"{% endif %} href="{{ site.baseurl }}/services">Services</a></li> + <li><a {% if site.section == 'Training '%}class="active"{% endif %} href="{{ site.baseurl }}/training">Training</a></li> + <li><a {% if site.section == 'Events '%}class="active"{% endif %} href="{{ site.baseurl }}/events">Events</a></li> + <li><a {% if site.section == 'News '%}class="active"{% endif %} href="{{ site.baseurl }}/news">News</a></li> + <li><a {% if site.section == 'Contact '%}class="active"{% endif %} href="{{ site.baseurl }}/contact">Contact</a></li> </ul> </div> </header> diff --git a/_sass/elixir/_layout.scss b/_sass/elixir/_layout.scss index 5532a3c..754e510 100644 --- a/_sass/elixir/_layout.scss +++ b/_sass/elixir/_layout.scss @@ -11,6 +11,12 @@ position: relative; top: 66px; + li.active { + border-radius: 5px 5px 0 0; + color: #fefefe; + background: #f47d21; + } + li { list-style: none; float: left; diff --git a/elixir-theme.gemspec b/elixir-theme.gemspec index e61d2f7..62d4a77 100644 --- a/elixir-theme.gemspec +++ b/elixir-theme.gemspec @@ -2,7 +2,7 @@ Gem::Specification.new do |spec| spec.name = "elixir-theme" - spec.version = "0.1.4" + spec.version = "0.1.5" spec.authors = ["jacek.lebioda"] spec.email = ["jacek.lebioda@uni.lu"] -- GitLab