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