From e6ac7e3d145f03fdcce3ec374727b1cbcb8414b1 Mon Sep 17 00:00:00 2001 From: Mat Hayward Date: Wed, 23 Oct 2024 22:52:33 +0100 Subject: [PATCH 1/4] Homepage desktop --- content/_index.md | 32 +++--- content/work/chapter.md | 1 - content/work/rewilding-britain.md | 1 + content/work/unesco.md | 5 +- layouts/_default/baseof.html | 2 +- layouts/blog/list.html | 5 +- layouts/index.html | 18 ++-- layouts/partials/card.html | 68 ++++++------ layouts/partials/featured_work.html | 18 ---- layouts/partials/header__homepage.html | 89 ++++++++++++++++ layouts/partials/header__landing.html | 4 +- layouts/partials/homepage-footer.html | 121 ++++++++++++++++++++++ layouts/partials/homepage-impact.html | 53 ++++++++++ layouts/partials/homepage-insights.html | 14 +++ layouts/partials/homepage-work.html | 30 ++++++ layouts/partials/image__illustration.html | 2 +- layouts/partials/latest_posts.html | 10 +- layouts/partials/mobile-navigation.html | 27 +++++ layouts/partials/newsletter.html | 36 ++++--- layouts/partials/our-insights.html | 12 --- layouts/partials/our-stats.html | 31 ------ layouts/partials/related-posts.html | 5 +- layouts/partials/site__header.html | 31 +----- layouts/partials/teaser__client.html | 101 +++++++++++------- src/css/components/button.postcss | 17 +++ tailwind.config.js | 2 + 26 files changed, 523 insertions(+), 212 deletions(-) delete mode 100644 layouts/partials/featured_work.html create mode 100644 layouts/partials/header__homepage.html create mode 100644 layouts/partials/homepage-footer.html create mode 100644 layouts/partials/homepage-impact.html create mode 100644 layouts/partials/homepage-insights.html create mode 100644 layouts/partials/homepage-work.html create mode 100644 layouts/partials/mobile-navigation.html delete mode 100644 layouts/partials/our-insights.html delete mode 100644 layouts/partials/our-stats.html diff --git a/content/_index.md b/content/_index.md index fd353601..b4cae42c 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1,38 +1,42 @@ --- -cover_img: images/true-to-who-we-are-v1.png -cover_img_alt: A giant friendly hand, holding a small flower -cta_img: images/raise-expectations-broccoli.png -cta_img_alt: A giant friendly hand, watering a small plant with a tiny watering can. -cta: More about kind -ctaLink: /about/ -cta2: Our approach -cta2Link: /services/#how-we-work cta3Title: Raise your expectations cta3Copy: Ethical work is excellent work. We combine expertise in digital, branding and strategy with an unwavering commitment to social change. cta3: Our work cta3Link: /work/ cta4: Services cta4Link: /services/ +cover_img: images/true-to-who-we-are-v1.png +cover_img_alt: A giant friendly hand, holding a small flower date: 2020-04-24T10:48:46.000Z description: We’re a small but powerful team of carefully selected senior professionals. Strategy, brand, digital – we bring it all together and drive change in ways that really matter. -title: Strategy, Brand, Digital +title: Ethical creative agency services: - brand - digital - strategy hidden: false +preheading: Ethical creative agency heading: For the good folks +work_heading: Partnerships that deliver real impact +work_intro: Our client base is 100% socially responsible and purpose-driven. By using our skills and insights, we empower and lift up these organisations. A force for good behind the scenes. intro: > - The **wildlife protectors**, **cultural contributors** and **green architects**. We’re for everyone who’s making a change for good. - - - That’s not you ~~BP~~, ~~Amazon~~, ~~Shell~~… -intro_md: true + The **wildlife protectors**, **cultural contributors** and **social innovators**. We’re for everyone who’s making a change for good. related_stats: - pay-gap - socially-reponsible - charity-donations - gender-neutral social_img: images/mat-and-michelle.jpg +banner_images: + - img: images/strategy-image-kind-site.jpg + alt: Three people sitting around a wooden table, looking at a tablet and laptop with Backlit Gallery website designs + - img: images/work-chapter-poster-bus-stop-2-landscape.jpg + alt: A single poster mockup for the performance ‘Always Already’. The poster is on a brick wall, a longer perspective view of the street is visible to the right of the image. + - img: images/work-rewilding-britain-teaser.jpg + alt: A Blue Tit on a branch + - img: images/mat-and-michelle.jpg + alt: Kind owners, Mat Hayward and Michelle Pavey + - img: images/strategy-notes.jpg + alt: Pam, brand strategist and Michelle, strategy director planning a project --- diff --git a/content/work/chapter.md b/content/work/chapter.md index 9b0ab048..2db7ef5e 100644 --- a/content/work/chapter.md +++ b/content/work/chapter.md @@ -22,7 +22,6 @@ intro: > Chapter needed a brand and website to represent the creative, diverse, community-centric work they do on both a local and international level. They wanted to stand out as an organisation that has something to say, to show, and to make people feel something. They also wanted to ensure they were as inclusive as possible to all communities in the area and much further afield. -featured: true date: 2023-06-28T12:25:28.863Z external_link: https://chapter.org.uk key_stat: null diff --git a/content/work/rewilding-britain.md b/content/work/rewilding-britain.md index 57485608..39400677 100644 --- a/content/work/rewilding-britain.md +++ b/content/work/rewilding-britain.md @@ -53,6 +53,7 @@ teaser: - img: images/work-rewilding-britain-teaser.jpg alt: A Blue Tit on a branch social_img_txt: "A platform to inspire rewilding projects across the country" +client: Rewilding Britain --- diff --git a/content/work/unesco.md b/content/work/unesco.md index 77913c81..4080e11b 100644 --- a/content/work/unesco.md +++ b/content/work/unesco.md @@ -31,8 +31,8 @@ banner_img: images/work-unesco-school.jpg banner_img_alt: Children at desks in a school, working with blue pens. One child is looking directly at the camera toc: true teaser: - title: Ensuring access to education for millions of children - description: A global user-centred design process that resulted in the delivery of a digital report and knowledge base to support governments in strengthening the systems that provide education, in preparation for emergencies such as conflict or natural disaster + title: Access to education for millions of children + description: A user-centred design process delivering a digital report to help governments strengthen education systems for emergencies. images: - img: images/work-unesco-flat.jpg alt: Flat images of pages from a report document @@ -44,6 +44,7 @@ teaser: - img: images/work-unesco-internal-page.jpg alt: A tablet device with a page from the Digital PDF report social_img_txt: "Ensuring access to education for millions of children" +client: UNESCO --- diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index b10828b5..91845371 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -7,7 +7,7 @@ {{ partial "head" . }} {{ end }} - + Skip to content diff --git a/layouts/blog/list.html b/layouts/blog/list.html index bd36b56c..8032f556 100644 --- a/layouts/blog/list.html +++ b/layouts/blog/list.html @@ -6,7 +6,10 @@

