feat(site): make drifting clouds clearly visible and moving
CI / check (push) Successful in 2m35s
CI / deploy (push) Successful in 1m22s
CI / publish-container (push) Successful in 50s

The first cloud pass was to subtle: only five, up to 190s per crossing,
and they froze off-screen under prefers-reduced-motion. Rework:

- Eight clouds across the top 60% of the viewport with visible drift
  (28s–66s loops, staggered by negative delays so they are always mid
  scene on load).
- Higher opacity/steeper size contrast in light mode; dark mode dims
  them slightly.
- Reduced motion now freezes a static, evenly-spread cloud field across
  the width instead of pushing the clouds off-screen.
This commit is contained in:
openhands committed 2026-09-12 17:51:37 +02:00
1 parent e5e17d75ae
commit 8a1b83b965
2 files changed
+75 -28

No files matched your search

+3
View File
@@ -10,6 +10,9 @@ export function CloudsField() {
<span className="cloud cloud-3" />
<span className="cloud cloud-4" />
<span className="cloud cloud-5" />
<span className="cloud cloud-6" />
<span className="cloud cloud-7" />
<span className="cloud cloud-8" />
</div>
);
}