feat: visual redesign — split-screen layout, glass-morphism & aurora

[andimrob]

Summary

• Split-screen sticky sidebar — name, section nav, social links, and theme toggle live in a fixed left panel on desktop; main content scrolls independently
• Font swap — Satoshi (headings) + Instrument Sans (body) via self-hosted WOFF2
• Dark mode atmosphere — animated aurora glows using CSS @property for smooth color cycling (salmon → turquoise → amber → violet), noise texture overlay, glass-morphism cards
• Experience & Projects redesign — glass-card containers, colour-tinted borders, category emojis, stagger reveal animations
• Prism easter egg preserved — nav links removed from header on desktop; prism pill lives as a compact floating widget in the top-right corner, still flips to show quips
• Layout fixes — max-w-screen-xl cap for large screens; footer moved inside flex container to prevent sidebar losing sticky position at scroll end; first section top-padding removed to align "About Me" with the name

Screenshots

Desktop

Mobile

Test plan

• 93 unit tests passing
• pnpm lint clean (warnings only, no errors)
• pnpm typecheck clean
• pnpm build succeeds
• Verified desktop layout at 1280px and 1920px
• Verified mobile layout at 390px
• Dark mode aurora animation verified
• Prism easter egg still works on desktop (compact pill, top-right)
• Sidebar remains sticky through footer scroll
• All existing interactive features intact (cursor glow, X-Ray mode, confetti, sounds)

🤖 Generated with Claude Code

---

Summary by cubic

Redesigned the site with a split-screen desktop layout, glass cards, and an animated dark‑mode aurora. Improves readability and navigation, with cleaner typography and smoother section reveals.

• New Features

  • Split-screen desktop layout with a sticky sidebar (name, nav, social, theme).
  • Glass-card styling with staggered reveal animations; dark‑mode aurora and subtle noise texture.
  • Projects section powered by typed data, with tech badges and external links.
  • Experience section refreshed with category emojis, tinted borders, and hover micro‑interactions.

• Refactors

  • Extracted Sidebar and reorganized layout within a max-w-screen-xl container.
  • Moved Footer inside the main container to fix sidebar stickiness at page end.
  • Swapped to Satoshi (headings) and Instrument Sans (body); updated SectionHeading/Hero/Header and RevealSection width.
  • Added tests for Sidebar, Experience, Projects, and SectionHeading (93 passing) and a Sidebar Storybook story.

^{Written for commit c676ded. Summary will update on new commits.}

[netlify]

✅ Deploy Preview for symphonious-blancmange-7aafce ready!

Name	Link
🔨 Latest commit	c676ded
🔍 Latest deploy log	https://app.netlify.com/projects/symphonious-blancmange-7aafce/deploys/6995e70710da74000848d5a2
😎 Deploy Preview	https://deploy-preview-45--symphonious-blancmange-7aafce.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[cubic-dev-ai]

1 issue found across 24 files

Prompt for AI agents (all issues)

Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.


<file name="tasks.md">

<violation number="1" location="tasks.md:5">
P3: Avoid committing machine-specific absolute paths in documentation; they leak local directory structure and are not portable for other contributors.</violation>
</file>

_{Reply with feedback, questions, or to request a fix. Tag @cubic-dev-ai to re-run a review.}

[cubic-dev-ai]

P3: Avoid committing machine-specific absolute paths in documentation; they leak local directory structure and are not portable for other contributors.

Prompt for AI agents

Check if this issue is valid — if so, understand the root cause and fix it. At tasks.md, line 5:

<comment>Avoid committing machine-specific absolute paths in documentation; they leak local directory structure and are not portable for other contributors.</comment>

<file context>
@@ -0,0 +1,109 @@
+
+**Branch**: `feat/visual-redesign`
+**Aesthetic**: "Arcade Cabinet Meets Editorial"
+**Plan**: `.claude/projects/-Users-robblakey-src-andimrob-github-io/0d3559b2-1e72-41a5-bdea-6b871d3c8bd3.jsonl`
+
+---
</file context>