Skip to content

Restyle avatar eyes: lens sclera, large pupils with glint#16

Merged
martinl5 merged 2 commits into
mainfrom
claude/repository-improvement-plan-l0a4p1
Jun 10, 2026
Merged

Restyle avatar eyes: lens sclera, large pupils with glint#16
martinl5 merged 2 commits into
mainfrom
claude/repository-improvement-plan-l0a4p1

Conversation

@martinl5

Copy link
Copy Markdown
Owner

Summary

Restyles the About-page avatar's eyes to match the owner's preferred cartoon style (from his screenshot of the eyes he made in martinl5/learn_bayes#16, which is outside this session's repo scope — recreated from the image, owner-approved approach):

  • Lens/almond-shaped sclera with a sloped flatter top edge and pointed corners, filled off-white so it reads as eye whites on the dark face
  • Large near-black pupil (r 5.5) with a white glint, replacing the old outlined ellipse + tiny dot
  • Lower-lid line under each eye (stays put while the eye blinks shut above it)
  • Pupils + glints are wrapped in per-eye clipPaths so cursor tracking can never push them outside the lens; vertical travel clamped tighter (±2) to suit the shallower shape
  • Blink, hover wink, springs, and reduced-motion behavior all unchanged

Single-file change: src/components/CharacterAvatar.tsx.

Verification

  • lint / typecheck / 278 tests / build all pass; /about still prerenders static
  • Rasterized the rendered SVG to PNG and visually confirmed it matches the reference
  • Judge the live tracking/blink/wink on the Vercel preview's /about

https://claude.ai/code/session_01RQVRtRAigoNCzJc37A5Ses


Generated by Claude Code

Match the owner's preferred cartoon eye style: almond/lens-shaped
off-white sclera with a sloped top edge, large near-black pupil with a
white highlight, and a lower-lid line under each eye. Pupils (and
glints) stay clipped to the lens while tracking the cursor; blink and
wink animations unchanged. Vertical pupil travel reduced to suit the
shallower eye shape.

https://claude.ai/code/session_01RQVRtRAigoNCzJc37A5Ses
@vercel

vercel Bot commented Jun 10, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
sqlwak Ready Ready Preview, Comment Jun 10, 2026 2:38pm

@martinl5 martinl5 marked this pull request as ready for review June 10, 2026 14:38
@martinl5 martinl5 merged commit 0a9cc13 into main Jun 10, 2026
3 checks passed
@martinl5 martinl5 deleted the claude/repository-improvement-plan-l0a4p1 branch June 10, 2026 14:39
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.

2 participants