Replace blob background with animated dot matrix on grid

[jcblw]

$(cat <<'EOF'

Summary

• Replaces the organic animated blob shape with a dot matrix background
• Dots sit at regular 40px grid intersections, colored using simplex noise sampling from the brand palette (tradewind, pictonBlue, blumine, rawSienna, rosewood, periwinkleGray)
• A subtle grid of thin lines forms the background layer beneath the dots
• Noise evolves slowly over time so dot colors and opacity shift gently
• Fully respects light/dark mode — different color palettes and grid line opacity per scheme
• Removed unused blob math imports; pointer-events-none added to canvas so it doesn't block clicks

Test plan

• Load the site in light mode — should see a faint grid with scattered colored dots animating slowly
• Toggle to dark mode — grid and dots should shift to the dark palette
• Resize the browser window — canvas should fill the viewport correctly
• Verify nav links and other interactive elements are still clickable (canvas has pointer-events-none)

https://claude.ai/code/session_01QyEzGUoj3nD55M5ioZ3y44
EOF
)

---

Generated by Claude Code

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
jcblw-blog-fndl	Ready	Preview, Comment	Jun 7, 2026 2:02am