updating template

NiallNiall · NiallNiall · commit 115fbfd29cea · 2016-01-18T16:03:25.000Z
diff --git a/_includes/vert-section.html b/_includes/vert-section.html
@@ -1,4 +1,9 @@
-<section id="{{vsecloop.sectionid}}" class="vert-section-container {{vsecloop.color}} {{vsecloop.extra-classes}}">
+{% if vsecloop.now-image %}
+	<section id="{{vsecloop.sectionid}}" class="vert-section-container {{vsecloop.color}} {{vsecloop.extra-classes}}">
+{% else %}
+	{% capture nextColor %}next-color-{{ nextSection.color }}{% endcapture %}
+	<section id="{{vsecloop.sectionid}}" class="vert-section-container {{vsecloop.color}} {{vsecloop.extra-classes}} {{nextColor}}">
+{% endif %}
   <div class="vert-section-inner grid">
   	<h4 class="vert-section-breadcrumb">{{page.title}}</h4>
     <h2 class="vert-section-title">{{vsecloop.title}}</h2>
diff --git a/_layouts/vertical.html b/_layouts/vertical.html
@@ -3,8 +3,8 @@
   <body class="{{ page.layout }}">
 
     {% include header.html %}
-
-    <section class="hero-container {{ page.colour }}">
+    {% capture nextColor %}next-color-{{ page.sections[0].color }}{% endcapture %}
+    <section class="hero-container {{ page.colour }} {{ nextColor }}">
       <div class="hero-inner grid">
       <h1 class="hero-title col-1-1">{% if page.hero-title %}{{page.hero-title}}{% else %}{{page.title}}{% endif %}</h1>
 
@@ -29,7 +29,9 @@ <h2 class="vert-sec-bubble-title">{{ sectionbubble.title }}</h2>
     </section>
 
     {% for vsecloop in page.sections %}
+      {% assign nextIndex = forloop.index %}
       {% assign vsection = vsecloop %}
+      {% assign nextSection = page.sections[nextIndex] %}
       {% include vert-section.html %}
     {% endfor %}
 
diff --git a/_sass/pages/_vertical.scss b/_sass/pages/_vertical.scss
@@ -281,6 +281,19 @@
        content: none;
     }
   }
+
+  &.next-color-green:after {
+      background-color: $green;
+  }
+  &.next-color-purple:after {
+      background-color: $purple;
+  }
+  &.next-color-blue:after {
+      background-color: $blue;
+  }
+  &.next-color-pink:after {
+      background-color: $pink;
+  }
 }
 
 .vert-section-inner {
@@ -357,6 +370,21 @@
     background: $blue;
   }
 
+  &.next-color-aqua:after {
+    background: $aqua;
+  }
+  &.next-color-green:after {
+      background-color: $green;
+  }
+  &.next-color-purple:after {
+      background-color: $purple;
+  }
+  &.next-color-blue:after {
+      background-color: $blue;
+  }
+  &.next-color-pink:after {
+      background-color: $pink;
+  }
 }
 
 h4.vert-section-breadcrumb {
diff --git a/vertical-health.md b/vertical-health.md
@@ -2,7 +2,6 @@
 layout: vertical
 title: Health
 permalink: /health/
-group: nav
 colour: aqua
 
 ## Hero Content
diff --git a/vertical-transport.md b/vertical-transport.md
@@ -2,7 +2,6 @@
 layout: vertical
 title: Transport
 permalink: /transport/
-group: nav
 colour: blue
 
 ## Hero Content
@@ -24,8 +23,6 @@ sections:
     - In order to deliver great service to passengers, it’s increasingly important for rail operators to intelligently monitor and report on station and service quality.
     - We built an auditing and reporting platform in the cloud - for mobile devices - using web-location APIs and cutting edge web technologies.
     - This platform enables c2c to track continually how well their stations and trains are delivering on their commitment to provide a great service to their customers.
-
-
    casestudies:
     - Download the Case Study
 
