diff options
| -rw-r--r-- | src/pages/index.astro | 45 | ||||
| -rw-r--r-- | src/scss/style.scss | 3 |
2 files changed, 48 insertions, 0 deletions
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 « l’envers du décor ». + </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 ! + </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; + } } } } |