feat(ref): mosaic bg

42 files changed, 47 insertions, 14 deletions

diff --git a/public/ref/angie.png b/public/ref/angie.png
new file mode 100644
index 0000000..2341091
--- /dev/null
+++ b/public/ref/angie.png
diff --git a/public/ref/apanapana_records.jpg b/public/ref/apanapana_records.jpg
new file mode 100644
index 0000000..666ba27
--- /dev/null
+++ b/public/ref/apanapana_records.jpg
diff --git a/public/ref/arte.jpg b/public/ref/arte.jpg
new file mode 100644
index 0000000..b5ef796
--- /dev/null
+++ b/public/ref/arte.jpg
diff --git a/public/ref/bb1.jpg b/public/ref/bb1.jpg
new file mode 100644
index 0000000..dbe7f14
--- /dev/null
+++ b/public/ref/bb1.jpg
diff --git a/public/ref/bb2.jpg b/public/ref/bb2.jpg
new file mode 100644
index 0000000..d416f17
--- /dev/null
+++ b/public/ref/bb2.jpg
diff --git a/public/ref/bvs.jpg b/public/ref/bvs.jpg
new file mode 100644
index 0000000..bc651e8
--- /dev/null
+++ b/public/ref/bvs.jpg
diff --git a/public/ref/charlotte.jpg b/public/ref/charlotte.jpg
new file mode 100644
index 0000000..46b7038
--- /dev/null
+++ b/public/ref/charlotte.jpg
diff --git a/public/ref/compagnie_imaginaire.jpg b/public/ref/compagnie_imaginaire.jpg
new file mode 100644
index 0000000..1ef1209
--- /dev/null
+++ b/public/ref/compagnie_imaginaire.jpg
diff --git a/public/ref/complice_music.png b/public/ref/complice_music.png
new file mode 100644
index 0000000..8a1ef83
--- /dev/null
+++ b/public/ref/complice_music.png
diff --git a/public/ref/divine_acajou.png b/public/ref/divine_acajou.png
new file mode 100644
index 0000000..4da5c3e
--- /dev/null
+++ b/public/ref/divine_acajou.png
diff --git a/public/ref/epsilon_escape.jpg b/public/ref/epsilon_escape.jpg
new file mode 100644
index 0000000..b050ba8
--- /dev/null
+++ b/public/ref/epsilon_escape.jpg
diff --git a/public/ref/france_tv.png b/public/ref/france_tv.png
new file mode 100644
index 0000000..7c17eb5
--- /dev/null
+++ b/public/ref/france_tv.png
diff --git a/public/ref/green_warrior.jpg b/public/ref/green_warrior.jpg
new file mode 100644
index 0000000..c5a8e70
--- /dev/null
+++ b/public/ref/green_warrior.jpg
diff --git a/public/ref/havas_event.png b/public/ref/havas_event.png
new file mode 100644
index 0000000..8116e5b
--- /dev/null
+++ b/public/ref/havas_event.png
diff --git a/public/ref/if_de_minuit.jpg b/public/ref/if_de_minuit.jpg
new file mode 100644
index 0000000..325f5f9
--- /dev/null
+++ b/public/ref/if_de_minuit.jpg
diff --git a/public/ref/indigo.jpg b/public/ref/indigo.jpg
new file mode 100644
index 0000000..65d9fc7
--- /dev/null
+++ b/public/ref/indigo.jpg
diff --git a/public/ref/jaime_ecouter.jpg b/public/ref/jaime_ecouter.jpg
new file mode 100644
index 0000000..9fe8225
--- /dev/null
+++ b/public/ref/jaime_ecouter.jpg
diff --git a/public/ref/juliette.jpg b/public/ref/juliette.jpg
new file mode 100644
index 0000000..53e000b
--- /dev/null
+++ b/public/ref/juliette.jpg
diff --git a/public/ref/l_oreal.jpg b/public/ref/l_oreal.jpg
new file mode 100644
index 0000000..64884d6
--- /dev/null
+++ b/public/ref/l_oreal.jpg
diff --git a/public/ref/lio.jpg b/public/ref/lio.jpg
new file mode 100644
index 0000000..e9dd695
--- /dev/null
+++ b/public/ref/lio.jpg
diff --git a/public/ref/lunii.jpg b/public/ref/lunii.jpg
new file mode 100644
index 0000000..ae7e87a
--- /dev/null
+++ b/public/ref/lunii.jpg
diff --git a/public/ref/lvmh.jpg b/public/ref/lvmh.jpg
new file mode 100644
index 0000000..1d19ff0
--- /dev/null
+++ b/public/ref/lvmh.jpg
diff --git a/public/ref/mediawan.jpg b/public/ref/mediawan.jpg
new file mode 100644
index 0000000..910ec4c
--- /dev/null
+++ b/public/ref/mediawan.jpg
diff --git a/public/ref/musicbox.png b/public/ref/musicbox.png
new file mode 100644
index 0000000..4455460
--- /dev/null
+++ b/public/ref/musicbox.png
diff --git a/public/ref/nouvelle_samaritaine.png b/public/ref/nouvelle_samaritaine.png
new file mode 100644
index 0000000..8e49eae
--- /dev/null
+++ b/public/ref/nouvelle_samaritaine.png
diff --git a/public/ref/onb.jpg b/public/ref/onb.jpg
new file mode 100644
index 0000000..f4feefa
--- /dev/null
+++ b/public/ref/onb.jpg
diff --git a/public/ref/origins.png b/public/ref/origins.png
new file mode 100644
index 0000000..0e47cb8
--- /dev/null
+++ b/public/ref/origins.png
diff --git a/public/ref/papooses.png b/public/ref/papooses.png
new file mode 100644
index 0000000..0f677ed
--- /dev/null
+++ b/public/ref/papooses.png
diff --git a/public/ref/paradoxes.png b/public/ref/paradoxes.png
new file mode 100644
index 0000000..11f4503
--- /dev/null
+++ b/public/ref/paradoxes.png
diff --git a/public/ref/prodjv.jpg b/public/ref/prodjv.jpg
new file mode 100644
index 0000000..d5497bf
--- /dev/null
+++ b/public/ref/prodjv.jpg
diff --git a/public/ref/sir_adrien.jpg b/public/ref/sir_adrien.jpg
new file mode 100644
index 0000000..0dd0478
--- /dev/null
+++ b/public/ref/sir_adrien.jpg
diff --git a/public/ref/steel_division_normandy_44.jpg b/public/ref/steel_division_normandy_44.jpg
new file mode 100644
index 0000000..06dc757
--- /dev/null
+++ b/public/ref/steel_division_normandy_44.jpg
diff --git a/public/ref/superchild.jpg b/public/ref/superchild.jpg
new file mode 100644
index 0000000..4b52328
--- /dev/null
+++ b/public/ref/superchild.jpg
diff --git a/public/ref/sybel.png b/public/ref/sybel.png
new file mode 100644
index 0000000..c3e71aa
--- /dev/null
+++ b/public/ref/sybel.png
diff --git a/public/ref/talia1.jpg b/public/ref/talia1.jpg
new file mode 100644
index 0000000..f533e6b
--- /dev/null
+++ b/public/ref/talia1.jpg
diff --git a/public/ref/talia2.jpg b/public/ref/talia2.jpg
new file mode 100644
index 0000000..d7d237f
--- /dev/null
+++ b/public/ref/talia2.jpg
diff --git a/public/ref/ulicoys.jpg b/public/ref/ulicoys.jpg
new file mode 100644
index 0000000..54096b0
--- /dev/null
+++ b/public/ref/ulicoys.jpg
diff --git a/public/ref/violet_dreams.jpg b/public/ref/violet_dreams.jpg
new file mode 100644
index 0000000..0962fb1
--- /dev/null
+++ b/public/ref/violet_dreams.jpg
diff --git a/public/ref/virgin_music.jpg b/public/ref/virgin_music.jpg
new file mode 100644
index 0000000..c31549a
--- /dev/null
+++ b/public/ref/virgin_music.jpg
diff --git a/public/ref/virtuel_audio.png b/public/ref/virtuel_audio.png
new file mode 100644
index 0000000..f5f7b26
--- /dev/null
+++ b/public/ref/virtuel_audio.png
diff --git a/public/ref/wtpl.jpg b/public/ref/wtpl.jpg
new file mode 100644
index 0000000..061fe77
--- /dev/null
+++ b/public/ref/wtpl.jpg
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}`);