Featured posts

    {{ range ( where ( where .Pages "Params.featured" "==" true ) "Params.unlisted" "!=" true ) }}
  1. - {{ partial "card" . }} + {{ partial "card" (dict + "context" . + "tall" false + ) }}
    2. {{ end }}
diff --git a/layouts/index.html b/layouts/index.html index d640597b..bfc8f2b1 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,9 +1,13 @@ +{{ define "header" }} + {{ partial "header__homepage.html" . }} +{{ end }} + {{ define "main" }} - {{ partial "services.html" . }} - {{ partial "header__landing.html" . }} - {{ partial "featured_work.html" . }} - {{ partial "cta.html" . }} - {{ partial "our-stats.html" . }} - {{ partial "our-insights.html" . }} - {{ partial "mailing-list.html" . }} + {{ partial "homepage-work.html" . }} + {{ partial "homepage-impact.html" . }} + {{ partial "homepage-insights.html" . }} {{ end }} + +{{ define "footer" }} + {{ partial "homepage-footer.html" . }} +{{ end }} \ No newline at end of file diff --git a/layouts/partials/card.html b/layouts/partials/card.html index 28ac9513..472e7d8f 100644 --- a/layouts/partials/card.html +++ b/layouts/partials/card.html @@ -1,36 +1,38 @@ -
- -
+ +
- {{ if .Params.cover_img }} - {{ partial "image__card" . }} - {{ end }} -
- {{ with .Params.key_topic }} - {{ title . }} - {{end}} -

{{ .Title }}

- - {{ if .Params.illustration }} -
- {{ partial "image__blog-illustration" . }} -
+ "> + {{ if .Params.cover_img }} + {{ partial "image__card" . }} {{ end }} +
+ {{ with .Params.key_topic }} + {{ title . }} + {{end}} +

