Animate and polish the website, iPad app and Windows window - #55
Merged
Merged
Conversation
Website: the hero rises in word by word on load, the showcase window and iPad slide into place with a floating loop and a beacon ring, cards reveal one after another and lift with a pointer-following spotlight, the nav turns solid on scroll and highlights the section in view, the release timeline draws its connector, and the FAQ animates open where supported. Nothing is hidden without JavaScript, and reduced motion shows everything at once. The showcase now uses a fresh render of the Windows window. iPad: the connect and stream screens cross-fade, the connect screen staggers in on launch, connecting and reconnecting show pulse rings, the live dot breathes, HUD numbers roll, buttons and rows answer presses with springs, and a wrong pairing code shakes the field. Continuous effects stop under Reduce Motion. Windows: pages and notices fade and settle in, the sidebar marks the open page with a lime bar that slides to the one clicked, and hover states, the segmented pill and the slider knob interpolate instead of switching. The window still repaints only while something animates. Snapshot references gain the sidebar bar; nothing else changed. docs/design.md describes the motion system.
PR #54 points every public contact at hello@sideband.studio and keeps aldo@sideband.studio for inquiries meant for Ali directly. Backing the aldo@ edit out of this branch so the two do not conflict.
A Watch section under the hero plays the twenty-second film: poster frame, one lime play button, native controls once it runs, no autoplay. Without JavaScript the video keeps its native controls.
A USB cable taking over a Wi-Fi session, or a quick reconnect, can hand the display view back with its HUD already dismissed, so the stream pill never announced the new link; the USB takeover UI test caught it. The view now re-shows the pill whenever the transport or the connection state changes, which is also what a person plugging in a cable expects to see. The root view goes back to a plain switch; the stream picture fades in inside the display view instead of cross-fading whole screens.
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
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.
What changed
Website (
docs/)interpolate-sizeis supported.html.no-js), andprefers-reduced-motionshows everything at once.iPad
contentTransition(.numericText()).Windows
widgets::appear); the sidebar marks the open page with a lime bar that slides to the one clicked.docs/design.mdgains a Motion section. A Watch section under the hero embeds the twenty-second launch film (poster, one play button, native controls once it runs, no autoplay). The contact address change lives in #54, not here.Verification
EM_UI_PREVIEWstate screenshotted, launch and connecting recordings inspected,ConnectScreenTestspass (3/3).cargo build,cargo clippy --all-targets -D warnings,cargo test --lib gui, andgui_snapshotspass. The six references were updated; the only pixel difference is the new sidebar bar.