From 3ad0f4ed1b3eec817ebe840fa0f3f76159aa4bce Mon Sep 17 00:00:00 2001
From: Pedro Alvarez <pedro.alvarez@codethink.co.uk>
Date: Wed, 30 Sep 2015 14:26:44 +0100
Subject: Add links to lane names

---
 partials/visualisation.html | 12 ++++++------
 style.css                   |  7 +++++--
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/partials/visualisation.html b/partials/visualisation.html
index 9ddd8a1..c3f5eb1 100644
--- a/partials/visualisation.html
+++ b/partials/visualisation.html
@@ -5,11 +5,11 @@
     <div class="row boxes">
 
         <div class="lane col-md-2 ng-hide">
-            <h3>Change detection</h3>
+            <a class="lanelink" href="http://wiki.baserock.org/ciat/"><h3>Change detection</h3></a>
         </div>
 
         <div class="lane col-md-2">
-            <h3>Integration</h3>
+            <a class="lanelink" href="http://wiki.baserock.org/ciat/"><h3>Integration</h3></a>
             <div class="box"
                  ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}"
                  ng-repeat="step in integrations"
@@ -19,7 +19,7 @@
         </div>
 
         <div class="lane col-md-2">
-            <h3>Build</h3>
+            <a class="lanelink" href="http://wiki.baserock.org/ciat/"><h3>Build</h3></a>
             <div class="box"
                  ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}"
                  ng-repeat="step in builds"
@@ -29,7 +29,7 @@
         </div>
 
         <div class="lane col-md-2">
-            <h3>Provisioning</h3>
+            <a class="lanelink" href="http://wiki.baserock.org/ciat/"><h3>Provisioning</h3></a>
             <div class="box"
                  ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}"
                  ng-repeat="step in deploys"
@@ -39,7 +39,7 @@
         </div>
 
         <div class="lane col-md-2">
-            <h3>Automatic test</h3>
+            <a class="lanelink" href="http://wiki.baserock.org/ciat/"><h3>Automatic test</h3></a>
             <div class="box"
                  ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}"
                  ng-repeat="step in tests"
@@ -49,7 +49,7 @@
         </div>
 
         <div class="lane col-md-2">
-            <h3>Publishing</h3>
+            <a class="lanelink" href="http://wiki.baserock.org/ciat/"><h3>Publishing</h3></a>
             <div class="box"
                  ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}"
                  ng-repeat="step in publishings"
diff --git a/style.css b/style.css
index 0601a6d..b366bb5 100644
--- a/style.css
+++ b/style.css
@@ -57,8 +57,11 @@ h1>em>a:hover {
     width: 20%;
     margin: 0 auto;
 }
-.lane.h3 {
-        color: white;
+.lanelink:link {
+    color: white;
+}
+.lanelink:hover {
+    color: #F84525;
 }
 
 .box:hover {
-- 
cgit v1.2.1