diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro index b335dec..d5b992d 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -20,20 +20,20 @@ import Base from "../layout/Base.astro"; </div> </header> <main> - <section class="batteur"> + <section class="batteur" data-scroll> <MosaicBackground height="400"> <img src="/batteur/old2.jpg" /> <img src="/batteur/old3.jpg" /> <VideoAuto src="/batteur/video/bb.webm" /> <img src="/batteur/dark_scene.jpg" /> - <img src="/batteur/mid_rock.jpg" /> + <VideoAuto src="/batteur/video/balance.webm" /> <img src="/batteur/black_and_white.jpg" /> <img src="/batteur/old.jpg" /> - <VideoAuto src="/batteur/video/solo.webm" /> + <img src="/batteur/mid_rock.jpg" /> <img src="/batteur/mid_outdoor.jpg" /> - <VideoAuto src="/batteur/video/balance.webm" /> <img src="/batteur/mid_rock2.jpg" /> <img src="/batteur/recent.jpg" /> + <VideoAuto src="/batteur/video/solo.webm" /> </MosaicBackground> <div class="content"> <div class="content__header"> @@ -60,7 +60,7 @@ import Base from "../layout/Base.astro"; </Base> <script is:inline defer> - const sections = document.querySelectorAll("section"); + const sections = document.querySelectorAll("section[data-scroll]"); document.addEventListener("scroll", () => { sections.forEach((section) => { const rect = section.getBoundingClientRect(); |