Skip to content

fix: give the UN case-study announcement a real branded card image - #1207

Open
rrrutledge wants to merge 1 commit into
fix/un-announcement-carousel-imagefrom
fix/un-announcement-card-image
Open

fix: give the UN case-study announcement a real branded card image#1207
rrrutledge wants to merge 1 commit into
fix/un-announcement-carousel-imagefrom
fix/un-announcement-card-image

Conversation

@rrrutledge

Copy link
Copy Markdown
Collaborator

What this does

Gives the UN case-study announcement a real, purpose-built card image, replacing the interim bare-logo fix from #1206.

Every other announcement in the About-page carousel and the featured-hero slot is a 1920×1080 card: ISC logo top-left, a bold headline on the left, and a branded teal block on the right.
The interim fix pointed this announcement's image at the bare UN emblem, which reads as an accident next to those.
This adds a card matching the established pattern and repoints image at it.

The card

UN case-study announcement card

Built as markup (inline-CSS HTML) and rendered to a pixel-exact 1920×1080 PNG with Playwright, in the same spirit as the recent "build graphics as markup, not by hand in a binary editor" change (924f8ccc00).
It reuses the site's own assets: the ISC logo (static/images/logo.png), the striped-hexagon flourish (the black hexagon mark), the brand teal sampled from the existing cards (#29abaa), and the UN emblem set in a white hexagon that mirrors the hexagon photo tiles on the other cards.
The three stats are pulled from the case study itself.

Changes

  • content/en/about/announcements/2026-06-un-case-study.mdimage now points at the new card.
    logo is left untouched, so the single announcement page keeps its compact emblem header (added in un-case-study: fix oversized logo + swap in Addie's graphics #1204).
  • static/images/about/announcements/2026-06-un-case-study-announcement.png — the new card (added).
  • static/images/about/announcements/2026-06-un-case-study.png — the orphaned dense "by the numbers" infographic, no longer referenced anywhere, removed.

Verification

A full hugo build was run and the rendered HTML confirmed the new card at all three slots that read image:

  • /about/ — the rotating carousel → un-case-study-announcement.png
  • /about/announcements/ — the featured-hero slot → un-case-study-announcement.png
  • the single announcement page — og:imageun-case-study-announcement.png, while its visible header still renders the UN emblem via logo (unchanged, as intended).

The generated PNG was verified at exactly 1920×1080 and inspected directly (shown above).
No browser-automation tool was installed in this environment, so there are no live screenshots of the running dev server; verification was the Hugo build plus rendered-HTML reference checks plus eyeballing the PNG.

Base

Stacked on #1206's branch since that PR is still open and touches the same image line; GitHub will retarget this to master once #1206 merges.

The interim fix in #1206 pointed the announcement's `image` at the bare UN
emblem logo, which reads as an accident next to every other announcement
card in the About-page carousel and the featured-hero slot. Those cards are
purpose-built 1920x1080 graphics: ISC logo top-left, a bold headline on the
left, and a branded teal block on the right.

This adds a matching card for the UN case study, built as markup and rendered
to PNG: the same ISC logo and striped-hexagon flourish, a bold headline, and
a teal panel holding the UN emblem in a white hexagon alongside three pulled
stats (100 staff / 40+ entities, 15 prototypes built, 2 deployed in the
field). `image` now points at this card; `logo` is unchanged, so the single
announcement page keeps its compact emblem header. The orphaned dense
"by the numbers" infographic PNG, no longer referenced anywhere, is removed.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@rrrutledge
rrrutledge requested a review from a team as a code owner July 17, 2026 16:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant