Skip to content

README: the animation reads at the size GitHub draws it, with a third version for narrow phones - #36

Merged
feder-cr merged 1 commit into
mainfrom
readme-gif-readable
Oct 9, 2026
Merged

feder-cr merged 1 commit into
mainfrom
readme-gif-readable

Conversation

@feder-cr

@feder-cr feder-cr commented Oct 9, 2026

Copy link
Copy Markdown
Owner

GitHub draws the 1280px animation in an 838px column (0.655) and the 720px phone one 254-472px wide (0.35-0.66), so their smallest text reached a visitor at 9-11.8px. Every text is now at least 19px in the wide animation, 28px in the phone one, and 35px in a new one for phones up to 374px (banner-small-{light,dark}.gif); the scene titles are larger and the line under them semibold. Same scenes and timing.

Measured with Playwright on seventeen device profiles, from 320px phones to 1920px desktops, in light and dark, through a local copy of the README laid out with the column github.com gives each width: the smallest text is 12px or more on every one, and each loads the GIF of its own theme.

… version for narrow phones

GitHub draws the 1280px animation in an 838px column (0.655) and the 720px phone one 254-472px wide (0.35-0.66), so their smallest text reached a visitor at 9-11.8px. Every text is now at least 19px in the wide animation, 28px in the phone one, and 35px in a new one for phones up to 374px (banner-small-{light,dark}.gif); the scene titles are larger and the line under them semibold. Same scenes and timing.

Measured with Playwright on seventeen device profiles, from 320px phones to 1920px desktops, in light and dark, through a local copy of the README laid out with the column github.com gives each width: the smallest text is 12px or more on every one, and each loads the GIF of its own theme.
@feder-cr
feder-cr merged commit 65c9c6f into main Oct 9, 2026
6 checks passed
@feder-cr
feder-cr deleted the readme-gif-readable branch October 9, 2026 01:43
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