Homepage playground with dock-aligned design#263
Draft
PuruVJ wants to merge 7 commits into
Draft
Conversation
Replace scroll-snap marketing sections with a play-first homepage: intro band, scenario strip, live stage, and Shiki-highlighted code panel. Night desk uses site primary/shell surfaces and dock-style panels instead of faux macOS chrome. Wire v3 Draggable API and fix Dock attachment. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
|
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Drop the cramped three-column dashboard. Use large masthead typography, one dock-quality play canvas (~62vh), stage-first layout with code as a side panel, and horizontal scenario pills instead of an emoji sidebar. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Use Hero recessed well for the desk, dock inset shadows on shell windows, and dock-style dividers. Remove custom gradients, grids, and grip chrome that sat outside the existing neodrag.dev language. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Stop global link hover from flipping CTAs to white on light fills. Use solid primary pills with contrast text for selected scenarios. Replace heavy window/desk drop shadows with hairline borders. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Use github-light/github-dark together with astro-code classes so themes.css dark-mode token overrides apply. Cache highlighter for tab switches; map Solid to jsx. Add recessed code body in source panel. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Raise z-index when a panel is clicked or drag starts so Notes and Tasks layer correctly. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
Pre-render all world×framework snippets with Astro Code at build time. Toggle visibility with hidden attribute when tabs change. Remove browser shiki.ts and HighlightedCode.svelte. Co-authored-by: Puru Vijay <PuruVJ@users.noreply.github.com>
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.
Summary
Replaces the scroll-snap marketing homepage with a play-first layout that matches the docs bottom dock aesthetic: pill surfaces, primary-tinted
color-mixbackgrounds, and inset border shadows.What's included
playground-chrome.cssmirrorsDock.sveltesurface tokensFixes
Draggable+{@attach dockDrag.attachment}(was calling removeddraggable()helper)Draggable+@neodrag/svelte/pluginsFollow-ups (not in this PR)
Test plan
cd docs && pnpm build