Claude/jolly carson j2c8zt#21
Merged
Merged
Conversation
ui improvements
…ice viz Drop the phone-mockup container (border, status bar, header). The animated orb is now the full-screen hero centered on a dark background. Layout: orb-scene (top) → scrollable message list → glass input row (bottom). Max-width 680 px, responsive padding via clamp(). Orb animations: - Idle: two independent CSS animations on different elements — orbFloat (11 s, translateY) on the wrapper and orbBreath (7 s, scale) on the sphere. Non-harmonic periods create 77 s of apparent randomness. - Thinking (text mode): orb brightens/glows like ChatGPT/Gemini while API call is in progress; swirl doubles in speed. - Speaking (voice mode): Web Audio API (AnalyserNode, FFT 64) reads real microphone frequency data at 60 fps. Per-frame: overall RMS energy drives orb scale (1.0–1.18) and 8 frequency bands drive individual bar heights (4–38 px). CSS fallback simulation runs when mic is not active (data-live attribute gates which path is used). Three expanding rings provide secondary visual rhythm. Mic button toggles voice mode (click to start / click to stop). Graceful denial: catches getUserMedia rejection, shows status message. https://claude.ai/code/session_01THtMvNNx21QhXYi6PBRFBz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.