Skip to content

feat(auth): give the public pages' signup strip the sticky banner's auth stack - #6676

Open
tsahimatsliah wants to merge 22 commits into
mainfrom
claude/public-pages-strip-redesign-ecfe9b
Open

tsahimatsliah wants to merge 22 commits into
mainfrom
claude/public-pages-strip-redesign-ecfe9b

Conversation

@tsahimatsliah

@tsahimatsliah tsahimatsliah commented Sep 16, 2026

Copy link
Copy Markdown
Member

Changes

The cover-art signup strip shown to anonymous visitors on the public pages (Explore, tags directory and tag pages, sources directory and source pages, squads directory, users, best-of, watercooler, world and public profiles) now carries the sticky auth banner's signup stack instead of a Sign up → / Log in pair:

  • Continue with Google as the one solid primary and Continue with GitHub as a fill, side by side at the medium size, with Continue with email as a text link and Already have an account? Log in under them. This is AuthOptions in the singlePrimary style the banner already uses, so the two surfaces share one CTA hierarchy.
  • Copy and the stack are centred over the cover art, which keeps its original crop. Copy stays the new tab control's ("Unlock the full daily.dev experience" / "Log in to pick up where you left off.").
  • A feathered backdrop-blur pocket behind the bottom links plus a bottom scrim keep the small text legible over the art. Opacity modifiers use arbitrary values (/[0.9]) because the theme's opacity scale has no matching steps and the numeric forms emit no CSS.
  • Social providers run OAuth inline like the banner does; email and log in hand off to the auth modal at the matching screen.
  • AuthOptions gains an inlineProviders flag that lays the social providers out in a row; every other surface keeps the stacked list.
  • The cover art chrome is extracted into HijackingCoverCard so the extension's new tab strip keeps its centred layout untouched.

Events

No new events. The strip keeps its impression on explore strip, the log in link keeps its click on explore strip, and provider clicks log the auth form's own signup provider events with the onboarding trigger, as on the banner.

Experiment

No new experiments.

Manual Testing

  • ExploreSignupStrip spec updated and passing (9 tests); webapp and extension suites green.
  • Preview: open /tags or /sources logged out at laptop and tablet widths.

🤖 Generated with Claude Code

Preview domain

https://claude-public-pages-strip-redesi.preview.app.daily.dev

…uth stack

The anonymous cover strip on Explore, tags, sources, squads, users, best-of,
watercooler, world and profile pages offered a Sign up / Log in pair that
only opened the modal. The sticky auth banner already converts with a
single-primary stack (Google primary, GitHub fill, email link, log in link),
so the strip now renders that same AuthOptions stack beside the copy, laid
out like the banner: copy on the left, auth column on the right from laptop,
stacked and centred on tablet.

The cover art chrome moves into HijackingCoverCard so the extension's strip
keeps its centred layout while this one lays out its own content.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@vercel

vercel Bot commented Sep 16, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
daily-webapp Ready Ready Preview Sep 17, 2026 1:42pm UTC

Request Review

…n width

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
The palette's opacity scale is empty, so raw-pepper-90/90 style modifiers
never emit a rule and the gradient is invalid at computed-value time.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…ogressive blur

Google and GitHub sit side by side at the medium size, with the email link
and log in link under them, so the art stays clear on the right.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…scot

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…ight

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
… band

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
The centred layout no longer reframes the art, and the strip holds its
own boot placeholder, so artClassName and HijackingCoverStripPlaceholder
had no callers left.

Mockup-to-eng-pass: 1

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
… row gap apply

Every element in the strip now sits 0.75rem from the next. The row's
gap-3 had been losing to the base gap-4 in stylesheet order.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…buttons

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
tsahimatsliah and others added 2 commits September 17, 2026 13:47
…test

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
…ove it

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
The registration form is a dynamic import, so the card mounted with an
empty slot and the copy jumped once the chunk landed. The slot now keeps
the form's height from the first paint, and the boot placeholder carries
the card's border so the two match to the pixel.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
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