From 3f800fb6724a15e6355b73304246a4711231d28f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?William=20Herg=C3=A8s?= <william@herges.fr>
Date: Sat, 9 Aug 2025 18:47:42 +0200
Subject: feat(ref): mosaic bg

---
 public/ref/angie.png                      | Bin 0 -> 125974 bytes
 public/ref/apanapana_records.jpg          | Bin 0 -> 10270 bytes
 public/ref/arte.jpg                       | Bin 0 -> 8503 bytes
 public/ref/bb1.jpg                        | Bin 0 -> 4147840 bytes
 public/ref/bb2.jpg                        | Bin 0 -> 3499495 bytes
 public/ref/bvs.jpg                        | Bin 0 -> 6006 bytes
 public/ref/charlotte.jpg                  | Bin 0 -> 8872 bytes
 public/ref/compagnie_imaginaire.jpg       | Bin 0 -> 8850 bytes
 public/ref/complice_music.png             | Bin 0 -> 6885 bytes
 public/ref/divine_acajou.png              | Bin 0 -> 4853904 bytes
 public/ref/epsilon_escape.jpg             | Bin 0 -> 152397 bytes
 public/ref/france_tv.png                  | Bin 0 -> 9919 bytes
 public/ref/green_warrior.jpg              | Bin 0 -> 2911657 bytes
 public/ref/havas_event.png                | Bin 0 -> 12212 bytes
 public/ref/if_de_minuit.jpg               | Bin 0 -> 1556561 bytes
 public/ref/indigo.jpg                     | Bin 0 -> 41652 bytes
 public/ref/jaime_ecouter.jpg              | Bin 0 -> 36008 bytes
 public/ref/juliette.jpg                   | Bin 0 -> 35685 bytes
 public/ref/l_oreal.jpg                    | Bin 0 -> 25415 bytes
 public/ref/lio.jpg                        | Bin 0 -> 149824 bytes
 public/ref/lunii.jpg                      | Bin 0 -> 9940 bytes
 public/ref/lvmh.jpg                       | Bin 0 -> 37634 bytes
 public/ref/mediawan.jpg                   | Bin 0 -> 841766 bytes
 public/ref/musicbox.png                   | Bin 0 -> 8300 bytes
 public/ref/nouvelle_samaritaine.png       | Bin 0 -> 2331542 bytes
 public/ref/onb.jpg                        | Bin 0 -> 110343 bytes
 public/ref/origins.png                    | Bin 0 -> 13414 bytes
 public/ref/papooses.png                   | Bin 0 -> 590036 bytes
 public/ref/paradoxes.png                  | Bin 0 -> 111578 bytes
 public/ref/prodjv.jpg                     | Bin 0 -> 9698 bytes
 public/ref/sir_adrien.jpg                 | Bin 0 -> 1453491 bytes
 public/ref/steel_division_normandy_44.jpg | Bin 0 -> 151155 bytes
 public/ref/superchild.jpg                 | Bin 0 -> 2612530 bytes
 public/ref/sybel.png                      | Bin 0 -> 2191 bytes
 public/ref/talia1.jpg                     | Bin 0 -> 19355 bytes
 public/ref/talia2.jpg                     | Bin 0 -> 63922 bytes
 public/ref/ulicoys.jpg                    | Bin 0 -> 9007543 bytes
 public/ref/violet_dreams.jpg              | Bin 0 -> 5471119 bytes
 public/ref/virgin_music.jpg               | Bin 0 -> 16147 bytes
 public/ref/virtuel_audio.png              | Bin 0 -> 1997 bytes
 public/ref/wtpl.jpg                       | Bin 0 -> 8585 bytes
 src/pages/index.astro                     |  61 +++++++++++++++++++++++-------
 42 files changed, 47 insertions(+), 14 deletions(-)
 create mode 100644 public/ref/angie.png
 create mode 100644 public/ref/apanapana_records.jpg
 create mode 100644 public/ref/arte.jpg
 create mode 100644 public/ref/bb1.jpg
 create mode 100644 public/ref/bb2.jpg
 create mode 100644 public/ref/bvs.jpg
 create mode 100644 public/ref/charlotte.jpg
 create mode 100644 public/ref/compagnie_imaginaire.jpg
 create mode 100644 public/ref/complice_music.png
 create mode 100644 public/ref/divine_acajou.png
 create mode 100644 public/ref/epsilon_escape.jpg
 create mode 100644 public/ref/france_tv.png
 create mode 100644 public/ref/green_warrior.jpg
 create mode 100644 public/ref/havas_event.png
 create mode 100644 public/ref/if_de_minuit.jpg
 create mode 100644 public/ref/indigo.jpg
 create mode 100644 public/ref/jaime_ecouter.jpg
 create mode 100644 public/ref/juliette.jpg
 create mode 100644 public/ref/l_oreal.jpg
 create mode 100644 public/ref/lio.jpg
 create mode 100644 public/ref/lunii.jpg
 create mode 100644 public/ref/lvmh.jpg
 create mode 100644 public/ref/mediawan.jpg
 create mode 100644 public/ref/musicbox.png
 create mode 100644 public/ref/nouvelle_samaritaine.png
 create mode 100644 public/ref/onb.jpg
 create mode 100644 public/ref/origins.png
 create mode 100644 public/ref/papooses.png
 create mode 100644 public/ref/paradoxes.png
 create mode 100644 public/ref/prodjv.jpg
 create mode 100644 public/ref/sir_adrien.jpg
 create mode 100644 public/ref/steel_division_normandy_44.jpg
 create mode 100644 public/ref/superchild.jpg
 create mode 100644 public/ref/sybel.png
 create mode 100644 public/ref/talia1.jpg
 create mode 100644 public/ref/talia2.jpg
 create mode 100644 public/ref/ulicoys.jpg
 create mode 100644 public/ref/violet_dreams.jpg
 create mode 100644 public/ref/virgin_music.jpg
 create mode 100644 public/ref/virtuel_audio.png
 create mode 100644 public/ref/wtpl.jpg

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