Footer improved

_includes/footer.html

 <footer id="site-footer-primary">
     <div id="site-footer-primary-wrapper">
         <div>
-            <h3>About the Node</h3>
+            <h3>
+              <a href="{{ site.baseurl }}/about-node/">About the Node</a>
+            </h3>
             <ul>
                 <li><a href="{{ site.baseurl }}/about-node/team">Team</a></li>
                 <li><a href="{{ site.baseurl }}/about-node/collaborations">Collaborations</a></li>
@@ -11,18 +13,23 @@
             </ul>
         </div>
         <div>
-            <h3>Services</h3>
+            <h3>
+              <a href="{{ site.baseurl }}/services/">Services</a>
+            </h3>
             <ul>
-                <li><a href="#">Sustainability of data</a></li>
-                <li><a href="#">Sustainability of tools</a></li>
-                <li><a href="#">GDPR activities</a></li>
+                <li><a href="{{ site.baseurl }}/sustainability-data/">Sustainability of data</a></li>
+                <li><a href="{{ site.baseurl }}/sustainability-tools/">Sustainability of tools</a></li>
+                <li><a href="{{ site.baseurl }}/gdpr-activities/">GDPR activities</a></li>
+                <li><a href="{{ site.baseurl }}/data-information-system-daisy/">DAISY</a></li>
             </ul>
         </div>
         <div>
-            <h3>Events</h3>
+            <h3>
+              <a href="{{ site.baseurl }}/events/">Events</a>
+            </h3>
             <ul>
-                <li><a href="#">Workshops and courses</a></li>
-                <li><a href="#">Meetings and conferences</a></li>
+                <li><a href="{{ site.baseurl }}/events/workshops_and_courses">Workshops and courses</a></li>
+                <li><a href="{{ site.baseurl }}/events/meetings_and_conferences">Meetings and conferences</a></li>
             </ul>
         </div>
         <div>

_sass/elixir/_layout.scss

@@ -39,7 +39,7 @@
         a.active {
           border-radius: 5px 5px 0 0;
           color: #fefefe;
-          background: #f47d21;
+          background: $COLOR_LINK_ELIXIR;
         }
 
         a.active:hover {
@@ -143,6 +143,16 @@
         font-size: 1.15rem;
         color: #ebebeb;
         transition: color 0.15s;
+
+        a {
+          color: #ebebeb;
+          text-decoration: none;
+        }
+
+        a:hover {
+          text-decoration: none;
+          color: $COLOR_LINK_ELIXIR;
+        }
       }
 
       ul {
@@ -160,7 +170,7 @@
             font-size: 14px;
             line-height: 1.1;
             color: #ebebeb;
-            transition: color 0.15s;
+            transition: color 0.25s;
             padding: 1px 4px 2px 0;
             border-bottom: none;
             margin-bottom: 0;
@@ -169,8 +179,7 @@
 
           a:hover {
             text-decoration: none;
-            color: #f47d21;
-            text-decoration: underline;
+            color: $COLOR_LINK_ELIXIR;
           }
         }
       }
@@ -197,9 +206,10 @@
 
       a {
         display: inline-block;
+        text-decoration: none;
         color: #ffffff;
         font-weight: 800;
-        transition: color 0.15s;
+        transition: color 0.25s;
         padding-left: 15px;
         padding-right: 15px;
       }

elixir-theme.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "elixir-theme"
-  spec.version       = "0.1.12"
+  spec.version       = "0.1.13"
   spec.authors       = ["jacek.lebioda"]
   spec.email         = ["jacek.lebioda@uni.lu"]