{{ .Title }}

+ + {{ if .Params.illustration }} +
+ {{ partial "image__blog-illustration" . }} +
+ {{ end }} +
+
+ -
- - -
+ + +{{ end }} \ No newline at end of file diff --git a/layouts/partials/featured_work.html b/layouts/partials/featured_work.html deleted file mode 100644 index 335a747a..00000000 --- a/layouts/partials/featured_work.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-

Case studies

- -
diff --git a/layouts/partials/header__homepage.html b/layouts/partials/header__homepage.html new file mode 100644 index 00000000..0ec98625 --- /dev/null +++ b/layouts/partials/header__homepage.html @@ -0,0 +1,89 @@ +
+
+ {{ partial "logo" . }} + + +
+ +
+
+
+

{{ .Params.preheading }} +

{{ .Params.Heading|safeHTML }}

+ +
+ {{ .Params.Intro | markdownify }} +
+
+
+ {{ with .Params.banner_images }} + {{ range $i, $image := . }} + {{ if eq $i 0 }} +
+ {{ partial "image" (dict + "alt" $image.alt + "class" "h-full w-full object-cover" + "src" $image.img + ) }} +
+ {{ else if eq $i 1 }} +
+
+ {{ partial "image" (dict + "alt" $image.alt + "class" "h-full w-full object-cover" + "src" $image.img + ) }} +
+ {{ else if eq $i 2 }} +
+ {{ partial "image" (dict + "alt" $image.alt + "class" "h-full w-full object-cover" + "src" $image.img + ) }} +
+
+ {{ end }} + {{ end }} + {{ end }} +
+
+
+ + {{ partial "mobile-navigation" . }} +
+ + {{/* Sticky desktop (homepage) */}} + {{ if .IsHome }} + + {{ end }} \ No newline at end of file diff --git a/layouts/partials/header__landing.html b/layouts/partials/header__landing.html index dc0fa3a6..99611971 100644 --- a/layouts/partials/header__landing.html +++ b/layouts/partials/header__landing.html @@ -15,14 +15,14 @@

{{ .Params.Heading|safeHTML }}

{{ end }} {{ if isset .Params "cta" }}
- + {{ title .Params.Cta }} {{ if .Params.cta2 }} - + {{ title .Params.Cta2 }} diff --git a/layouts/partials/homepage-footer.html b/layouts/partials/homepage-footer.html new file mode 100644 index 00000000..d71d2a29 --- /dev/null +++ b/layouts/partials/homepage-footer.html @@ -0,0 +1,121 @@ +
+
+
+

Let’s make a difference, together

+
+
+ {{ partial "logo" . }} +

If you put purpose before profit and need some expert guidance on brand, strategy, or digital, we’re here to help.

+ +
+ {{ partial "newsletter" (dict + "url" .Permalink + "block_class" "" + "btn_text" "Subscribe" + "btn_class" "btn--pink-claret" + "border_class" "border-white focus:border-teal text-indigo" + "heading" "Stay in the loop" + "heading_class" "h3 h--condensed" + "description" "Because we’re busy delivering for our clients, we send no more than 4 emails per year, but when we do send them... boy are they interesting!" + "text_class" "font-sans leading-tight text-base" + "hide_img" true + ) }} +
+
+ + +
+ +
+
+ + + + + + +
+
+
+ 16 Commerce Square, Nottingham, NG1 1HS +
+

+ + Policies and legal information + + + ©{{ .Site.Copyright }} + +

+
+
+ \ No newline at end of file diff --git a/layouts/partials/homepage-impact.html b/layouts/partials/homepage-impact.html new file mode 100644 index 00000000..e8bca812 --- /dev/null +++ b/layouts/partials/homepage-impact.html @@ -0,0 +1,53 @@ +
+
+
+
+

Let’s be clear – we’re not for everyone

+
+

We don’t leave our ethics at the agency door. We live our values round the clock, professionally and personally.

+
+
+ Our manifesto + + + + Our impact + + + +
+
+
+
+ {{ partial "image__illustration" . }} +
+
+
+
+ + + +
+

Our impact in numbers

