feat: refresh Key Features bento, docs bento grid, fix wiki 404s#12
Merged
Conversation
- Restructure homepage: Hero, Toolbelt, Workstation Teaser, Key Features, WhatsNew, Install, Documentation, Community sections - Add /workstation page with TUI views grid, chord navigation reference, key workflows accordion, theming presets, and migration comparison - Add /changelog page with expandable release entries parsed from specs/RELEASE_NOTES_*.md at build time - Implement dark terminal design system: JetBrains Mono + Inter typography, CSS-based TerminalAtmosphere replacing Three.js background, terminal-green accent palette, cursor-blink and fade-in-up animations - Add wiki auto-discovery: prebuild scans .wiki/*.md, derives slugs, merges with manual manifest, assigns Uncategorized category to new pages - Add property-based tests (fast-check) for slug derivation, manifest merge, and changelog version extraction - Update Header with workstation/changelog nav links and mobile hamburger - Update Footer with Product/Resources/Community column layout - Add new components: CommandCard, KbdBadge, SectionHeader, ReleaseEntry, CopyCommand dropdown, WorkflowsAccordion - Remove deprecated: ThreeJSBackground, Roadmap, FAQ, Feedback, old Features and Commands sections - Responsive fixes across 320px-2560px breakpoints - Accessibility: focus-visible rings on all interactive elements, WCAG AA contrast ratios, aria-labels on icon buttons - Update sitemap with /workstation, /changelog, and all docs routes - Update SEO metadata and JSON-LD structured data
…ew from homepage - Restore the signature oxley green background and coco-cover.png hero image that defines the coco brand identity. The dark terminal aesthetic now starts below the hero with a gradient transition. - Remove WhatsNew section from homepage — changelog lives at /changelog and is linked from the nav. Tightens the homepage flow to: Hero → Toolbelt → Workstation Teaser → Key Features → Install → Docs → Community - Add ScreenshotPlaceholder component for image slots that show a styled placeholder when no screenshot exists yet, and render the real image when a src is provided - Add screenshot placeholders throughout /workstation page: - Hero: full TUI screenshot slot - Views grid: per-view screenshot in each card - Workflows: full-width workflow screenshot after accordion - Theming: side-by-side theme comparison screenshots - Remove the HeroTerminalMockup from workstation page (replaced by real screenshot slots)
…o the green background
…ark content Instead of an overlay reaching up into the hero image area, the gradient is now a separate band below the hero that starts green at the top and fades down into the dark background.
Replace the neutral blue-tinted near-black background (220 15% 8%) with a green-tinted dark palette (150 22% 10%) derived from oxley-950. All background, border, muted, and code tokens now carry a subtle green undertone that ties the dark sections back to the hero green identity. Removed the gradient transition band — the green-tinted background provides enough visual continuity with the hero that a hard edge works.
…eleases - Add a footer card below the release entries with count and a link to the full release history on GitHub - Update page subtitle to set expectations: "Recent releases and highlights. For the full release history, visit GitHub." - The changelog is generated at build time from specs/RELEASE_NOTES_*.md files in the repo, so it naturally shows only recent versions
…/ files The prebuild script now fetches the 20 most recent releases from the GitHub Releases API (gfargo/coco) at build time. This removes the dependency on specs/RELEASE_NOTES_*.md files which are temporary working documents that get deleted after release. - No auth required (public repo, 60 req/hr rate limit) - Graceful fallback: if the API is unreachable, writes empty array and the page shows an empty state with a GitHub link - Dates now come from the actual publish date on GitHub - Release bodies are the full markdown from the GitHub release page - Drafts are excluded
When filtering releases on the changelog page, matching text is now highlighted with a green-tinted mark element throughout the entry — in highlights, headings, list items, paragraphs, bold text, code spans, and link text.
…ove accessibility - Remove ThreeJSBackground, Roadmap, Faq, FaqAccordion, Feedback, Features, Commands - Fix responsive issues at 320px (CopyCommand overflow, heading sizes, card padding) - Add focus-visible ring styles to all interactive elements - Bump terminal-green and muted-foreground contrast for WCAG AA compliance - Add aria-labels to icon-only buttons and mobile nav triggers
Include tsconfig.tsbuildinfo to improve build caching and incremental compilation for faster development cycles.
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
1 participant
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
Refreshes the marketing site's visual design across several sections — more visual personality, fewer bland grids.
Changes
Key Features section (homepage)
TerminalAtmospherebackground, hover glow effects, and bordered icon treatmentDocs index page (
/docs)Wiki manifest cleanup (fixes 404s)
Sidebar
Testing
npm run buildpasses cleanly