fix: give the UN case-study announcement a real branded card image - #1207
Open
rrrutledge wants to merge 1 commit into
Open
fix: give the UN case-study announcement a real branded card image#1207rrrutledge wants to merge 1 commit into
rrrutledge wants to merge 1 commit into
Conversation
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>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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
imageat the bare UN emblem, which reads as an accident next to those.This adds a card matching the established pattern and repoints
imageat it.The 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.md—imagenow points at the new card.logois 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
hugobuild was run and the rendered HTML confirmed the new card at all three slots that readimage:/about/— the rotating carousel →un-case-study-announcement.png/about/announcements/— the featured-hero slot →un-case-study-announcement.pngog:image→un-case-study-announcement.png, while its visible header still renders the UN emblem vialogo(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
imageline; GitHub will retarget this tomasteronce #1206 merges.