+ {{ with .Params.related_stats }} +
    + {{ range . }} + {{ with site.GetPage . }} +
  • +
    +

    + {{ if .Params.prefix }}{{ .Params.prefix }}{{ end }}{{ .Title }}{{ if .Params.suffix }}{{ .Params.suffix }}{{ end }} +

    +
    {{ .Content }}
    +
    +
    • + {{ end }} + {{ end }} +
+ {{ end }} +
+
+
+
+ + diff --git a/layouts/partials/homepage-insights.html b/layouts/partials/homepage-insights.html new file mode 100644 index 00000000..3e7a0c01 --- /dev/null +++ b/layouts/partials/homepage-insights.html @@ -0,0 +1,14 @@ +
+
+
+

Insights from our strategic, creative and technical experts.

+ + More insights + + + + +
+ {{ partial "latest_posts.html" . }} +
+
diff --git a/layouts/partials/homepage-work.html b/layouts/partials/homepage-work.html new file mode 100644 index 00000000..aeeb5b61 --- /dev/null +++ b/layouts/partials/homepage-work.html @@ -0,0 +1,30 @@ +
+
+
+

{{ .Params.work_heading }}

+

{{ .Params.work_intro }}

+
+ Our work + + + +
+ +
    + {{ range $index, $element := ( where (where site.RegularPages "Section" "work" ) ".Params.featured" "eq" true ) }} + + {{ $odd := false }} + {{ if not (modBool $index 2)}} + {{ $odd = true }} + {{ end }} +
  • + {{ partial "teaser__client" (dict + "index" $index + "context" . + "odd" $odd + "button" true + ) }} + {{ end }} +
    • +
+
diff --git a/layouts/partials/image__illustration.html b/layouts/partials/image__illustration.html index aedc3b7d..b6d8e002 100644 --- a/layouts/partials/image__illustration.html +++ b/layouts/partials/image__illustration.html @@ -8,7 +8,7 @@ {{ $alt }} + diff --git a/layouts/partials/mobile-navigation.html b/layouts/partials/mobile-navigation.html new file mode 100644 index 00000000..a0c0e021 --- /dev/null +++ b/layouts/partials/mobile-navigation.html @@ -0,0 +1,27 @@ + +
+ +
+ +
+ + + + + + +
+
+
\ No newline at end of file diff --git a/layouts/partials/newsletter.html b/layouts/partials/newsletter.html index b82c5ca1..a2fca1f2 100644 --- a/layouts/partials/newsletter.html +++ b/layouts/partials/newsletter.html @@ -13,23 +13,25 @@
- {{ with $src }} - - - Illustration of a person holding a watering can that waters many plants - + {{ if not $.hide_img }} + {{ with $src }} + + + Illustration of a person holding a watering can that waters many plants + + {{ end }} {{ end }}
diff --git a/layouts/partials/our-insights.html b/layouts/partials/our-insights.html deleted file mode 100644 index 3f5d6dfe..00000000 --- a/layouts/partials/our-insights.html +++ /dev/null @@ -1,12 +0,0 @@ -
-

Insights from our strategic, creative and technical experts.

- {{ partial "latest_posts.html" . }} -
- - More insights - - - - -
-
diff --git a/layouts/partials/our-stats.html b/layouts/partials/our-stats.html deleted file mode 100644 index 7bb1241a..00000000 --- a/layouts/partials/our-stats.html +++ /dev/null @@ -1,31 +0,0 @@ -
-
-
-

Sustainable isn’t what we do it’s who we are

-
-
-

We don’t leave our ethics at the agency door. We live our values round the clock, professionally and personally.

-
-
- - - -
-
-
-

Our impact in numbers

- {{ with .Params.related_stats }} - {{ partial "related-stats.html" . }} - {{ end }} -
- Our manifesto - - - - Our impact - - - -
-
-
diff --git a/layouts/partials/related-posts.html b/layouts/partials/related-posts.html index d304bed2..9db91951 100644 --- a/layouts/partials/related-posts.html +++ b/layouts/partials/related-posts.html @@ -3,7 +3,10 @@ {{ range . }} {{ with site.GetPage . }}
  • - {{ partial "card" . }} + {{ partial "card" (dict + "context" . + "tall" false + ) }}
    • {{ end }} {{ end }} diff --git a/layouts/partials/site__header.html b/layouts/partials/site__header.html index 37b91644..077fc2bb 100644 --- a/layouts/partials/site__header.html +++ b/layouts/partials/site__header.html @@ -7,7 +7,7 @@ -