feat: rebuild styled-components website with interactive 3D logo, OKLCH palette, and blog section#1001
Merged
feat: rebuild styled-components website with interactive 3D logo, OKLCH palette, and blog section#1001
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
7c415de to
13b76f2
Compare
81ffee0 to
e703bd8
Compare
6b05686 to
d1871e9
Compare
Replace Yarn 4.12.0 with pnpm 10.33.0 and Prettier with oxfmt+oxlint. Vercel auto-detects pnpm from pnpm-lock.yaml. CI updated accordingly.
Complete site rebuild: createTheme-based OKLCH token system, sidebar-first navigation with scroll-spy, dark mode (CSS-first with raw script in head), blog section with dynamic MDX assembly, live code editors, 404 page, DocSearch integration, responsive layout, and SSR registry.
Add public/llms.txt as a structured v6.4 usage guide for LLMs. Update AGENTS.md with palette system, logo interaction, and OKLCH gotchas.
PlatonicLogo: drag-to-spin with quaternion physics, click-face actions (shape/play/spin/see-through), shared rotation singleton across instances, morph-scale transitions, touch support, pre-hydration CSS tilt. Palette: 20-step OKLCH hue ring with CVD-optimized light/dark tiers via qlab separate+harmonize pipeline. All semantic colors (accent, blog, error) derive from palette entries. withAlpha helper for alpha variants. Syntax: dual-mode chromatic tokens (blue/purple/green/red), tagged template and import binding detection, ampersand neutralization, rainbow inline code. Favicon: cube SVG with soft-light blend, light/dark palette CSS switching. Generator script at scripts/gen-favicon.mjs.
ddd792c to
d3ad365
Compare
Edge-rendered OG image with 3D cube from the palette (sRGB fallback for resvg) alongside stacked "styled / components" in Figtree bold. Remove static atom.png OG reference, update Twitter handles.
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
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
createTheme, three-state dark mode with CSS custom properties, sidebar-first navigation with scroll-spy, live code editor, 3D Platonic logo, 10-year celebration effect, Next.js 16 RSC architecturepublic/llms.txtstructured v6.4 usage guide for agents, updated AGENTS.md with architecture notesBranch structure