Show What's the Point with its own screenshots, per colour scheme

[MorganGodden]

The projects grid falls back to a title-and-tags card when a project has no image, which is what What's the Point has been getting. It now has a real one: the launcher screen, captured from the running app by the marketing pipeline in the wtp repo (npm run marketing).

A single screenshot would have been wrong half the time. The app themes itself and so does this site, so a light-mode shot sits in a dark page as a glowing rectangle. The entry carries both variants and the site picks one to match the reader.

Changes

• public/projects/whats-the-point-{light,dark}.png — the launcher screen at 640×400, the thumbnail size the capture pipeline emits.
• content.config.ts — projects gain an optional imageDark.
• content/projects/whats-the-point.yml — points at both files.
• Hero.vue and projects.vue — the two places project.image is rendered now use UColorModeImage.

imageDark is optional and falls back to image, so the three projects pointing at itch.io art are untouched.

Why UColorModeImage

It swaps with a dark: class rather than reading colour mode in JS. Both pages are prerendered, so a JS swap would show the wrong image until hydration. It renders through NuxtImg internally, so the existing width/height hints still reach the optimiser — the homepage marquee still requests s_234x234.

UColorModeAvatar was already used for the profile picture in Hero.vue, so this stays in the same idiom.

Verification

Built and served the production output, then drove both pages in Chromium with the colour mode seeded each way:

	light	dark
/ marquee	/_ipx/s_234x234/projects/whats-the-point-light.png visible, dark hidden	dark visible, light hidden
/projects card	/_ipx/_/projects/whats-the-point-light.png visible, dark hidden	dark visible, light hidden

npx eslint . reports the same 40 errors / 1 warning before and after this branch — all in app/app.vue and app/pages/about.vue, neither touched here.

Noticed, not fixed

drop-by-drop, plan-it-planet, and project-psx point image at https://img.itch.zone/.... Those render broken on master today — @nuxt/image has no image.domains entry for that host, so it strips the host and requests the path relative to the site. Confirmed identical on a clean master build, so it predates this change and is left alone. Adding image: { domains: ['img.itch.zone'] } to nuxt.config.ts would be the fix, if you want it as a follow-up.

---

Generated by Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
godden.dev	Ready	Preview, Comment	Jul 28, 2026 2:22pm