From 092b0a6a81cc1df1058915e6688ba6b9b75795e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?William=20Herg=C3=A8s?= <william@herges.fr>
Date: Sat, 9 Aug 2025 18:29:45 +0200
Subject: feat(ref): content

---
 src/pages/index.astro | 45 +++++++++++++++++++++++++++++++++++++++++++++
 src/scss/style.scss   |  3 +++
 2 files changed, 48 insertions(+)

(limited to 'src')

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 410d036..5882ff4 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -88,6 +88,51 @@ import Base from "../layout/Base.astro";
         </div>
       </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>
+      <div class="content">
+        <div class="content__header">
+          <h2 class="no-mb">Références</h2>
+        </div>
+        <p>
+          Comme de nombreux parcours artistiques, le mien s’est forgé par des expériences et
+          rencontres multiples, qui m’ont façonné et emmené aux 4 coins du milieu de la musique.
+        </p>
+        <p>
+          Fils d’un père compositeur, je débute par une formation classique qui s’achèvera par un
+          diplôme de fin d’études au CNR de Rueil-Malmaison à l’âge de 13 ans.
+        </p>
+        <p>
+          Je deviens musicien professionnel à 20 ans en accompagnant et enregistrant pour des
+          artistes et groupes avant de me lancer dans la composition et l’arrangement. À cette même
+          période, je fais même un détour par le management d’artistes et le booking pour en savoir
+          plus sur «&thinsp;l’envers du décor&thinsp;».
+        </p>
+        <p>
+          La suite logique a été l’ouverture de mon propre studio il y a un peu moins de 10 ans avec
+          tous les outils et le matériel nécessaire pour produire en toute autonomie mes propres
+          sons mais aussi ceux des artistes, éditeurs, labels, médias, entreprises qui font appel à
+          mes services et compétences.
+        </p>
+        <p>
+          Merci à tous ceux qui m’ont fait et me font confiance et à votre disposition pour discuter
+          de votre prochain projet&thinsp;!
+        </p>
+      </div>
+    </section>
   </main>
 </Base>
 
diff --git a/src/scss/style.scss b/src/scss/style.scss
index e592e90..17dd30c 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -117,6 +117,9 @@ section[data-scroll] .content {
 
     & h2 {
       margin-bottom: 1rem;
+      &.no-mb {
+        margin-bottom: 0;
+      }
     }
   }
 }
-- 
cgit v1.2.3