Repository navigation
feat(web): cut the register page down to what moves a sign-up - #1323
Conversation
The column next to the form was a rotating carousel showing one long quote at a time, with eight dots, plus three generic taglines. It answered neither "how much work is this" nor "who else uses it". - "From sign-up to your first live update": three numbered steps, including the `npx @capgo/cli@latest init` command, so the effort after sign-up is visible before committing. - Trust line (9,400+ teams, 90M+ devices, GitHub stars) with eight customer apps and their store install counts. - Two named reviews (drivolino, Tellent) shown together, static, with the rating summary. The carousel script and styles are removed. - Both columns align to the top, so the steps line up with the form. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Every element now earns its place, in scan order: headline, one value line, the two fields, the button, small print, then the secondary links. Form card - The trial and no-card pills become one 15px value line. - The password rules stay hidden until the password is wrong: leaving the field with missing rules, typing six or more characters that still miss one, or submitting. They tick live once shown, and the weak password toast is gone. - Turnstile uses interaction-only appearance. Cloudflare shows about 99% of challenges pass without interaction, so most visitors never see it. - The starting price moves into the small print under the button, next to the terms. - "Already have an account? Sign in" and "Contact support" share one footer row, replacing the "Need help?" divider and the full-width support button. Side column - The headline and the three steps stay, with shorter descriptions. - Six customer app icons with one trust line replace the eight-card grid. - One review replaces the rating summary and two review cards. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
Warning Review limit reachedYou've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository. Next included review available in 52 minutes. View limit details
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
|
…raction (#3970) Every console form with a captcha (login, register, forgot password, invitations, account settings and more) rendered the full "Verify you are human" box. Cloudflare's Turnstile analytics show about 99% of challenges solve without any interaction, so the box was clutter for almost everyone. VueTurnstile now defaults to appearance "interaction-only". The widget still runs and issues a token in the background, and it appears only when Cloudflare asks for a click. capgo.app/register made the same change in Cap-go/website#1323. Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>



Before / after
The before shots show "Verifying…" because production renders Turnstile. Locally there's no site key, so the after shots show no widget. In production it's now
interaction-only, so most visitors won't see it either.Why
The form card had nine stacked blocks before the button: title, sign-in line, two pills, a price line, five password rules, the captcha, then terms, a "Need help?" divider and a full-width support button. The side column was a rotating carousel. Nothing told the eye where to go first.
Scan order now
Form card: headline (30px bold) → one value line (15px) → Email → Password → Sign up → small print (12px: starting price, terms) → footer row (Sign in, Contact support).
data-appearance="interaction-only": Cloudflare analytics show about 99% of challenges solve without interaction, so the widget is usually invisible. The error and retry handling from fix(web): recover lost sign-ups on the register page #1318 is unchanged.Side column (this also supersedes #1322): headline (30px) → three numbered steps (16px titles, 14px one-line bodies, plus the
npx @capgo/cli@latest initcommand) → six customer app icons with "Trusted by 9,400+ teams shipping to 90M+ devices" → one review (Sergiu, drivolino: "days to minutes"). The carousel, rating summary, eight-card app grid and second review are gone.Checks
bun test src/scripts/register.test.ts: 8 pass, including 2 new tests for when the password rules show.astro check: 0 errors.Screenshots live on the
pr-assets/register-hierarchybranch, which only holds the four PNGs. Delete it after merge.🤖 Generated with Claude Code
Need help on this PR? Tag
@codesmith-botwith what you need.