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/portrait.png | bin | 178644 -> 171212 bytes | |||
| -rw-r--r-- | images/enguerrand/portrait.png | bin | 180347 -> 170019 bytes | |||
| -rw-r--r-- | images/hervé/portrait.png | bin | 209532 -> 204785 bytes | |||
| -rw-r--r-- | images/sophie/portrait.png | bin | 283386 -> 262713 bytes | |||
| -rw-r--r-- | sophie.html | 4 | ||||
| -rw-r--r-- | stylesheets/membre.css | 14 |
9 files changed, 20 insertions, 10 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"> - <img src="images/david/portrait.png"> + <div id="photo" style="background-color: #f90;"> + <img src="images/david/portrait.png" style="height: 100%;"> </div> </main> diff --git a/enguerrand.html b/enguerrand.html index 3d8717b..663ce9c 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"> - <img src="images/enguerrand/portrait.png"> + <div id="photo" style="background-color: #f84;"> + <img src="images/enguerrand/portrait.png" style="width: 80vh;"> </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"> - <img src="images/hervé/portrait.png"> + <div id="photo" style="background-color: #2f0;"> + <img src="images/hervé/portrait.png" style="height: 100%;"> </div> </main> diff --git a/images/david/portrait.png b/images/david/portrait.png Binary files differindex b69d273..e0c8f73 100644 --- a/images/david/portrait.png +++ b/images/david/portrait.png diff --git a/images/enguerrand/portrait.png b/images/enguerrand/portrait.png Binary files differindex db61c60..674a6cf 100644 --- a/images/enguerrand/portrait.png +++ b/images/enguerrand/portrait.png diff --git a/images/hervé/portrait.png b/images/hervé/portrait.png Binary files differindex 4ea1c59..de3e8d5 100644 --- a/images/hervé/portrait.png +++ b/images/hervé/portrait.png diff --git a/images/sophie/portrait.png b/images/sophie/portrait.png Binary files differindex 8c3a743..b0afb30 100644 --- a/images/sophie/portrait.png +++ b/images/sophie/portrait.png diff --git a/sophie.html b/sophie.html index 5eedc4f..8d8414f 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"> - <img src="images/sophie/portrait.png"> + <div id="photo" style="background-color: #ff0;"> + <img src="images/sophie/portrait.png" style="width: 100%;"> </div> </main> diff --git a/stylesheets/membre.css b/stylesheets/membre.css index adf11f4..fbd3d28 100644 --- a/stylesheets/membre.css +++ b/stylesheets/membre.css @@ -27,8 +27,18 @@ main { margin-bottom: 0.2em; } +#photo { + position: fixed; + bottom: 0; + right: 0; + width: 40vw; + height: 40vw; + z-index: -1; +} + #photo img { - width: 100%; - height: 100%; + position: absolute; + bottom: 0; + right: 0; object-fit: contain; } |
