Skip to content

Home: hero phrase and numbers readable on phones - #307

Merged
TeoSlayer merged 1 commit into
mainfrom
fix/home-phone-hero
Oct 24, 2026
Merged

TeoSlayer merged 1 commit into
mainfrom
fix/home-phone-hero

Conversation

@TeoSlayer

Copy link
Copy Markdown
Contributor
  • The rotating hero phrase "read any web page as Markdown" was clipped on phones (320–430 px) and at ~600 px. It now shrinks just enough for the longest phrase to fit; every phrase uses that one size, so the line doesn't jump.
  • The numbers section showed 0 on phones: the count-up watched the whole section with a 40% threshold, which the stacked layout never reaches. It now watches each figure, and a figure resets only when it is fully off screen.

Checked in phone emulation at 16 widths from 320 to 1440 px, and by scrolling through the numbers section at 390 px.

🤖 Generated with Claude Code

The longest rotating phrase ("read any web page as Markdown") was wider than
a phone screen and got clipped; it now shrinks just enough for the longest
phrase to fit, one size for all phrases. The numbers count-up watched the
whole section with a 40% threshold, which a stacked phone layout never
reaches, so figures read 0 while on screen; it now watches each figure.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

🚀 Preview deployed to Cloudflare Pages

  • Commit deploy URL: https://8540ff68.pilotprotocol.pages.dev
  • Branch alias: https://fix/home-phone-hero.pilotprotocol.pages.dev (may take ~30s to propagate)
  • Commit: 77a552c0aa78ace81683d3db6a59a03e546ce0a7

@TeoSlayer
TeoSlayer merged commit 4691e4f into main Oct 24, 2026
3 checks passed
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