culture-means-thriving-teams — archive thumbnail rebuild · 2026-05-10

Section: culture-means-thriving-teams · List-cards processed: 285 · Thumbnails injected: 173 (61%) · Skipped (no working image): 112 (39%)

TL;DR

Walked 285 list-cards on /culture-means-thriving-teams/archive/. 173 got a monochrome rollover thumbnail; 112 stayed plain (no working image).
Hit-rate: 61% of articles in this archive have at least one body <img> that returns 200.
Per feedback_featured_card_image_required.md, image-less cards get no rollover affordance — designed empty-state effort lands elsewhere.

Pattern shipped

Default state: small 36×36 thumbnail at the start of each list-card, rendered grayscale at 95% contrast — visually quiet, present-but-receding.
Hover state: filter switches to full colour; thumbnail scales 1.04× with a 320ms ease for a subtle lift.
Affordance scope: only cards with .has-thumb (image-bearing) get the interactive treatment; image-less cards stay plain. The .has-thumb class is set during this script’s run, so future migrations or new content need to either re-run the script or include the class manually.
Accessibility: aria-hidden="true" on the thumb span (decorative); the article title remains the primary affordance.

Sample of injected thumbnails

#	Article	Thumbnail URL
1	Supreme coffee cups	`https://images.dare.co.uk/posts/coffee-supreme.jpeg`
2	Culture Archive	`https://images.dare.co.uk/posts/kenadams.jpg`
3	Patagonia rock and roll act	`https://images.dare.co.uk/posts/big-rock.jpg`
4	Ferrari 250 GT SWB	`https://images.dare.co.uk/posts/classic.jpg`
5	Cheeming Boey	`https://images.dare.co.uk/posts/cheeming-boey-01.jpg`
6	La Jetée	`https://images.dare.co.uk/posts/lajetee.jpg`
7	Defying Gravity	`https://images.dare.co.uk/posts/gravity-1.jpg`
8	Summer Garden Invite	`https://images.dare.co.uk/posts/party-in-the-garden.jpg`
9	Yosemite Odessa Lake	`https://images.dare.co.uk/posts/odessa-lake-yosemite.jpg`
10	Sport is simple	`https://images.dare.co.uk/posts/lifeissimple.jpg`

What this tells us

61% hit-rate means roughly half the archive earns the rollover. Image-less cards stay plain; the visual texture across the archive is mixed (silent + interactive), which can read as editorial signal or as inconsistency depending on whether the image-less cohort is skewed toward older / lower-quality posts.

Watch items

CDN dependency: thumbnails point at images.dare.co.uk URLs that are currently served by the legacy WordPress host (per the 2026-05-09 R2 diagnosis). If/when CDN migrates, the URLs need to migrate in lock-step.
Third-party CDN images: any thumbnail pointing at farm*.static.flickr.com, Imgur, etc. is a fragility — when those rot, the rollover breaks. Worth a follow-up rehost pass on those specifically (the SEO image-naming convention applies on rehost: feedback_seo_image_naming_convention.md).
Re-run cadence: content additions or article-image fixes won’t surface in the archive until this script re-runs. Wire into dare_dashboard_refresh.sh or run on-demand after batch content updates.
Performance: 36×36 grayscale images with loading="lazy" — minimal perf cost. CLS should be zero (fixed dimensions). Verify on PSI after deploy.

Recommendations

Eyeball the rebuilt archive at staging (https://staging-dare-co-uk.xlabs.workers.dev/culture-means-thriving-teams/archive/) and judge whether the visual texture serves the editorial intent.
If yes: ff-merge to main; roll the same script across other archives (methods-of-business-design, culture-means-thriving-teams).
If the hit-rate is too low: the upstream fix is restoring broken article images, not changing the rollover rule. Same as the featured-strip principle.
Save this script + run as a sister to dare_featured_picker.py whenever a section’s archive is rebuilt. Portable to dogwood / audrey / clients.

Run: python3 ~/Downloads/dare_archive_thumbnails.py --section culture-means-thriving-teams

Source: culture-means-thriving-teams_archive_thumbnails_2026-05-10.md · Rendered 2026-05-10 09:34