What motivated Willmott Dixon to start using the Carbon Calculator across the supply chain?
Within our sustainability strategy, ‘Now or Never’, we have set a target for our supply chain to be net zero carbon in operation by 2040. Historically it has been challenging to access data from our supply chain, so the Carbon Calculator helps us to get this data into a single, accessible tool that is easy to navigate.
How has the Carbon Calculator enabled positive sustainable change in your organisation?
The Carbon Calculator has improved our ability to analyse our suppliers’ performance by giving us the data to start to measure our supply chain’s carbon impacts.
Once we are measuring, we can then work with our supply chain to identify and implement carbon reduction initiatives to start making progress towards this target. For example, we can examine the size of carbon emissions related to diesel use on-site by our groundworks suppliers and identify the extent of reductions possible if they all switched to HVO or fully electric plant.
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
.block-two-column-rich-text {
padding-top: clamp(40px, 8vw, 140px);
padding-bottom: clamp(40px, 8vw, 140px);
color: var(--text-color);
&__left-col {
@include bp($md) {
display: flex;
flex-direction: column;
}
}
.heading-wrapper {
margin-bottom: auto;
@include bp($md) {
padding-bottom: 3rem;
}
}
.heading {
font-family: 'Montserrat';
font-size: clamp(24px, 3vw, 44px);
font-weight: 600;
line-height: 52.8px;
}
&__list {
margin-bottom: 1rem;
@include bp($md) {
padding-right: 1rem;
}
@include bp($xl) {
padding-right: 33%;
}
}
&__subtitle {
font-family: Montserrat;
font-size: clamp(16px, 1.5vw, 22px);
font-weight: 600;
line-height: 26.4px;
}
.content-wrapper {
@include bp($lg) {
p {
font-size: rem-calc(22);
}
}
}
&__stats {
margin-top: 2rem;
/* 2 column grid */
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
@include bp($md) {
gap: 2.5rem;
}
@include bp($lg) {
margin-top: 3.5rem;
gap: 3.5rem;
}
}
.sticky {
position: sticky;
top: var(--site-header-height);
}
}
class TwoColumnRichText {
block;
constructor(block) {
this.block = block;
this.init();
}
init() {
/* Swiper Example
this.swiperElem = this.block.querySelector('.swiper');
this.swiper = new Swiper(this.swiperElem, {
pagination: {
el: '.swiper-pagination',
clickable: true,
type: 'custom',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
});
*/
}
}
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.block-two-column-rich-text').forEach((block) => {
new TwoColumnRichText(block);
})
});
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "strategiq/two-column-rich-text",
"title": "Two Column Rich Text",
"description": "Example block to be used as a template",
"category": "strategiq",
"icon": "strategiq",
"acf": {
"mode": "preview",
"renderTemplate": "block-two-column-rich-text.php"
},
"supports": {
"anchor": true,
"align": false,
"color": {
"background": false,
"text": false,
"gradients": false
},
"spacing": {
"padding": [
"top",
"bottom"
],
"margin": [
"top",
"bottom"
]
}
},
"example": {
"attributes": {
"mode": "preview",
"data": {
"heading_type": "h2",
"heading_text": "Example - Two Column Rich Text",
"content": "This is some example content to represent what the content will look like"
}
}
},
"style": "file:../../assets/css/two-column-rich-text/block-two-column-rich-text.css"
}