Skip to content

Intro card matches the vault gate (I3); vault chapter buttons wrap on phones (K1) - #58

Merged
error404website merged 1 commit into
mainfrom
feat/intro-card-chapters
Oct 8, 2026
Merged

error404website merged 1 commit into
mainfrom
feat/intro-card-chapters

Conversation

@error404website

Copy link
Copy Markdown
Owner

Picks I3 and K1 from intro-card-and-chapter-options.html, plus the "vault opens too far down" fix.

Intro card (both intros): one shared .e-icard style in overrides.css, used by the site intro (BootSequence.jsx) and the vault's unlock intro:

  • the gate's viewfinder look: no box, the four magenta / cyan corner ticks, the rain fading to dark behind the text
  • a blinking tag (RECOVERY · ARCHIVE_404 / KEY ACCEPTED · SOURCE VAULT), a small Bebas title (RECOVERING FILES. / DECRYPTING VAULT.), the readout lines, and a gradient bar that fills with the 00 → 20 count
  • timings, skip and wording of the readout are unchanged; the old .e-bterm / .vi-term styles are removed

Vault on phones

  • Chapter buttons wrap onto two rows and stretch to fill them, so all five (ALL, 01 ORIGIN … 04 WHOLE) are always on screen. Desktop is unchanged.
  • The vault now always opens at the top: it jumps to the top as the gate goes, and turns off the browser's scroll restoration. Typing the key on a phone scrolls the page behind the gate, which is what left it too far down.

Checked in the dev server: the site intro at 375 px and 1440 px (count and bar reach 20/20, nothing overflows); the vault unlock intro at 375 px with mockup data loaded through a temporary dev-only hook, which isn't committed; the chapter buttons all within 16–359 px on a 375 px screen; the page at the top after the intro. The keyboard scroll itself can only happen on a real phone, so please try an unlock on your iPhone. npm run check passes.

Not in this PR: the mobile footer. Both footers measure the same here (868 vs 875 px), so it waits for a phone screenshot.

🤖 Generated with Claude Code

Both intros (site and vault unlock) get the gate's viewfinder card
(option I3): corner ticks, dark halo, blinking tag, small title, readout
lines and a gradient bar filling with the 00 -> 20 count, from one shared
.e-icard style. On phones the vault's chapter buttons wrap onto two rows
(K1), and the vault always opens at the top after unlocking.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
@netlify

netlify Bot commented Oct 8, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for stirring-hamster-57bba9 ready!

Name Link
🔨 Latest commit 9690171
🔍 Latest deploy log https://app.netlify.com/projects/stirring-hamster-57bba9/deploys/6ac74651a8fd0f0008bb30cf
😎 Deploy Preview https://deploy-preview-58--stirring-hamster-57bba9.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@error404website
error404website merged commit af116cc into main Oct 8, 2026
5 checks passed
@error404website
error404website deleted the feat/intro-card-chapters branch October 8, 2026 07:33
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