Skip to content

Say what the examples do, and let the landing page fit a phone - #5

Merged
JGalego merged 2 commits into
mainfrom
claude/hyperlab-retro-website-bico9i
Aug 2, 2026
Merged

JGalego merged 2 commits into
mainfrom
claude/hyperlab-retro-website-bico9i

Conversation

@JGalego

@JGalego JGalego commented Aug 2, 2026

Copy link
Copy Markdown
Owner

Copy and layout fixes to the landing page, all found by reading it on a
phone.

The copy counted things instead of describing them

Every blurb in the examples gallery had the same shape — a tally of nouns
standing in for a description. "A list, a dialog, and a loop" tells you
nothing about what the Todo stack is for. All six now say what the stack
does. The hero line had the same habit ("Cards, buttons, fields and
HyperTalk…") and so did the <meta> description.

The same tic had got into docs/website.md, where the components and the
crates were each rendered as a five-item list, and into the export sentence,
which had a rolling "as a…, as a…, as a…" cadence laid over the facts.

Lists that carry real information stay — which providers work, which formats
a stack exports to — because naming them is the information.

The HyperTalk sample was clipped on a phone

The longest line is fifty-one characters. It cannot shrink to fit a 375px
screen at a readable size, and overflow-x: auto gave no sign it could be
scrolled, so it simply stopped at the edge and looked broken. The page had no
media query at all.

It has one now: below 34rem the sample wraps instead of vanishing, and the
three buttons stack rather than crowding. Verified at 375×812 — the code box
measures scrollWidth 323 = clientWidth 323, nothing sits past the right
edge, and the page no longer scrolls sideways. The desktop layout is
unchanged.

Known, not addressed here

The playground itself is still unusable at phone width: the inspector holds a
fixed width and pushes the card off-screen. That needs a web-only stylesheet
layered over neo-classic.css, which the desktop app shares, and is coming
separately.

CI green on f657826.

🤖 Generated with Claude Code

https://claude.ai/code/session_01R7eaxUAqy2gKQSBNnYZoFr


Generated by Claude Code

claude added 2 commits August 2, 2026 16:53
The hero was a list of nouns wearing a sentence, and "Each opens in the
playground, running" is not a thing anybody says out loud. Both rewritten
to say what is actually on offer.

The HyperTalk sample was clipped on a phone: the longest line is
fifty-one characters, which cannot be shrunk to fit and gave no sign it
could be scrolled, so it just stopped at the edge. The page had no media
query at all. It has one now, and on a narrow screen the sample wraps
rather than disappearing; the buttons stack instead of crowding.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01R7eaxUAqy2gKQSBNnYZoFr
Every blurb in the gallery was the same shape — a tally of nouns standing
in for a description. "A list, a dialog, and a loop" tells you nothing
about what the Todo stack is for. All six now describe what the thing
does.

The same habit had got into docs/website.md, where the components and the
crates were each rendered as a five-item list, and into the export
sentence on the landing page. Lists that carry real information — which
providers work, which formats a stack exports to — stay, because naming
them is the information.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01R7eaxUAqy2gKQSBNnYZoFr
@JGalego
JGalego merged commit 5361815 into main Aug 2, 2026
14 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.

2 participants