diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 61 |
1 files changed, 47 insertions, 14 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro index 5882ff4..3d5da47 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -89,19 +89,48 @@ import Base from "../layout/Base.astro"; </div> </section> <section class="ref" data-scroll> - <MosaicBackground height="200"> - <img src="/batteur/old2.jpg" /> - <img src="/batteur/old3.jpg" /> - <VideoAuto src="/batteur/video/bb.webm" /> - <img src="/batteur/dark_scene.jpg" /> - <VideoAuto src="/batteur/video/balance.webm" /> - <img src="/batteur/black_and_white.jpg" /> - <img src="/batteur/old.jpg" /> - <img src="/batteur/mid_rock.jpg" /> - <img src="/batteur/mid_outdoor.jpg" /> - <img src="/batteur/mid_rock2.jpg" /> - <img src="/batteur/recent.jpg" /> - <VideoAuto src="/batteur/video/solo.webm" /> + <MosaicBackground height="250"> + <img src="/ref/angie.png" /> + <img src="/ref/apanapana_records.jpg" /> + <img src="/ref/arte.jpg" /> + <img src="/ref/bb1.jpg" /> + <img src="/ref/bb2.jpg" /> + <img src="/ref/bvs.jpg" /> + <img src="/ref/charlotte.jpg" /> + <img src="/ref/compagnie_imaginaire.jpg" /> + <img src="/ref/complice_music.png" /> + <img src="/ref/divine_acajou.png" /> + <img src="/ref/epsilon_escape.jpg" /> + <img src="/ref/france_tv.png" /> + <img src="/ref/green_warrior.jpg" /> + <img src="/ref/havas_event.png" /> + <img src="/ref/if_de_minuit.jpg" /> + <img src="/ref/indigo.jpg" /> + <img src="/ref/jaime_ecouter.jpg" /> + <img src="/ref/juliette.jpg" /> + <img src="/ref/l_oreal.jpg" /> + <img src="/ref/lio.jpg" /> + <img src="/ref/lunii.jpg" /> + <img src="/ref/lvmh.jpg" /> + <img src="/ref/mediawan.jpg" /> + <img src="/ref/musicbox.png" /> + <img src="/ref/nouvelle_samaritaine.png" /> + <img src="/ref/onb.jpg" /> + <img src="/ref/origins.png" /> + <img src="/ref/papooses.png" /> + <img src="/ref/paradoxes.png" /> + <img src="/ref/prodjv.jpg" /> + <img src="/ref/sir_adrien.jpg" /> + <img src="/ref/steel_division_normandy_44.jpg" /> + <img src="/ref/superchild.jpg" /> + <img src="/ref/sybel.png" /> + <img src="/ref/talia1.jpg" /> + <img src="/ref/talia2.jpg" /> + <img src="/ref/ulicoys.jpg" /> + <img src="/ref/violet_dreams.jpg" /> + <img src="/ref/virgin_music.jpg" /> + <img src="/ref/virtuel_audio.png" /> + <img src="/ref/wtpl.jpg" /> </MosaicBackground> <div class="content"> <div class="content__header"> @@ -141,7 +170,11 @@ import Base from "../layout/Base.astro"; document.addEventListener("scroll", () => { sections.forEach((section) => { const rect = section.getBoundingClientRect(); - if (rect.top > window.scrollY || rect.bottom * 2.5 < window.scrollY) return; + if ( + section.top + window.scrollY > window.scrollY || + (rect.bottom + +window.scrollY) * 2 < window.scrollY + ) + return; const content = section.querySelector(".content"); if (content == null || !(content instanceof HTMLElement)) throw new Error(`Invalid section ${section}`); |