Commit e4fe1b1c authored by alain's avatar alain 🐙
Browse files
parents 5fa50b8d bed4ccb5
...@@ -567,6 +567,27 @@ ...@@ -567,6 +567,27 @@
"return_format": "array" "return_format": "array"
} }
] ]
},
{
"key": "field_604f97c2a3f8d",
"label": "Background",
"name": "background",
"type": "clone",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"clone": [
"field_6040ff3b377be"
],
"display": "seamless",
"layout": "block",
"prefix_label": 0,
"prefix_name": 0
} }
], ],
"min": "", "min": "",
...@@ -595,5 +616,5 @@ ...@@ -595,5 +616,5 @@
"hide_on_screen": "", "hide_on_screen": "",
"active": true, "active": true,
"description": "", "description": "",
"modified": 1615403207 "modified": 1615828951
} }
\ No newline at end of file
...@@ -38,6 +38,9 @@ ...@@ -38,6 +38,9 @@
$('.menu-item a').each(function() { $('.menu-item a').each(function() {
descenderSpan($(this)); descenderSpan($(this));
}); });
$('.page-header h1').each(function() {
descenderSpan($(this));
});
$('blockquote strong').each(function() { $('blockquote strong').each(function() {
descenderSpan($(this)); descenderSpan($(this));
}); });
......
!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); !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 \ No newline at end of file
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
bottom: -10px; bottom: -10px;
left: 0; left: 0;
mix-blend-mode: multiply; mix-blend-mode: multiply;
z-index: -1; z-index: -2;
} }
&:before { &:before {
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
img { img {
mix-blend-mode: multiply; mix-blend-mode: multiply;
max-width: 100%; max-width: 100%;
z-index: -1;
} }
&:hover img { &:hover img {
......
...@@ -37,8 +37,12 @@ body { ...@@ -37,8 +37,12 @@ body {
h1 { h1 {
margin: 0; margin: 0;
@include colouredBar($red, $bg-yellow); @include colouredBar($blue, $bg-yellow);
text-shadow: -3px 3px #FFF, 3px 3px #FFF; text-shadow: -3px 3px #FFF, 3px 3px #FFF;
.descender:after {
bottom: -5px;
}
} }
} }
......
...@@ -5,13 +5,6 @@ ...@@ -5,13 +5,6 @@
padding: 120px 0; 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 { .container>h2 {
margin: 0 0 10px; margin: 0 0 10px;
@include colouredBar($green, $blue); @include colouredBar($green, $blue);
...@@ -67,7 +60,7 @@ ...@@ -67,7 +60,7 @@
.btn { .btn {
background: $blue; background: $blue;
margin: 40px 0 0; margin: 40px 0 2px;
@include colourBg($lightblue, 0deg); @include colourBg($lightblue, 0deg);
} }
} }
...@@ -98,4 +91,11 @@ ...@@ -98,4 +91,11 @@
&--yellow { &--yellow {
background: $bg-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
...@@ -15,19 +15,17 @@ ...@@ -15,19 +15,17 @@
.img { .img {
width: 100%; width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
img { &--contain img {
width: 100%; object-position: center center;
} }
&--cover { img {
height: 0; position: absolute;
padding-bottom: 100%; width: 100%;
position: relative;
img {
position: absolute;
}
} }
} }
...@@ -53,17 +51,11 @@ ...@@ -53,17 +51,11 @@
.img { .img {
@media only screen and (min-width: $medium) { @media only screen and (min-width: $medium) {
width: 250px; width: 250px;
height: 250px;
&--cover {
height: 250px;
}
} }
@media only screen and (min-width: $large) { @media only screen and (min-width: $large) {
width: 320px; width: 320px;
height: 320px;
&--cover {
height: 320px;
}
} }
} }
} }
...@@ -76,16 +68,21 @@ ...@@ -76,16 +68,21 @@
.img { .img {
margin-bottom: 20px; margin-bottom: 20px;
width: 160px; width: 160px;
height: 160px;
overflow: hidden;
&--cover { img {
height: 160px; width: 100%;
overflow: hidden; height: 100%;
}
img { &--cover img {
width: 100%; object-fit: cover;
height: 100%; }
object-fit: cover;
} &--contain img {
object-fit: contain;
object-position: top center;
} }
} }
...@@ -105,4 +102,11 @@ ...@@ -105,4 +102,11 @@
} }
} }
} }
// If there are more than 3 items; smaller header font size
&--max, {
.item h3 {
font-size: 28px;
}
}
} }
\ No newline at end of file
#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
...@@ -77,6 +77,7 @@ ...@@ -77,6 +77,7 @@
mix-blend-mode: multiply; mix-blend-mode: multiply;
background: $blue; background: $blue;
border-radius: 50%; border-radius: 50%;
z-index: -1;
} }
&:before { &:before {
......
@import "archive"; @import "archive";
@import "error"; @import "error";
@import "single"; @import "single";
\ No newline at end of file @import "page";
\ No newline at end of file
<?php get_header(); ?> <?php get_header(); ?>
<main id="primary" class="site-main"> <main id="primary" class="site-main page--<?php echo basename(get_the_permalink()); ?>">
<?php <?php
if ( have_posts() ) : if ( have_posts() ) :
......
<?php <?php
$layout = get_sub_field('layout'); $layout = get_sub_field('layout');
$background = get_sub_field('background');
$total_items = count(get_sub_field('items'));
$amount = ($total_items > 3) ? 'max' : 'min';
?> ?>
<div class="content-row items-row items-row--<?php echo $layout; ?>"> <div class="content-row items-row items-row--<?php echo $layout; ?> content-row--<?php echo $background; ?> items-row--<?php echo $amount; ?>">
<div class="container"> <div class="container">
<h3><?php the_sub_field('title'); ?></h3> <h3><?php the_sub_field('title'); ?></h3>
<?php <?php
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment