Skip to content

Site: mobile fixes + closed-beta gating#191

Merged
oyvindberg merged 1 commit intomainfrom
mobile-fixes-and-closed-beta
May 3, 2026
Merged

Site: mobile fixes + closed-beta gating#191
oyvindberg merged 1 commit intomainfrom
mobile-fixes-and-closed-beta

Conversation

@oyvindberg
Copy link
Copy Markdown
Collaborator

Summary

  • Mobile landing page: hide the wide blueprint SVG below 700px, replace with a compact vertical "one domain, four boundaries" list. Horizontal-scroll trap on phones was poor UX and the text alone carries the section. Also overflow-x: hidden on .page so no stray child can push the body wider than the viewport.
  • Mobile navbar: force .navbar__toggle visible on ≤996px (cascade + Docusaurus defaults were hiding it) and surface the color-mode toggle directly in the navbar on mobile, so dark mode is reachable without the slide-out.
  • Getting Started page: drop install + quick-start blocks. Replace with a "Closed Beta" admonition pointing at oyvind@typr.dev for seat requests.
  • Announcement bar: repaint as "Closed Beta — public release in early 2026" linking to the getting-started page.

Test plan

  • npm run build succeeds
  • Local prod build (npx serve build) on iPhone-sized viewport: hamburger appears, color-mode toggle appears, manifesto section shows the mobile fallback list
  • Getting-started page contains zero brew/cs/jbang install commands; admonition has the email
  • Announcement bar reads "Closed Beta…" on every page
  • Verify on deployed site after merge + auto-deploy

Mobile rendering on the landing page:
- Hide the wide blueprint SVG below 700px and replace it with a compact
  vertical "one domain type, four boundaries" list. The horizontal-scroll
  trap was poor mobile UX and the text alone carries the section.
- Add `overflow-x: hidden` on .page so any stray child can't push the
  body wider than the viewport.

Mobile navbar:
- Force `.navbar__toggle` visible on widths ≤ 996px (it was hidden by
  some combination of cascade + Docusaurus defaults).
- Surface the color-mode toggle directly in the navbar on mobile too,
  so dark mode is reachable without the slide-out.

Getting-started page:
- Drop the install + quick-start blocks entirely. Replace with a
  "Closed Beta" admonition that points users to oyvind@typr.dev for
  beta-seat requests.

Announcement bar (every page):
- Repaint as "Closed Beta — public release in early 2026" linking to
  the getting-started page.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@oyvindberg oyvindberg merged commit 85e1d4f into main May 3, 2026
12 checks passed
@oyvindberg oyvindberg deleted the mobile-fixes-and-closed-beta branch May 3, 2026 12:52
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