From 0906370df06308fc5b43e5bd4dc0d7f2f7f77d6b Mon Sep 17 00:00:00 2001 From: Matt Gowie Date: Mon, 17 Aug 2026 15:27:10 -0600 Subject: [PATCH 1/3] feat: adds purpose + values section to Who We Are page Adds Masterpoint's purpose statement and company values to the Who We Are page, based on Robin's Notion draft. Copy is carried over verbatim, including the "Who We Are" / "How We Work" groupings. - New content/sections/who-our-values.md section (weight 4), rendering the purpose statement, three "Who We Are" values as a 3-up card row, and the single "How We Work" value as a full-width closing card. - Extends the cards shortcode with an optional `key` param so a page can render more than one card list. Defaults to `cards`, so the existing iac-sound-familiar and iac-what-you-get usages are unchanged. - Section styling follows the existing #what-get-row card treatment (pine background, translucent gradient cards) and preserves the page's light/dark section alternation. Co-Authored-By: Claude Opus 5 --- assets/css/custom.scss | 107 +++++++++++++++++++++++++++++ content/sections/who-our-values.md | 37 ++++++++++ layouts/shortcodes/cards.html | 3 +- 3 files changed, 146 insertions(+), 1 deletion(-) create mode 100644 content/sections/who-our-values.md diff --git a/assets/css/custom.scss b/assets/css/custom.scss index f3a45086..c312faa1 100644 --- a/assets/css/custom.scss +++ b/assets/css/custom.scss @@ -2763,6 +2763,113 @@ footer { color: $pine; } +#who-our-values { + padding: 5.3rem 0 4.5rem; + position: relative; + color: #fff; + background: $pine; + + @media (max-width: 767px) { + padding: 3.5rem 0 3rem; + } + + .bg-image { + width: 100%; + position: absolute; + &:before { + background: + linear-gradient( + 180deg, + rgba(0, 0, 0, 0.8) -18.07%, + rgba(0, 0, 0, 0) 91.05% + ), + linear-gradient(360deg, $pine 3.27%, rgba(14, 56, 58, 0) 56.1%); + } + img { + opacity: 0.24; + } + } +} + +.valuesPurpose { + font-weight: 700; + font-size: 1.75rem; + line-height: 1.36em; + letter-spacing: -0.03em; + max-width: 750px; + margin: 0 auto; + padding-bottom: 0.5em; + + @media (max-width: 991px) { + font-size: 1.5rem; + } + @media (max-width: 575px) { + font-size: 1.3rem; + } +} + +.valuesGroupTitle { + margin-top: 2.4rem; + margin-bottom: 0.2rem; + + @media (max-width: 767px) { + margin-top: 1.6rem; + } +} + +#values-who-row, +#values-how-row { + justify-content: center; + .col { + margin-top: 1.22rem; + margin-bottom: 1.1rem; + } + .card { + border-radius: 3.33rem; + background: linear-gradient( + 54deg, + rgba(95, 220, 182, 0.16) 22.51%, + rgba(42, 217, 194, 0.16) 45.75%, + rgba(138, 177, 201, 0.16) 63.83% + ); + @media (max-width: 767px) { + border-radius: 1.5rem; + } + .card-body { + padding: 1.9rem 2.1rem 2rem; + text-align: center; + @media (max-width: 767px) { + padding: 1.5rem; + } + h4 { + font-size: 1.44rem; + line-height: 1.15em; + padding-bottom: 0.5em; + @media (max-width: 767px) { + font-size: 1.3rem; + } + } + p { + font-size: 1.05rem; + font-weight: 400; + line-height: 1.42em; + margin-bottom: 0; + } + } + } +} + +#values-how-row { + .card .card-body { + padding: 1.8rem 3.5rem; + max-width: 900px; + margin: 0 auto; + @media (max-width: 767px) { + padding: 1.5rem; + } + } +} + #page-services { #banner { padding: 10.45rem 0 8.1rem; diff --git a/content/sections/who-our-values.md b/content/sections/who-our-values.md new file mode 100644 index 00000000..56335728 --- /dev/null +++ b/content/sections/who-our-values.md @@ -0,0 +1,37 @@ +--- +title: Our Values +weight: 4 +position: justify-content-center text-center +size: col-12 +image: /img/bg_our_team.jpg +section_categories: + - who-we-are +id: who-our-values + +values_who: + - title: "We communicate with excellence." + intro: "We are deliberate, explicit, and empathetic communicators. We listen to understand — not just to respond — and we hear the deeper concern behind what's being said. We believe being a good communicator starts with being a good listener." + - title: "We are experts with a point of view." + intro: "We stay well-read and current in our craft. We bring patterns, methodology, and opinions backed by experience. We are always improving, always curious, always bringing better thinking to the work." + - title: "We work with autonomy and high agency." + intro: "We take ownership and make sound decisions independently. We take things from start to finish with confidence. When we hear a critical issue from a client, we take it on — we don't wait to be asked." + +values_how: + - title: "We believe in balance." + intro: "We make honest commitments and exceed them sustainably. We create value beyond what the conversation started with. We're building a company where great work and a good life go together." +--- + + + + +### Our Purpose {.sectionTitle .big .text-gradient .text-center .d-inline-block .mb-0} + +

