Date: 2026-04-20 Status: Draft for review Owner: Arthur Marinis
The AWS partner page at /partners/partner-pages/aws.html (source: partners/partner-pages/aws.html.haml) still uses the pre-modernisation site template: inline-styled <table> stats, .sidebar-accordion blocks, modal pop-outs for full quotes and architecture diagrams, and a 2/3 + 1/3 .grid-2-1-column layout driven by .container.partner-page. The rest of the site (devops, cloudmanagement, platform-engineering, infrastructure-lens, security, and the in-progress AI section) has moved to the service-modern template: a full-width banner hero with scrim, an intro .container.inner with CTA, a .svc-what-you-get card grid, and alternating full-width sections.
The AWS copy itself is still relevant; the structural treatment is what reads dated.
/partners/partner-pages/aws.html and source filename.partners/partner/amazonwebservices.html.haml) pointing to the same URL; no content change there./images/banners/webp/mwm48002-partners.webp stays.inbuilt_contact_form.html.haml already provides._service-modern.scss or a small page-scoped partial. No new icon set.Sections run top to bottom as full-width blocks, alternating surface and alt backgrounds following the service-modern pattern.
| # | Block | Source (current page) | New treatment |
|---|---|---|---|
| 1 | Hero banner | banner, banner_title, banner_sub frontmatter |
Unchanged. Renders via base layout + .banner.inner. |
| 2 | Intro + CTA | Opening H2 "Deep AWS Knowledge = Customer Success" | .container.inner with H2 + centred paragraph + "Talk to Us" primary CTA anchoring to #contact. |
| 3 | Stats row | <table> with 300+ migrations, 96% retention, 1000+ envs |
.svc-what-you-get / .svc-wyg-grid of three .svc-wyg-card entries (bg-blue, bg-green, bg-blue), each with SVG icon + H4 + supporting sentence. |
| 4 | Narrative + Stefan Jansen quote | Left-column "In 2006 we saw the revolution…" + extended quote modal | .container.inner with H2 + two short paragraphs. Pull-quote rendered inline using a new .svc-pull-quote block (cite + attribution). Full quote collapses into a <details><summary>Read full quote</summary> reveal directly under the pull-quote; modal removed. |
| 5 | Partner firsts + certifications | #partner-ticks list |
.container.inner.alt with H2 "Experienced AWS Specialist" + a grid of labelled year cards (one per first). Two sub-groups follow: APN Cloud Ambassadors and AWS Certified Professionals, rendered as .svc-deliverables / .svc-del-group to mirror the cloudmanagement deliverables block. |
| 6 | Risk / scalability narrative | "Balancing Opportunity vs Risk" + "Partner with us" + "Continuous improvement" | One .container.inner with H2 "Balancing opportunity vs risk. Scalability vs cost." followed by the three narrative paragraphs. Separated by <hr class="svc-divider"> where the copy currently breaks. |
| 7 | Cloud architecture changing | #cloud-architecture-changing + Lambda + Docker two-column |
.container.inner.alt with H2 retained. Two-column grid becomes .svc-two-column with the existing Lambda and Docker logo images kept. |
| 8 | Customer stories + videos | Sidebar accordions (Urbanise case study video, "See How We Utilise AWS" videos, architecture diagram modal) | .container.inner with H2 "Our AWS success stories". .svc-video-grid of four tiles: Urbanise case study, Aaron Walker's AWS Summit CI/CD talk, serverless on AWS, Docker on AWS. Customer logos (carsales, iconic, dubber) in a .svc-logo-row under the grid with "More Customer Stories" link. The architecture diagram is a fifth tile in the same grid styled as an image preview that opens /images/webp/partners/aws-design_.webp in a new tab (no modal). |
| 9 | Contact | partial("contact_forms/inbuilt_contact_form.html.haml") |
Unchanged. Anchor target #contact for the hero CTA. |
#fullquote.modal moves inline under the short quote inside a <details> reveal so nothing is lost, modal-free.A page-scoped partial scss/site/_partners-aws.scss holds new blocks that don't already exist in _service-modern.scss:
.svc-pull-quote — large-quote card with cite, orange accent stripe (reuse $svc-ink or the existing base2 palette; no new colours)..svc-year-grid — two-column grid of .svc-year-card with bold label + small year subtitle, for the "firsts" list..svc-video-grid — 2-column tile grid of 16:9 thumbnails with hover lift; reuses .video-link anchor behaviour..svc-logo-row — single horizontal row of partner logos with a trailing "More" link..svc-divider — hr variant sized to match existing section rhythm.All existing _service-modern.scss classes (.banner.inner, .container.inner, .svc-what-you-get, .svc-wyg-grid, .svc-wyg-card, .svc-deliverables, .svc-del-group) are reused as-is. No typography overrides.
The partial imports into scss/styles.scss after _service-modern so the cascade order is deterministic. File is ASCII-only (no em-dash/smart quotes) per the Sass 3.4.22 constraint.
partners/partner-pages/aws.html.haml is rewritten top-to-bottom:
title, description, banner, banner_title, banner_sub, meta_title, meta_description. Remove no keys; add no keys unless the layout demands it.layout: base stays. Banner renders via the base layout's existing banner partial.#content.page to match the service-modern pages (previously #content + .container.partner-page.no-padding.no-bg.inner).#fullquote, #aws-architecture, #modalone, #modaltwo, #modalthree) are removed. Video thumbnails link directly to the YouTube watch page or to existing /community/videos/... pages that already embed the videos. The architecture-diagram modal becomes a link to the full image file opening in a new tab.style="..." attributes are removed. Anything non-default collapses into a class on the new SCSS partial.| Old markup | New markup |
|---|---|
.grid-2-1-column + .two-of-three-column-layout / .one-of-three-column-layout |
#content.page + sequential .container.inner sections (full width, alternating) |
%h2.section-title with %span.de-em |
.container.inner > h2 (no de-em pattern — service-modern heading style) |
<table> stats |
.svc-wyg-grid of three .svc-wyg-card |
#partner-ticks ul |
.svc-year-grid of .svc-year-card entries |
.sidebar-accordion.active + .accordion-title + .accordion-content |
Inline .container.inner with H2 + content |
.modal + %a[rel=modal:open] |
Direct link or inline <details> (for long quote) |
.video-link wrapping YouTube mqdefault.jpg |
Same .video-link anchor, re-styled by .svc-video-grid |
.partners-page-logos ul |
.svc-logo-row |
layout: base banner partial — verified it supports the existing banner frontmatter (cloudmanagement uses the same pattern).#aws-architecture modal currently lives in this file alone and is only opened from the sidebar. Removing it requires the architecture image be served via a direct link instead; the image path /images/webp/partners/aws-design_.webp stays valid.%a.video-link{ :href => "#modalone" } references modals that are defined only in this file. Replacement links go to the existing /community/videos/... HAML pages where the same videos already play; confirm each URL resolves before removing the modals.#serverless-video and #docker-video sections currently sit below the main page content. In the new layout they fold into the "Our AWS success stories" tile grid, so the standalone sections are deleted.site.partner iteration on /partners/index.html.haml is unaffected; the partner card summary is a separate file./partners/partner-pages/aws.html renders with the same visual language as /cloudmanagement/ and /devops/: banner, CTA, card grid, alternating sections, no sidebar.<table>, no .sidebar-accordion, no #fullquote/#aws-architecture/#modalone-three modals in the output HTML.style= attributes on the HAML (other than any that inbuilt_contact_form.html.haml brings in)._service-modern.scss).<details> reveal)./partners/. If the summary needs a refresh, it's a separate follow-up.