Development - #270
Merged
Merged
Development#270
Conversation
Remove the 01 to 06 labels from Verification You Can Trust. Replace the map-pin and padlock icons with two generated to match the violet 3D set: code sinking into a cube for Source Built, a cube sealed in a glass capsule for Hermetic Builds.
The three panels had different widths, so Behavior's centre sat 54px left of the junction and its current jogged sideways into it. Equal thirds put Behavior on the scene's centre line, so its current drops straight through the junction into the component.
…tion Reveal, RevealStagger and RevealItem read prefers-reduced-motion through motion's useReducedMotion, which returns the real value on the first client render. Reduced-motion visitors hydrated a plain div against server markup that carried opacity:0, so React logged a mismatch and left the content invisible. Read the media query through useSyncExternalStore with a false server snapshot and always render the same m.div. Under reduced motion the reveal now snaps to its final state with a zero-duration transition after hydration.
The glass-cube render showed a brain, not what Tricorder does. The new artifact is built in code and tells the product's story: a package arrives, the four stages (Analyze, Compare, Correlate, Enrich) feed it in order while the ring quarter facing each input fills, and it resolves to a verdict shown as colour and shape. Passes cycle Malicious, Uncertain, Pass, so it opens on a rejection and never rests on "safe". Threat intelligence, the input a CVE scanner lacks, gets a larger source, an orbit and a pulse. Verdict colours are reserved for the decision, since the signal palette overlaps them. The loop pauses off screen and shows a neutral still frame under reduced motion. Phones drop the artifact, as the other solution heroes do.
SecurityDiagram and FinanceRiskChain read prefers-reduced-motion through motion's useReducedMotion, which returns the real value on the first client render. For reduced-motion visitors the hydration render differed from the server HTML: - SecurityDiagram seeded its lit/climax state from the flag, a structural mismatch that made React discard the server HTML for the whole home page and re-render <main> on the client. - FinanceRiskChain rendered its static end state, so /industries/financial- services logged an attribute mismatch. UpcomingEventCarousel has the same latent bug in its initial prop; it only shows when there are upcoming events. Move useHydratedReducedMotion out of Reveal.tsx into lib/use-hydrated-reduced-motion.ts and use it in all four. It hydrates with false and re-renders with the real value straight after, and the existing effects already move each section to its final reduced-motion state.
Remove the white fade at the bottom of the hero, and the extra bottom padding that only existed to keep the artifact clear of it. The second section opens on the smaller section token, so its heading sits closer to the hero.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
1 participant
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.