We untangle infrastructure and upskill the teams who own it.

+ +#### Who We Are {.groupTitle .text-gradient .text-center .d-inline-block .valuesGroupTitle} + +{{< cards key="values_who" col="col-sm-6 col-md-4" id="values-who-row" >}} + +#### How We Work {.groupTitle .text-gradient .text-center .d-inline-block .valuesGroupTitle} + +{{< cards key="values_how" col="col-12" id="values-how-row" >}} diff --git a/layouts/shortcodes/cards.html b/layouts/shortcodes/cards.html index 7ce24b9f..81a352a4 100644 --- a/layouts/shortcodes/cards.html +++ b/layouts/shortcodes/cards.html @@ -1,7 +1,8 @@ {{ $col := .Get "col" | default "col-md-6" }} {{ $id := .Get "id" }} +{{ $key := .Get "key" | default "cards" }} -{{ with .Page.Params.cards }} +{{ with index .Page.Params $key }}
{{ range . }}
From 94e6ae24134cdc6f15db7b7bcb5b62e403db86e6 Mon Sep 17 00:00:00 2001 From: Matt Gowie Date: Mon, 17 Aug 2026 18:36:23 -0600 Subject: [PATCH 2/3] refactor: reworks values section per review feedback - Moves the values section between Our Team and Who We Support (weight 3; Who We Support bumps to 4). - Renames the "Who We Are" group heading to "Our Values", which also removes the redundancy with the page's own title. - Drops the "How We Work" group and its single value entirely. With only one card list left, the section now uses the cards shortcode's default `cards` key, so the optional `key` param added in the previous commit is no longer needed and has been reverted -- cards.html is back to its original form and the net diff no longer touches the shortcode. Also drops the section's background image in favour of solid pine. Values now sits directly after Our Team, which is also dark, and the busy image washed out the translucent cards at that boundary. Solid pine matches #iac-what-you-get, where this card treatment already lives. Co-Authored-By: Claude Opus 5 --- assets/css/custom.scss | 31 +----------------------------- content/sections/who-our-values.md | 17 ++++------------ content/sections/who-we-support.md | 4 ++-- layouts/shortcodes/cards.html | 3 +-- 4 files changed, 8 insertions(+), 47 deletions(-) diff --git a/assets/css/custom.scss b/assets/css/custom.scss index c312faa1..65a2e303 100644 --- a/assets/css/custom.scss +++ b/assets/css/custom.scss @@ -2772,23 +2772,6 @@ footer { @media (max-width: 767px) { padding: 3.5rem 0 3rem; } - - .bg-image { - width: 100%; - position: absolute; - &:before { - background: - linear-gradient( - 180deg, - rgba(0, 0, 0, 0.8) -18.07%, - rgba(0, 0, 0, 0) 91.05% - ), - linear-gradient(360deg, $pine 3.27%, rgba(14, 56, 58, 0) 56.1%); - } - img { - opacity: 0.24; - } - } } .valuesPurpose { @@ -2817,8 +2800,7 @@ footer { } } -#values-who-row, -#values-how-row { +#values-who-row { justify-content: center; .col { margin-top: 1.22rem; @@ -2859,17 +2841,6 @@ footer { } } -#values-how-row { - .card .card-body { - padding: 1.8rem 3.5rem; - max-width: 900px; - margin: 0 auto; - @media (max-width: 767px) { - padding: 1.5rem; - } - } -} - #page-services { #banner { padding: 10.45rem 0 8.1rem; diff --git a/content/sections/who-our-values.md b/content/sections/who-our-values.md index 56335728..7c883bac 100644 --- a/content/sections/who-our-values.md +++ b/content/sections/who-our-values.md @@ -1,24 +1,19 @@ --- title: Our Values -weight: 4 +weight: 3 position: justify-content-center text-center size: col-12 -image: /img/bg_our_team.jpg section_categories: - who-we-are id: who-our-values -values_who: +cards: - title: "We communicate with excellence." intro: "We are deliberate, explicit, and empathetic communicators. We listen to understand — not just to respond — and we hear the deeper concern behind what's being said. We believe being a good communicator starts with being a good listener." - title: "We are experts with a point of view." intro: "We stay well-read and current in our craft. We bring patterns, methodology, and opinions backed by experience. We are always improving, always curious, always bringing better thinking to the work." - title: "We work with autonomy and high agency." intro: "We take ownership and make sound decisions independently. We take things from start to finish with confidence. When we hear a critical issue from a client, we take it on — we don't wait to be asked." - -values_how: - - title: "We believe in balance." - intro: "We make honest commitments and exceed them sustainably. We create value beyond what the conversation started with. We're building a company where great work and a good life go together." --- @@ -28,10 +23,6 @@ values_how:

We untangle infrastructure and upskill the teams who own it.

-#### Who We Are {.groupTitle .text-gradient .text-center .d-inline-block .valuesGroupTitle} - -{{< cards key="values_who" col="col-sm-6 col-md-4" id="values-who-row" >}} - -#### How We Work {.groupTitle .text-gradient .text-center .d-inline-block .valuesGroupTitle} +#### Our Values {.groupTitle .text-gradient .text-center .d-inline-block .valuesGroupTitle} -{{< cards key="values_how" col="col-12" id="values-how-row" >}} +{{< cards col="col-sm-6 col-md-4" id="values-who-row" >}} diff --git a/content/sections/who-we-support.md b/content/sections/who-we-support.md index cba82e2a..d3e297ad 100644 --- a/content/sections/who-we-support.md +++ b/content/sections/who-we-support.md @@ -1,12 +1,12 @@ --- title: Who We Support -weight: 3 +weight: 4 position: justify-content-center text-center size: col-12 col-md-12 col-lg-8 #section_image: /img/img_matt_gowie.png #image: /img/bg_our_team.jpg section_categories: - - who-we-are + - who-we-are id: section-who-we-support --- diff --git a/layouts/shortcodes/cards.html b/layouts/shortcodes/cards.html index 81a352a4..7ce24b9f 100644 --- a/layouts/shortcodes/cards.html +++ b/layouts/shortcodes/cards.html @@ -1,8 +1,7 @@ {{ $col := .Get "col" | default "col-md-6" }} {{ $id := .Get "id" }} -{{ $key := .Get "key" | default "cards" }} -{{ with index .Page.Params $key }} +{{ with .Page.Params.cards }}
{{ range . }}
From cd14b4cd7bc2ef4b518cca6522a4c083fd09637c Mon Sep 17 00:00:00 2001 From: Matt Gowie Date: Fri, 11 Sep 2026 13:15:56 -0600 Subject: [PATCH 3/3] Apply suggestion from @Gowiem --- content/sections/who-our-values.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/sections/who-our-values.md b/content/sections/who-our-values.md index 7c883bac..e060a34e 100644 --- a/content/sections/who-our-values.md +++ b/content/sections/who-our-values.md @@ -9,7 +9,7 @@ id: who-our-values cards: - title: "We communicate with excellence." - intro: "We are deliberate, explicit, and empathetic communicators. We listen to understand — not just to respond — and we hear the deeper concern behind what's being said. We believe being a good communicator starts with being a good listener." + intro: "We are deliberate, explicit, and empathetic communicators. We listen to understand — not simply to respond — and hear the concern behind what’s being said. Good communication starts with good listening." - title: "We are experts with a point of view." intro: "We stay well-read and current in our craft. We bring patterns, methodology, and opinions backed by experience. We are always improving, always curious, always bringing better thinking to the work." - title: "We work with autonomy and high agency."