Devtools 1.0 - #224
Merged
Merged
Conversation
- add deck design layer to globals.css (violet-black palette, gradient text, orb/noise/grid atmosphere, surface cards, mono kicker, gradient buttons) - retune dark tokens + glass cards to deck surfaces (cascades to all pages) - landing: deck atmosphere backdrop, signature indigo->violet->cyan gradient on hero/stats/CTA, gradient-stroke icon def - header: gradient primary CTA
- deck atmosphere backdrop (grid + grain + gradient def) - gradient primary CTA, mono kicker eyebrow - deck surface cards with gradient top rails + hover lift Applies to /pricing, /features, /security, /self-host, /developer-tools
- noise overlay -20% - living aurora gradient canvas in heroes (pointer-reactive, reduced-motion safe) - cursor-following gradient border on all surface cards - scroll-progress beam - animated gradient border-beam on featured pricing card - gradient headline sheen - infinite tool-name ticker All scoped under .mdt-deck; app/dashboard UI untouched.
- motion tokens from motion-design skill (ease/dur) + global reduced-motion guard - header: transparent at top, glasses-in translucent on scroll, magnetic CTA - cinematic blur-in section reveals (ease-out-expo) - magnetic primary buttons (spring, no bounce), pointer-tilt + glare on hero mock - living background: slow grid drift, richer aurora - tools page (/tools) restyled to deck: aurora hero, gradient headline/CTA, deck surface tool cards (cursor-spotlight via shared glass-overlay)
- fix position:sticky header (remove overflow-x clip/hidden ancestors; move horizontal-bleed control to html, which doesn't break sticky) - CRT boot loader: scanlines, vignette, RGB-aberration title, typed boot sequence with [ok] tags, blinking cursor, gradient progress (scaleX), fade-out. Plays once per hard load (refresh), not on SPA nav; SSR-rendered so no flash; honors prefers-reduced-motion.
- header now position:fixed — immune to the overflow ancestors that were silently breaking position:sticky; pins to viewport, glasses-in on scroll - boot loader redesigned as a drawn CRT monitor (bezel/screen/neck/base) with a green-phosphor boot log typing inside, scanlines/glare/flicker, power LED, hard-capped at ~3.5s then dissolves
- header truly pins now: a .mdt-deck>* rule was forcing position:relative onto the header (and the boot/progress overlays), overriding Tailwind .fixed. Removed the blanket rule; backdrop moved to z-index:-1 so content/overlays keep their own positioning. CDP-verified: position fixed, top 0 after scroll. - CRT loader: full-screen overlay (was inline due to same bug); richer ~3s streaming boot log (kernel/compile/db/tools/vault/shaders/ui/routes). - hero: interactive grid that warps toward the cursor (spring tilt + radial lens mask), pointer-driven, reduced-motion safe.
- remove hero cursor-warp grid (component, mount, CSS) — not wanted - CRT loader: varied status-message log (config/init/net/db/tools/vault/gpu/ cache) with ok/ready/200/online/sealed/warm states, streams over ~3s - replace low-res dashboard PNG with a crisp vector workspace mock (mdt-dashboard): tool rail, syntax-highlighted SQL with blinking caret, Run bar, results table with plan pills + roving row highlight, live latency readout; kept inside Tilt for 3D parallax
…stats - CRT loader: set the play-once flag on COMPLETION (not mount) so React StrictMode's dev double-mount no longer hides it early; on screen ~4s now with visible streaming status log - backgrounds: deepen dark muted/surface tokens (less grey) + ambient violet/blue radial glows fixed behind all content (.mdt-deck::before) so non-hero sections + subpages aren't flat/bland - hero stats: wrap in a glass panel with dividers + brighter labels so 60+/GPL-3.0/Self-host read clearly over the aurora
- value type scaled to text-2xl max + wider panel (max-w-lg) + tighter padding so 'Self-host' no longer clips - stats panel is now translucent frosted glass (bg-white/6 + backdrop-blur + hairline border/dividers) instead of the opaque card surface
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.