From 9690171a8a11881c0c36e7a6e3ca39a652e4391d Mon Sep 17 00:00:00 2001 From: ERROR_404 Date: Thu, 8 Oct 2026 08:29:14 +0100 Subject: [PATCH] Intro card matches the vault gate; vault chapter buttons wrap on phones 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 --- CHANGELOG.md | 2 + src/components/BootSequence.jsx | 36 +++++--- src/styles/overrides.css | 149 +++++++++++++++++++++++++++----- src/vault/main.js | 20 +++-- src/vault/vault.css | 58 ++----------- vault/index.html | 9 +- 6 files changed, 186 insertions(+), 88 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 2f47631..4c5452d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,8 @@ The format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and ### Changed +- Intros: the readout card in both the site intro and the vault's unlock now matches the vault gate: no box, the four viewfinder corner ticks, the rain fading to dark behind it, a blinking tag (RECOVERY · ARCHIVE_404 / KEY ACCEPTED · SOURCE VAULT), a small title (RECOVERING FILES. / DECRYPTING VAULT.) and a gradient bar that fills with the 00 → 20 count. +- Source Vault on phones: the chapter buttons wrap onto two rows instead of running off the screen, and the vault now always opens at the top after unlocking (typing the key had left the page scrolled down). - Source Vault stems: the remastered stems are in. Each track's zip holds its WAV stems and MIDI files (10–12 stems per track, every one as WAV + MIDI), and the stem lists now match the real files. ALL STEMS hands over the 20 track zips one after another (a chapter zip would pass GitHub's 2 GB per-file cap). The per-stem WAV / MIDI chips are labels now, not mock-up buttons. - Source Vault phone menu: one link is always lit with the gradient, like the site's menu. At the top of the page that's PROMPTS, the first section. - Source Vault phone menu: it now opens exactly like the site's menu: full screen with the slat wipe, the SYS::OPEN chip, big outlined poster links with numbered captions (the section you're on fills with the gradient), and the split buttons at the bottom. diff --git a/src/components/BootSequence.jsx b/src/components/BootSequence.jsx index 7d4fd93..d87d9a3 100644 --- a/src/components/BootSequence.jsx +++ b/src/components/BootSequence.jsx @@ -173,20 +173,36 @@ export function BootSequence({ onComplete }) { aria-hidden="true" /> -