Skip to content

Add five recent projects to work, with animated thumbnails - #3

Open
ethanzhoucool wants to merge 1 commit into
mainfrom
work/new-projects-motion
Open

ethanzhoucool wants to merge 1 commit into
mainfrom
work/new-projects-motion

Conversation

@ethanzhoucool

Copy link
Copy Markdown
Owner

What changed

New projects (from recent public repos)

  • Quartzite gets a third full-width feature row. Its thumbnail is a live schematic, Y = (A·B) + C: the switches flip through test vectors, the signal moves through the AND and then the OR, the LEDR0 lights, and the waveform records each step under a playhead.
  • mobile-bisect: 16 commits, and the bracket halves with each run until it lands on the first bad commit.
  • Atlas Review: before/after screens with an overlay wipe. It then switches to highlight mode and boxes the changed region.
  • Lumen: a swipeable stack of reward cards and a cashback balance that counts up.
  • X Launch Filter: the feed collapses to the posts that pass, and the pill shows "Home · 3 of 5".
  • wealthscope-dashboard and glow-vitalrise are added to the "also" line. The games are still left out, as the data file says.

Motion on existing thumbnails

  • Autonomous Robot: the robot drives the corrected path, which draws in behind it, and the lidar cone turns with its heading.
  • Device GIF Maker: plays the flow back with tap ripples, and the frame counter ticks.
  • Atlas PR Diff: each row of the bot comment lights up in turn, then the verdict line.

Why

The work page was missing several months of public projects, and the thumbnails were static.

Notes for review

  • Everything uses framer-motion, which was already a dependency. A shared useLoop hook (artifacts/useLoop.js) runs each loop only while it is on screen.
  • These follow the rule in entrance.test.js: beat 0 is always a complete frame, and text never mounts with an inline opacity. Grid cards enter on scroll with a transform only, so if the animation stalls, a card sits 28px low but stays visible. Because framer now controls the transform on grid cards, their hover lift moved from CSS to whileHover.
  • With reduced motion, each loop stops on its most explanatory frame and grid entrances are off.
  • The mobile-bisect chip says "Cloud Devices" instead of "Revyl". A "Revyl" chip broke the ^Revyl$ experience test.
  • Checked: all 21 tests pass, npm run build is clean, and I looked at it in light, dark and 375px width with no horizontal scroll.

Quartzite gets a third feature row with a live schematic and waveform.
mobile-bisect, atlas-review, lumen and x-launch-filter join the grid, each
rendering its own output in motion. The existing robot, gif and PR-bot
thumbnails now animate too. Loops only tick while on screen and park on a
complete frame for reduced motion; grid entrances are transform only.
@vercel

vercel Bot commented Oct 16, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
ethanzhouwebsite Ready Ready Preview Oct 16, 2026 7:43pm UTC

This branch was successfully deployed

1 active deployment
Preview — 4c708f3c Deployed Oct 16, 2026 by vercel[bot]
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