Skip to content

Site: drop scroll reveals, 0.4 s hero entrance, 44 px header taps - #24

Merged
dpdev69 merged 1 commit into
mainfrom
claude/project-thread-70qxad
Nov 1, 2026
Merged

dpdev69 merged 1 commit into
mainfrom
claude/project-thread-70qxad

Conversation

@dpdev69

@dpdev69 dpdev69 commented Nov 1, 2026

Copy link
Copy Markdown
Owner

Requested by Boss · project thread

From the 1 Nov design review (audit/design-review-2026-11-01-upright.md), item 1 and the tap half of item 4.

What changes

  • Scroll reveals removed (remove-animations: repeated scroll reveals hold content back from people who scroll fast): 24 .reveal blocks on / and 12 on /mx-vertical now render in place. The .reveal CSS and its observer in page.js are gone.
  • One short hero entrance (emil-design-eng, UI motion under 300 to 400 ms): hero copy 0.9 s → 0.4 s with a 30 ms stagger, demo 1.1 s after 0.2 s → 0.45 s after 0.08 s. Reduced motion still turns both off.
  • Touch hit areas (apple-design §10): GitHub icon (18 px) and Download (30 px) get invisible 44 px hit areas, look unchanged; footer links padded to 44 px rows.
  • Cache stamps site.css?v=8, page.js?v=5.

Checked (WebKit iPhone profile at 320 and 390, desktop 1440; / and /mx-vertical)

  • Fast scroll to 2,500 / 5,000 / 8,000 px and screenshot 120 ms later: content is there every time (before: about 6,000 px of blank page in a quick capture).
  • No sideways scroll at any width; tap highlight off; sticky nav and sticky FAQ head unchanged.
  • The .mp-mouse / .mg-row collapses and the 10 s demo loops are untouched, as decided on 26 Oct.

Not in this PR: "Send to my Mac" on phones and folding the Features copy (item 2 and 3; content calls), and the 200 % text mockup width.


Generated by Claude Code

- Sections on / and /mx-vertical no longer wait to fade in as they scroll into view
- Hero copy settles in 0.4 s and the demo in 0.45 s (were 0.9 s and 1.1 s)
- Touch: invisible 44 px hit areas for the GitHub icon and Download; footer links padded

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Q52L7DQBFtsgs4uLUHW9Ed
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying upright with  Cloudflare Pages  Cloudflare Pages

Latest commit: 01e0d12
Status: ✅  Deploy successful!
Preview URL: https://4481e934.upright-2ev.pages.dev
Branch Preview URL: https://claude-project-thread-70qxad.upright-2ev.pages.dev

View logs

@dpdev69 dpdev69 self-assigned this Nov 1, 2026
@dpdev69
dpdev69 merged commit 69e0e57 into main Nov 1, 2026
4 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