Skip to content

feat: rebuild styled-components website with interactive 3D logo, OKLCH palette, and blog section#1001

Merged
quantizor merged 6 commits intomainfrom
feat/blog-section
Apr 10, 2026
Merged

feat: rebuild styled-components website with interactive 3D logo, OKLCH palette, and blog section#1001
quantizor merged 6 commits intomainfrom
feat/blog-section

Conversation

@quantizor
Copy link
Copy Markdown
Contributor

@quantizor quantizor commented Apr 7, 2026

Summary

  • Toolchain migration: Yarn 4 + Prettier replaced with pnpm 10 + oxfmt/oxlint
  • Full site rebuild: OKLCH design tokens via 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 architecture
  • Blog section: 18 Medium posts migrated to MDX with per-post pages, year-grouped listing, and a homepage latest-post card. Post metadata is assembled dynamically at build time from MDX file exports—no manually-maintained JSON index
  • LLM documentation: public/llms.txt structured v6.4 usage guide for agents, updated AGENTS.md with architecture notes

Branch structure

de69327 chore: migrate from yarn+prettier to pnpm+oxc
010daaf feat: rebuild website for styled-components v6.4
76b73ac feat(blog): add blog section with dynamic MDX post assembly
bf41ae2 docs: add llms.txt and update agent guidance
d1871e9 chore: gitignore playwright-mcp debug artifacts

@vercel
Copy link
Copy Markdown

vercel bot commented Apr 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
styled-components Ready Ready Preview, Comment Apr 10, 2026 5:26pm

Request Review

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 7, 2026

⚠️ No Changeset found

Latest commit: 7b09ee7

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@quantizor quantizor force-pushed the feat/blog-section branch from 7c415de to 13b76f2 Compare April 8, 2026 14:35
@quantizor quantizor force-pushed the feat/blog-section branch from 81ffee0 to e703bd8 Compare April 9, 2026 06:04
@quantizor quantizor changed the title rebuild Rebuild website for styled-components v6.4 Apr 9, 2026
@quantizor quantizor changed the title Rebuild website for styled-components v6.4 Rebuild website for styled-components v6.4 with blog section Apr 10, 2026
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.
@quantizor quantizor changed the title Rebuild website for styled-components v6.4 with blog section feat: rebuild styled-components website with interactive 3D logo, OKLCH palette, and blog section Apr 10, 2026
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.
@quantizor quantizor merged commit e1ac496 into main Apr 10, 2026
2 of 3 checks passed
@quantizor quantizor deleted the feat/blog-section branch April 10, 2026 17:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant