page specific colour styles

wordpress/wp-content/themes/makeitopen/assets/js/global.js

@@ -38,6 +38,9 @@
 		$('.menu-item a').each(function() {
 			descenderSpan($(this));
 		});
+		$('.page-header h1').each(function() {
+			descenderSpan($(this));
+		});
 		$('blockquote strong').each(function() {
 			descenderSpan($(this));
 		});

wordpress/wp-content/themes/makeitopen/assets/js/main.min.js

-!function(e){e(document).ready(function(){function t(e){var t={g:!0,j:!0,p:!0,q:!0,y:!0},s=e.html().split("");for(i=0,i=0;i<s.length;i+=1)t[s[i]]&&(s[i]='<span class="descender descender--'+s[i]+'">'+s[i]+"</span>");e.html(s.join(""))}e(window).scroll(function(t){e(window).scrollTop()>200?e(".site-header").addClass("site-header--scrolling"):e(".site-header").removeClass("site-header--scrolling")}),e(".js-toggle-hamburger").click(function(){e(this).toggleClass("hamburger--active"),e(".site-header").toggleClass("site-header--nav-active"),e(".navigation").toggleClass("navigation--shown")}),e(".menu-item a").each(function(){t(e(this))}),e("blockquote strong").each(function(){t(e(this))}),e(".menu-item.osn a").append('<span class="arrow">↗</span>'),e(".archive__filters").on("click",".filter-button",function(){var t=e(this),i=t.attr("data-filter");t.parent().addClass("archive__filters--active"),e(".filter-button").removeClass("filter-button--active"),t.addClass("filter-button--active"),e(".archive__no-results").hide(),e(".list").isotope({filter:i}),e(".list").data("isotope").filteredItems.length||e(".archive__no-results").show()})})}(jQuery);
\ No newline at end of file
+!function(e){e(document).ready(function(){function t(e){var t={g:!0,j:!0,p:!0,q:!0,y:!0},s=e.html().split("");for(i=0,i=0;i<s.length;i+=1)t[s[i]]&&(s[i]='<span class="descender descender--'+s[i]+'">'+s[i]+"</span>");e.html(s.join(""))}e(window).scroll(function(t){e(window).scrollTop()>200?e(".site-header").addClass("site-header--scrolling"):e(".site-header").removeClass("site-header--scrolling")}),e(".js-toggle-hamburger").click(function(){e(this).toggleClass("hamburger--active"),e(".site-header").toggleClass("site-header--nav-active"),e(".navigation").toggleClass("navigation--shown")}),e(".menu-item a").each(function(){t(e(this))}),e(".page-header h1").each(function(){t(e(this))}),e("blockquote strong").each(function(){t(e(this))}),e(".menu-item.osn a").append('<span class="arrow">↗</span>'),e(".archive__filters").on("click",".filter-button",function(){var t=e(this),i=t.attr("data-filter");t.parent().addClass("archive__filters--active"),e(".filter-button").removeClass("filter-button--active"),t.addClass("filter-button--active"),e(".archive__no-results").hide(),e(".list").isotope({filter:i}),e(".list").data("isotope").filteredItems.length||e(".archive__no-results").show()})})}(jQuery);
\ No newline at end of file

wordpress/wp-content/themes/makeitopen/assets/scss/config/_mixins.scss

@@ -31,7 +31,7 @@
 		bottom: -10px;
 		left: 0;
 		mix-blend-mode: multiply;
-    z-index: -1;
+    z-index: -2;
 	}
 
 	&:before {

wordpress/wp-content/themes/makeitopen/assets/scss/elements/_news-teaser.scss

@@ -8,6 +8,7 @@
 		img {
 			mix-blend-mode: multiply;
 			max-width: 100%;
+			z-index: -1;
 		}
 
 		&:hover img {

wordpress/wp-content/themes/makeitopen/assets/scss/global/_base.scss

@@ -39,6 +39,10 @@ body {
 		margin: 0;
 		@include colouredBar($red, $bg-yellow);
 		text-shadow: -3px 3px #FFF, 3px 3px #FFF;
+
+		.descender:after {
+			bottom: -5px;
+		}
 	}
 }
 

wordpress/wp-content/themes/makeitopen/assets/scss/partials/_content-row.scss

@@ -5,13 +5,6 @@
 		padding: 120px 0;
 	}
 
-	// If this is the first row, make it full height
-	@media only screen and (min-width: $medium) {
-		&[data-index="1"] .container {
-			height: 65vh;
-		}
-	}
-
 	.container>h2 {
 		margin: 0 0 10px;
 		@include colouredBar($green, $blue);
@@ -67,7 +60,7 @@
 
 		.btn {
 			background: $blue;
-			margin: 40px 0 0;
+			margin: 40px 0 2px;
 			@include colourBg($lightblue, 0deg);
 		}
 	}
@@ -98,4 +91,11 @@
 	&--yellow {
 		background: $bg-yellow;
 	}
+}
+
+// If this is the first row, make it full height
+@media only screen and (min-width: $medium) {
+	body.home .content-row[data-index="1"] .container {
+		min-height: 65vh;
+	}
 }
\ No newline at end of file

wordpress/wp-content/themes/makeitopen/assets/scss/templates/_page.scss

+#primary.page {
+	&--get-involved {
+		.page-header h1:before,
+		.text-wrapper a.btn,
+		ol li:before,
+		ul li:before {
+			background: $purple;
+		}
+
+		a.btn:before,
+		ol li:after,
+		ul li:after {
+			background: $bg-yellow;
+		}
+	}
+
+	&--about-us {
+		.page-header h1:before,
+		.text-wrapper a.btn,
+		ol li:before,
+		ul li:before {
+			background: $yellow;
+		}
+
+		a.btn:before,
+		ol li:after,
+		ul li:after {
+			background: $bg-yellow;
+		}
+	}
+}
\ No newline at end of file

wordpress/wp-content/themes/makeitopen/assets/scss/templates/_single.scss

@@ -77,6 +77,7 @@
 				mix-blend-mode: multiply;
 				background: $blue;
 				border-radius: 50%;
+				z-index: -1;
 			}
 
 			&:before {

wordpress/wp-content/themes/makeitopen/assets/scss/templates/all.scss

 @import "archive";
 @import "error";
-@import "single";
\ No newline at end of file
+@import "single";
+@import "page";
\ No newline at end of file

wordpress/wp-content/themes/makeitopen/index.php

 <?php get_header(); ?>
 
-	<main id="primary" class="site-main">
+	<main id="primary" class="site-main page--<?php echo basename(get_the_permalink()); ?>">
 
 			<?php
 			if ( have_posts() ) :