Skip to content

feat(web): home hero is a sky full of lanterns (sharp at 2x) - #22

Closed
Vnntnn wants to merge 2 commits into
mainfrom
feat/hero-lanterns-photo
Closed

Vnntnn wants to merge 2 commits into
mainfrom
feat/hero-lanterns-photo

Conversation

@Vnntnn

@Vnntnn Vnntnn commented Oct 26, 2026 •

Copy link
Copy Markdown
Owner

The old hero photo (night-market tents, lossy 1600 px WebP) broke up on HiDPI screens and was busy behind the headline.

  • New hero: the sky above the crowd in Pingxi Sky Lantern Festival 2014 (Jirka Matousek, CC BY 2.0). The original's bottom third (hands, phones) is cropped off, so only lanterns remain.
  • 4000 / 2400 / 1400 px WebP (137 / 57 / 27 KB) with srcset; the black is lifted to the hero's ink colour, so the picture meets the page without an edge.
  • The picture now spans the hero and fades across its left half (headline side); the washes over it are lighter.
  • Credit on the home page switches to this photo; the market photo stays on the sign-in panel with its own credit. docs/assets.md has the source, the changes and the exact commands.
  • Tried and dropped: three.js scenes (tickets, lanterns) and Bangkok New Year fireworks (CC BY 3.0, PEAK99). Fireworks is a fallback if lanterns are not the one.

Checked at 1920 and 1440 (EN/TH) and 390 (TH), bun check, bun run build. Backends were off, so "Next up" is empty in the screenshots.

🤖 Generated with Claude Code

Vnntnn and others added 2 commits October 26, 2026 21:59
The hero photograph (a lossy 1600 px WebP of night-market tents) broke up on HiDPI screens and was busy behind the headline.
Replaced by a lantern-only frame from Wikimedia Commons (CC BY 2.0, no people in it), exported at 2800/2000/1200 px with its black
lifted to the hero's ink colour so it meets the page without an edge. The wash over it is lighter, since the picture is dark already.
The market photograph stays on the sign-in panel; credits and docs/assets.md follow.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
A denser frame of the same Pingxi set (crowd cropped off), 4000/2400/1400 px WebP. The plate now spans the hero's width
and fades across its left half instead of sitting in the right 72%, so more of the sky shows; the washes over it are lighter.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@Vnntnn Vnntnn changed the title feat(web): home hero is a sharp photograph of sky lanterns feat(web): home hero is a sky full of lanterns (sharp at 2x) Oct 26, 2026
@Vnntnn Vnntnn closed this Oct 26, 2026
@Vnntnn

Vnntnn commented Oct 26, 2026

Copy link
Copy Markdown
Owner Author

Superseded by #23: the hero now uses a sharper Hubble photograph (the lantern photo is soft at full size), so this branch's image is not shipped. #23 carries this branch's commits and targets main.

Vnntnn added a commit that referenced this pull request Oct 26, 2026
feat(web): hero = sharp Hubble photograph + glossy 3D tickets (stacked on #22)
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