diff options
| -rw-r--r-- | david.html | 4 | ||||
| -rw-r--r-- | enguerrand.html | 4 | ||||
| -rw-r--r-- | hervé.html | 4 | ||||
| -rw-r--r-- | images/david/bg.jpg | bin | 0 -> 339129 bytes | |||
| -rw-r--r-- | images/david/portrait.png | bin | 171212 -> 178644 bytes | |||
| -rw-r--r-- | images/enguerrand/bg.jpg | bin | 0 -> 520847 bytes | |||
| -rw-r--r-- | images/enguerrand/portrait.png | bin | 170019 -> 147697 bytes | |||
| -rw-r--r-- | images/hervé/bg.jpg | bin | 0 -> 325788 bytes | |||
| -rw-r--r-- | images/hervé/portrait.png | bin | 206135 -> 173155 bytes | |||
| -rw-r--r-- | images/sophie/bg.jpg | bin | 0 -> 519337 bytes | |||
| -rw-r--r-- | images/sophie/portrait.png | bin | 262713 -> 253250 bytes | |||
| -rw-r--r-- | sophie.html | 4 | ||||
| -rw-r--r-- | stylesheets/membre.css | 24 |
13 files changed, 16 insertions, 24 deletions
@@ -50,7 +50,7 @@ <dd>Je viens d'une famille de mélomanes et j'ai débuté le violon à l'âge de 5 ans dans une école de musique en région parisienne. Durant ma scolarité je ne me prédestinais pas spécialement pour la musique, j'étais plutôt intéressé par les sciences. C'est vers l'âge de 16 ans que j'ai eu le "déclic", j'étudiais avec Dorothée Nodé-Langlois qui m'a vraiment transmis cette passion pour le violon. J'ai continué mes études au conservatoire de Boulogne Billancourt et finalement au CNSM où j'ai intégré le quatuor Bellefeuille. </dd> </dl> </div> - <div id="photo" style="background-color: #f90;"> - <img src="images/david/portrait.png" style="height: 100%;"> + <div id="photo"> + <img src="images/david/portrait.png" style="background-image: url(images/david/bg.jpg)"> </div> </main> diff --git a/enguerrand.html b/enguerrand.html index ec6c326..9758813 100644 --- a/enguerrand.html +++ b/enguerrand.html @@ -50,7 +50,7 @@ <dd>Pêle-mêle du violoncelle, du chant, de l'informatique, des lettres ... Entre Paris et Lyon.</dd> </dl> </div> - <div id="photo" style="background-color: #f84;"> - <img src="images/enguerrand/portrait.png" style="width: 100%;"> + <div id="photo"> + <img src="images/enguerrand/portrait.png" style="left: 0; background-image: url(images/enguerrand/bg.jpg)"> </div> </main> @@ -54,7 +54,7 @@ <dd>J’ai toujours été attiré par les activités manuelles (bricolage, peinture, sculpture...) ce qui m’a valu de longues hésitations quant à mon choix d’orientation post-terminale. J’ai fini par me décider à continuer à suivre la voie musicale que je traçais depuis mes sept ans et partir écumer les conservatoires de Gennevilliers, Boulogne-Billancourt et le CNSMDP. Je suis aujourd’hui l’heureux altiste du quatuor Bellefeuille et membre de l’Orchestre de Paris.</dd> </dl> </div> - <div id="photo" style="background-color: #2f0;"> - <img src="images/hervé/portrait.png" style="height: 100%;"> + <div id="photo"> + <img src="images/hervé/portrait.png" style="background-image: url(images/hervé/bg.jpg)"> </div> </main> diff --git a/images/david/bg.jpg b/images/david/bg.jpg Binary files differnew file mode 100644 index 0000000..3ffd8c8 --- /dev/null +++ b/images/david/bg.jpg diff --git a/images/david/portrait.png b/images/david/portrait.png Binary files differindex e0c8f73..b69d273 100644 --- a/images/david/portrait.png +++ b/images/david/portrait.png diff --git a/images/enguerrand/bg.jpg b/images/enguerrand/bg.jpg Binary files differnew file mode 100644 index 0000000..3b889a0 --- /dev/null +++ b/images/enguerrand/bg.jpg diff --git a/images/enguerrand/portrait.png b/images/enguerrand/portrait.png Binary files differindex 674a6cf..68553c2 100644 --- a/images/enguerrand/portrait.png +++ b/images/enguerrand/portrait.png diff --git a/images/hervé/bg.jpg b/images/hervé/bg.jpg Binary files differnew file mode 100644 index 0000000..962eabd --- /dev/null +++ b/images/hervé/bg.jpg diff --git a/images/hervé/portrait.png b/images/hervé/portrait.png Binary files differindex 504fe16..d904c4b 100644 --- a/images/hervé/portrait.png +++ b/images/hervé/portrait.png diff --git a/images/sophie/bg.jpg b/images/sophie/bg.jpg Binary files differnew file mode 100644 index 0000000..4bfc696 --- /dev/null +++ b/images/sophie/bg.jpg diff --git a/images/sophie/portrait.png b/images/sophie/portrait.png Binary files differindex b0afb30..7c28414 100644 --- a/images/sophie/portrait.png +++ b/images/sophie/portrait.png diff --git a/sophie.html b/sophie.html index 1a5873d..f9d0a5e 100644 --- a/sophie.html +++ b/sophie.html @@ -14,7 +14,7 @@ <dl><dt>Un rêve : </dt><dd>Partir avec le quatuor en tournée dans les petites villes de France pour rencontrer les gens, partager notre musique… et à 2 tandems !! </dd></dl> <dl><dt>Quel est ton parcours : </dt>J'ai commencé le violon à 7 ans, après avoir été bouleversée par un disque de Christian Ferras interprétant le concerto de Sibelius. J’ai ensuite été accompagnée par trois grands pédagogues à qui je dois mon esthétique musicale : <dd>Christophe Poiget, Roland Daugareil et Luc-Marie Aguera. </dd></dl> </div> - <div id="photo" style="background-color: #ff0;"> - <img src="images/sophie/portrait.png" style="width: 100%;"> + <div id="photo"> + <img src="images/sophie/portrait.png" style="background-image: url(images/sophie/bg.jpg)"> </div> </main> diff --git a/stylesheets/membre.css b/stylesheets/membre.css index 0d56a33..2f52b7b 100644 --- a/stylesheets/membre.css +++ b/stylesheets/membre.css @@ -1,9 +1,12 @@ main { display: grid; - grid-template-columns: 60% 40%; + grid-template-columns: 3fr 2fr; align-items: center; - justify-self: center; - width: 80%; +} + +main > * { + margin-left: 2em; + margin-right: 2em; } #bio { @@ -31,18 +34,7 @@ main { margin-bottom: 0.2em; } -#photo { - position: fixed; - bottom: 0; - right: 0; - width: 70vh; - height: 70vh; - z-index: -1; -} - #photo img { - position: absolute; - bottom: 0; - right: 0; - object-fit: contain; + width: 100%; + background-size: cover; } |
