diff options
| author | William Hergès <william@herges.fr> | 2025-08-09 15:33:59 +0200 |
|---|---|---|
| committer | William Hergès <william@herges.fr> | 2025-08-09 15:33:59 +0200 |
| commit | 1c68d9c6e79214d366fa67c8ecbbccbc782b7b5c (patch) | |
| tree | 3a1efff7c7425a5486ec9c9e366a64128873926d /src/pages | |
| parent | 05f09f1fb9e9a819cfecda26f47b3f53a022f9fd (diff) | |
feat(content): dynamic image list for bg
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 103 |
1 files changed, 56 insertions, 47 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro index ea79d11..1d6dee5 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -4,52 +4,61 @@ import ImageBackground from "../component/ImageBackground.astro"; --- <html lang="fr"> - <head> - <meta charset="utf-8" /> - <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> - <meta name="viewport" content="width=device-width" /> - <meta name="generator" content={Astro.generator} /> - <title>Arnaud Hergès</title> - </head> - <body> - <header> - <h1>Arnaud Hergès</h1> - <div class="tags"> - <p class="tag">batteur</p> - <p class="tag">-</p> - <p class="tag">compositeur</p> - <p class="tag">-</p> - <p class="tag">producteur</p> - <p class="tag">-</p> - <p class="tag">références</p> - <p class="tag">-</p> - <p class="tag">contact</p> +<head> + <meta charset="utf-8"/> + <link rel="icon" type="image/svg+xml" href="/favicon.svg"/> + <meta name="viewport" content="width=device-width"/> + <meta name="generator" content={Astro.generator}/> + <title>Arnaud Hergès</title> +</head> +<body> +<header> + <h1>Arnaud Hergès</h1> + <div class="tags"> + <p class="tag">batteur</p> + <p class="tag">-</p> + <p class="tag">compositeur</p> + <p class="tag">-</p> + <p class="tag">producteur</p> + <p class="tag">-</p> + <p class="tag">références</p> + <p class="tag">-</p> + <p class="tag">contact</p> + </div> +</header> +</body> +<main> + <article class="batteur"> + <ImageBackground> + <img src="https://placehold.co/600x400"/> + <img src="https://placehold.co/500x200"/> + <img src="https://placehold.co/400x400"/> + <img src="https://placehold.co/600x400"/> + <img src="https://placehold.co/800x400"/> + <img src="https://placehold.co/600x400"/> + <img src="https://placehold.co/600x400"/> + <img src="https://placehold.co/600x400"/> + </ImageBackground> + <div class="content"> + <div class="content__header"> + <h2>Batteur</h2> + <h3>Studio & Live</h3> </div> - </header> - </body> - <main> - <article class="batteur"> - <ImageBackground /> - <div class="content"> - <div class="content__header"> - <h2>Batteur</h2> - <h3>Studio & Live</h3> - </div> - <p> - A tous les âges, sur tous les kits et avec toutes les coupes de cheveux, cela fait 40 ans - que la batterie m’accompagne et qu’elle me suit pour agrémenter vos concerts et vos - séances des meilleures « rythmiques » possibles. - </p> - <p> - Quelque soit le style, sur partition ou sur séquence, sur acoustique, électronique ou de - mon spd-sx, au clic ou au feeling, ce sont plus de 800 concerts en salles, événements et - festivals et des dizaines de titres déjà enregistrés en studio. - </p> - <p> - Jamais rassasié, je suis toujours dispo pour de futurs projets, qu’ils soient scéniques ou - enregistrés. Contactez-moi pour en parler ! - </p> - </div> - </article> - </main> + <p> + A tous les âges, sur tous les kits et avec toutes les coupes de cheveux, cela fait 40 + ans que la batterie m’accompagne et qu’elle me suit pour agrémenter vos concerts et vos + séances des meilleures « rythmiques » possibles. + </p> + <p> + Quelque soit le style, sur partition ou sur séquence, sur acoustique, électronique ou de + mon spd-sx, au clic ou au feeling, ce sont plus de 800 concerts en salles, événements et + festivals et des dizaines de titres déjà enregistrés en studio. + </p> + <p> + Jamais rassasié, je suis toujours dispo pour de futurs projets, qu’ils soient scéniques + ou enregistrés. Contactez-moi pour en parler ! + </p> + </div> + </article> +</main> </html> |