Skip to content

feat: liquid blob capability animation (S6)#15

Merged
enricopiovesan merged 1 commit into
mainfrom
feat/liquid-blob-animation
Jul 8, 2026
Merged

feat: liquid blob capability animation (S6)#15
enricopiovesan merged 1 commit into
mainfrom
feat/liquid-blob-animation

Conversation

@enricopiovesan

Copy link
Copy Markdown
Collaborator

Summary

  • New CapabilityFlow.astro component on the homepage between the trust bar and "How it works"
  • Orange liquid blobs travel along dashed pipes: client app → Traverse runtime (contract validated) → fan out to Cloud, Edge, and AI agent targets
  • Pure SVG + CSS (gooey filter + offset-path motion), zero JavaScript
  • Respects prefers-reduced-motion (animation disabled, static diagram remains)
  • Homepage body string split at the "How it works" marker to inject the component

Test plan

  • Watch a full 4s loop: blob enters hub, three blobs fan out to targets
  • Check static rendering with reduced motion enabled
  • Verify layout on mobile widths (SVG scales via viewBox)

🤖 Generated with Claude Code

New CapabilityFlow section between the trust bar and How it works.
Pure SVG + CSS: blobs ride CSS offset-paths through an SVG gooey
filter, flowing from the client node into the contract-validating
runtime, then fanning out to cloud, edge, and AI agent targets.
Zero JS, honors prefers-reduced-motion.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@enricopiovesan enricopiovesan merged commit fbf706f into main Jul 8, 2026
2 checks passed
@enricopiovesan enricopiovesan deleted the feat/liquid-blob-animation branch July 8, 2026 05:30
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