openvibers/openvibe.live Commits

Phones: drop the two tall masked decorations from the scroll path

OP OpenVibers committed 16 Sept 2026 · 0113ba8695 · 2 files, +8 −1

The restream card's dot texture is a radial mask-image over a ~1600px-tall box on a phone, and the
About banner's lit edge is a mask-composite over a ~2600px-tall box. Each is a separate mask layer
that is composited on every frame of a scroll through it. Both are faint texture; the banner keeps
its real 1px border.

Co-Authored-By: Claude Opus 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01CMxJm1dB8rdsaMSgNjVa82

Changes

ddiff --git a/public/css/home-fx.css b/public/css/home-fx.css
iindex 36a0ca94..859fa1a4 100644
---- a/public/css/home-fx.css
++++ b/public/css/home-fx.css
@@@ -325,3 +325,10 @@
  .rs-lite .hero-bg-layer.active { animation: none !important; transform: scale(1.06) !important; will-change: auto !important; }
  .rs-lite .hero-aurora, .rs-lite .hero-aurora::before, .rs-lite .hero-aurora::after { animation: none !important; }
  .rs-lite .hfx-spot, .rs-lite .hfx-sparks { display: none !important; }
++
++/* Phones: no masked decoration on tall sections. The restream card's dot texture (a radial
++   mask-image over a ~1600px-tall box on a phone) and the About banner's lit edge (a mask-composite
++   over a ~2600px-tall box) are each a separate mask layer composited on every frame of a scroll
++   through them. Both are faint texture — the banner keeps its real 1px border. */
++.rs-lite .tour::before { display: none !important; }
++.rs-lite .home-cta-banner::before { display: none !important; }
ddiff --git a/public/index.html b/public/index.html
iindex 91a4c15c..4aa63f67 100644
---- a/public/index.html
++++ b/public/index.html
@@@ -89,7 +89,7 @@
           treat it as non-critical, and the onload flips it back to all once it has arrived. -->
      <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
      <link rel="stylesheet" href="/css/style.css?v=216">
--    <link rel="stylesheet" href="/css/home-fx.css?v=19">
++    <link rel="stylesheet" href="/css/home-fx.css?v=20">
      <link rel="stylesheet" href="/css/home-tour.css?v=12">
      <link rel="stylesheet" href="/css/i18n-star.css?v=11">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">