From d68c809e3deb9e1f7db37f9c9d906558de4fa930 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Mon, 8 Feb 2021 23:57:41 +0100 Subject: Fill in actual quatuor bio --- quatuor.md | 54 +++++++++++++++++++----------------------------------- 1 file changed, 19 insertions(+), 35 deletions(-) diff --git a/quatuor.md b/quatuor.md index 91bdabe..69805d5 100644 --- a/quatuor.md +++ b/quatuor.md @@ -1,35 +1,19 @@ -# Un premier titre - -Senectus et netus et malesuada fames ac turpis. Ut sem nulla pharetra -diam sit amet nisl suscipit adipiscing. Et netus et malesuada fames ac. -Turpis massa sed elementum tempus egestas sed sed. Et netus et malesuada -fames ac. Enim sit amet venenatis urna cursus. Fermentum et sollicitudin -ac orci phasellus. Sollicitudin nibh sit amet commodo nulla facilisi -nullam vehicula. Pellentesque adipiscing commodo elit at imperdiet. Eget -nunc scelerisque viverra mauris in. Eu sem integer vitae justo eget -magna fermentum iaculis. Feugiat nisl pretium fusce id velit. Facilisis -gravida neque convallis a cras semper. Scelerisque eu ultrices vitae -auctor eu augue ut lectus. Aliquam purus sit amet luctus venenatis. - -Felis imperdiet proin fermentum leo vel orci porta. Imperdiet massa -tincidunt nunc pulvinar. Porta lorem mollis aliquam ut porttitor leo. -Morbi tincidunt augue interdum velit euismod in pellentesque massa. In -ornare quam viverra orci sagittis eu. Elementum integer enim neque -volutpat ac. Adipiscing bibendum est ultricies integer quis. Quisque non -tellus orci ac auctor augue. Dictum fusce ut placerat orci nulla -pellentesque dignissim enim. Vitae congue eu consequat ac felis donec et -odio. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae -nunc sed. - -# Un second titre - -Vitae congue eu consequat ac. Nullam ac tortor vitae purus. Laoreet id -donec ultrices tincidunt arcu non sodales neque sodales. Ut faucibus -pulvinar elementum integer enim neque volutpat ac tincidunt. Proin sed -libero enim sed faucibus turpis in eu. Facilisis magna etiam tempor orci -eu lobortis elementum. Lobortis elementum nibh tellus molestie nunc. -Vitae tortor condimentum lacinia quis vel eros donec. Ut etiam sit amet -nisl purus in mollis nunc sed. Leo in vitae turpis massa. Nam at lectus -urna duis convallis convallis tellus id interdum. Morbi non arcu risus -quis varius quam. Ac turpis egestas maecenas pharetra convallis posuere -morbi leo. Magna etiam tempor orci eu. +En 2015, quatre jeunes musiciens du Conservatoire Régional de Boulogne-Billancourt - situé rue de la Bellefeuille - fondent le quatuor Bellefeuille, en hommage à leur lieu de rencontre. Ils découvrent dans cette formation l’équilibre idéal entre expression personnelle et force collective. Les ‘jeunes pousses’ entrent dans la classe d’Aline Bartissol et obtiennent en 2016 leur Diplôme d’Études Musicales avec les félicitations du jury. + +Leur personnalité se forme au grès de rencontres déterminantes comme celle de Luc-Marie Aguera, membre du quatuor Ysaye qui partage avec eux son expérience, son goût, son enthousiasme. Il les encourage à exprimer leurs émotions et à explorer en profondeur l’essence des œuvres qu’ils interprètent. Le quatuor se perfectionne par ailleurs auprès de Yovan Markovitch, de Jean Sulem et de Xavier Gagnepain. + +L'ensemble partage le répertoire du quatuor à cordes avec les publics accueillants des festivals de France. Il se produit dans les conservatoires d’Ile de France et a le plaisir de jouer dans la grande salle de la Philharmonie de Paris. Lors d’une série de concerts en partenariat avec le festival Virtuoso & Belcanto et le Dimore del Quartetto, les Bellefeuille savourent la beauté de la Toscane et l’engouement des italiens pour le quatuor à cordes. Ils s’appliquent également à aller à la rencontre de nouveaux publics comme lors de leur concert-médiation au centre de détention de Mauzac. + +Le quatuor se plaît à aborder tous les styles et caractères, de l'espièglerie de Haydn à l’intensité de Chostakovitch en passant par la passion Beethovenienne, la fougue de Mendelssohn et l'impressionnisme cher à Ravel. Le groupe enrichit et diversifie son répertoire en interprétant Dutilleux, Bartok et Brahms. + +Le quatuor remercie chaleureusement Musique à Flaine et Le Dimore del Quartetto pour leur soutien indéfectible. + +## Instruments + +Sophie Guille des Buttes joue un violon de Jean-Baptiste Vuillaume (Paris, 1845) et un archet de Pierre Grunberger (2018) + +David Forest joue un violon de Charles Enel (Paris, 1928) gracieusement prêté par l’association “Talents et Violoncelles” et un archet de Louis Bazin + +Hervé Blandinières joue un alto de Stefan Von Baehr (Paris, 2002) et un archet de Louis Joseph Morisot (début XXe) + +Enguerrand Bontoux joue un violoncelle de Jacquet-Gand (Paris, 1898) et un archet de Schmidt -- cgit v1.2.3 From dd55a274c3c960f62d6186920bde7c4bb380874f Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 9 Feb 2021 00:07:32 +0100 Subject: Add Sophie's bio & photos --- images/sophie/full.png | Bin 0 -> 263826 bytes images/sophie/portrait.png | Bin 0 -> 283386 bytes quatuor.html | 4 +--- sophie.html | 20 ++++++++++++++++++++ sophie.sh | 4 ++++ template.html | 2 +- vlad.html | 18 ------------------ vlad.sh | 4 ---- 8 files changed, 26 insertions(+), 26 deletions(-) create mode 100644 images/sophie/full.png create mode 100644 images/sophie/portrait.png create mode 100644 sophie.html create mode 100644 sophie.sh delete mode 100644 vlad.html delete mode 100644 vlad.sh diff --git a/images/sophie/full.png b/images/sophie/full.png new file mode 100644 index 0000000..889895d Binary files /dev/null and b/images/sophie/full.png differ diff --git a/images/sophie/portrait.png b/images/sophie/portrait.png new file mode 100644 index 0000000..8c3a743 Binary files /dev/null and b/images/sophie/portrait.png differ diff --git a/quatuor.html b/quatuor.html index ed4f23d..83a12dc 100644 --- a/quatuor.html +++ b/quatuor.html @@ -1,13 +1,11 @@
- +
-
{BIO}
-
diff --git a/sophie.html b/sophie.html new file mode 100644 index 0000000..5eedc4f --- /dev/null +++ b/sophie.html @@ -0,0 +1,20 @@ +
+
+

Sophie

+
Ta feuille préférée :
Celle du Ginkgo Biloba.
+
Ta maison à Poudlard :
Poufsouffle ! “Si à Poufsouffle vous allez / Comme eux vous s'rez juste et loyal / Ceux de Poufsouffle aiment travailler / Et leur patience est proverbiale.”
+
Un compositeur de prédilection :
Deux ! Beethoven et Ravel.
+
Une œuvre qui te bouleverse :
Le 14e quatuor de Beethoven.
+
Tes loisirs :
La lecture, le cinéma, la cuisine et les discussions au coin du feu… avec ou sans feu.
+
Un souvenir marquant :
Un concert du quatuor Tetzlaff à la Philharmonie de Paris qui interprétait le 11eme quatuor de Chostakovitch. Hypnotisant !
+
Une ville :
Barcelone pour l'univers fantastique de Gaudí.
+
Des livres préférés :
La saga Ellana de Pierre Bottero, les aventures d’une jeune femme éprise de liberté. Les Frères Karamazov de Dostoïevski et la série Malaussène de Daniel Pennac, la vie d’une famille peu conventionnelle.
+
Des films qui te parlent :
Le goût des merveilles d'Éric Besnard pour la douceur, Le brio de Ivan Attal pour la beauté de l'enseignement.
+
Ce qui vous rassemble :
Un bon repas et une partie de tarot !
+
Un rêve :
Partir avec le quatuor en tournée dans les petites villes de France pour rencontrer les gens, partager notre musique… et à 2 tandems !!
+
Quel est ton parcours :
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 :
Christophe Poiget, Roland Daugareil et Luc-Marie Aguera.
+
+
+ +
+
diff --git a/sophie.sh b/sophie.sh new file mode 100644 index 0000000..e50edb7 --- /dev/null +++ b/sophie.sh @@ -0,0 +1,4 @@ +title=Sophie +stylesheets=membre +transforms=("$(transform-li-dropdown-current-a quatuor)" + "$(transform-li-current-a sophie)") diff --git a/template.html b/template.html index 2fa0231..50cfe78 100644 --- a/template.html +++ b/template.html @@ -31,7 +31,7 @@
  1. le quatuor
      -
    • Vlad
      • +
    • Sophie
    • Garet
    • Ivan
    • Sofia
      • diff --git a/vlad.html b/vlad.html deleted file mode 100644 index 0626153..0000000 --- a/vlad.html +++ /dev/null @@ -1,18 +0,0 @@ -
      -
      -

      Vlad

      -
      -
      Lieu de naissance
      -
      Val
      -
      Élément
      -
      Terre
      -
      Classe
      -
      Écuyer
      -
      Armes de prédilection
      -
      Sabres, épées, haches, masses
      -
      -
      -
      - -
      -
      diff --git a/vlad.sh b/vlad.sh deleted file mode 100644 index 8eed7fd..0000000 --- a/vlad.sh +++ /dev/null @@ -1,4 +0,0 @@ -title=Vlad -stylesheets=membre -transforms=("$(transform-li-dropdown-current-a quatuor)" - "$(transform-li-current-a vlad)") -- cgit v1.2.3 From 6fcefba2f45ac9bd61709ae50a51046dd354d95d Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 9 Feb 2021 00:10:23 +0100 Subject: Add David's bio & photos --- david.html | 56 ++++++++++++++++++++++++++++++++++++++++++++++ david.sh | 4 ++++ garet.html | 18 --------------- garet.sh | 4 ---- images/david/full.png | Bin 0 -> 243957 bytes images/david/portrait.png | Bin 0 -> 178644 bytes quatuor.html | 2 +- template.html | 2 +- 8 files changed, 62 insertions(+), 24 deletions(-) create mode 100644 david.html create mode 100644 david.sh delete mode 100644 garet.html delete mode 100644 garet.sh create mode 100644 images/david/full.png create mode 100644 images/david/portrait.png diff --git a/david.html b/david.html new file mode 100644 index 0000000..acc013a --- /dev/null +++ b/david.html @@ -0,0 +1,56 @@ +
      +
      +

      David

      +
      +
      Ta maison Poudlard :
      +
      Poufsouffle, c'est le résultat du test officiel !
      +
      +
      +
      Une feuille préférée :
      +
      L'érable, de préférence avec des pancakes !
      +
      +
      +
      Une période de l'histoire à revivre :
      +
      Les années 60, pour pouvoir assister aux concerts des Beatles ou de Jimi Hendrix.
      +
      +
      +
      Mon choix d’instrument :
      +
      J'ai vu à 6 ans le documentaire "l'art du violon" qui m'a fait découvrir les grands violonistes du 20e s, c'est là que je me suis mis à adorer cet instrument.
      +
      +
      +
      Un artiste qui me touche :
      +
      Le violoniste Christian Ferras pour la générosité du son et l'intensité du vibrato.
      +
      +
      +
      Une œuvre qui te bouleverse :
      +
      Même après l'avoir écouté des dizaines de fois je suis toujours aussi bouleversé par le 15e quatuor de Beethoven.
      +
      +
      +
      Un film marquant :
      +
      M le maudit de Fritz Lang.
      +
      +
      +
      Un souvenir marquant :
      +
      Mon premier voyage aux États Unis quand j'ai découvert les cinémas en drive, je n'aurais jamais cru que ça puisse exister !
      +
      +
      +
      Ta blague préférée :
      +
      C'est l'histoire d'une courgette, elle court elle se jette.
      +
      +
      +
      Si je n'étais pas musicien :
      +
      J'aurais probablement étudié l'astrophysique, j'ai toujours été fasciné par ce domaine.
      +
      +
      +
      Un livre que j'ai aimé :
      +
      La série des rois maudits de Maurice Druon, l'histoire de France est plus incroyable qu'un roman d'aventure !
      +
      +
      +
      Mon parcours :
      +
      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.
      +
      +
      +
      + +
      +
      diff --git a/david.sh b/david.sh new file mode 100644 index 0000000..e7141f0 --- /dev/null +++ b/david.sh @@ -0,0 +1,4 @@ +title=David +stylesheets=membre +transforms=("$(transform-li-dropdown-current-a quatuor)" + "$(transform-li-current-a david)") diff --git a/garet.html b/garet.html deleted file mode 100644 index e182bf3..0000000 --- a/garet.html +++ /dev/null @@ -1,18 +0,0 @@ -
      -
      -

      Garet

      -
      -
      Lieu de naissance
      -
      Val
      -
      Élément
      -
      Feu
      -
      Classe
      -
      Garde
      -
      Armes de prédilection
      -
      Sabres, épées, haches, masses
      -
      -
      -
      - -
      -
      diff --git a/garet.sh b/garet.sh deleted file mode 100644 index b56e770..0000000 --- a/garet.sh +++ /dev/null @@ -1,4 +0,0 @@ -title=Garet -stylesheets=membre -transforms=("$(transform-li-dropdown-current-a quatuor)" - "$(transform-li-current-a garet)") diff --git a/images/david/full.png b/images/david/full.png new file mode 100644 index 0000000..926a8a0 Binary files /dev/null and b/images/david/full.png differ diff --git a/images/david/portrait.png b/images/david/portrait.png new file mode 100644 index 0000000..b69d273 Binary files /dev/null and b/images/david/portrait.png differ diff --git a/quatuor.html b/quatuor.html index 83a12dc..5f815df 100644 --- a/quatuor.html +++ b/quatuor.html @@ -1,7 +1,7 @@
      - +
      diff --git a/template.html b/template.html index 50cfe78..89ae102 100644 --- a/template.html +++ b/template.html @@ -32,7 +32,7 @@
    • le quatuor -- cgit v1.2.3 From 65d1d8405eac9368be3621325220058de45247ec Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 9 Feb 2021 00:14:09 +0100 Subject: Add Hervé's bio & photos MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "herv\303\251.html" | 60 +++++++++++++++++++++++++++++++++++++ "herv\303\251.sh" | 4 +++ "images/herv\303\251/full.png" | Bin 0 -> 252840 bytes "images/herv\303\251/portrait.png" | Bin 0 -> 209532 bytes ivan.html | 18 ----------- ivan.sh | 4 --- quatuor.html | 2 +- template.html | 2 +- 8 files changed, 66 insertions(+), 24 deletions(-) create mode 100644 "herv\303\251.html" create mode 100644 "herv\303\251.sh" create mode 100644 "images/herv\303\251/full.png" create mode 100644 "images/herv\303\251/portrait.png" delete mode 100644 ivan.html delete mode 100644 ivan.sh diff --git "a/herv\303\251.html" "b/herv\303\251.html" new file mode 100644 index 0000000..4632b74 --- /dev/null +++ "b/herv\303\251.html" @@ -0,0 +1,60 @@ +
      +
      +

      Hervé

      +
      +
      Ta feuille préférée ?
      +
      Celle du figuier.
      +
      +
      +
      Une période de l'histoire à vivre ?
      +
      Le néolithique (vaste sujet...).
      +
      +
      +
      Ta maison à Poudlard ?
      +
      Serdaigle, la raison l’emporte.
      +
      +
      +
      Un jeu vidéo favori ?
      +
      Mario Kart.
      +
      +
      +
      Un compositeur de prédilection ?
      +
      Brahms, depuis toujours et sans hésitation !
      +
      +
      +
      Une œuvre qui te bouleverse ?
      +
      La nuit transfigurée d’Arnold Schoenberg.
      +
      +
      +
      Un souvenir marquant ?
      +
      Un lac de montagne au bout d’une randonnée en Ariège.
      +
      +
      +
      Un monument favori ?
      +
      La cathédrale d’Amiens, son immense volume et sa façade foisonnante de détails.
      +
      +
      +
      Qu’est-ce que tu apportes au quatuor ?
      +
      Ma mauvaise humeur et un peu de miel entre le grave et les aigus.
      +
      +
      +
      Tes loisirs ?
      +
      La cuisine ! Ainsi que le sport (avec modération).
      +
      +
      +
      Un rêve ?
      +
      Je tombe à vélo et tout à coup je me réveille... Mais je n’ai peut-être pas bien compris la question.
      +
      +
      +
      Ton plat préféré ?
      +
      La blanquette est bonne.
      +
      +
      +
      Ton parcours ?
      +
      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.
      +
      +
      +
      + +
      +
      diff --git "a/herv\303\251.sh" "b/herv\303\251.sh" new file mode 100644 index 0000000..c80010f --- /dev/null +++ "b/herv\303\251.sh" @@ -0,0 +1,4 @@ +title=Hervé +stylesheets=membre +transforms=("$(transform-li-dropdown-current-a quatuor)" + "$(transform-li-current-a hervé)") diff --git "a/images/herv\303\251/full.png" "b/images/herv\303\251/full.png" new file mode 100644 index 0000000..8797a2e Binary files /dev/null and "b/images/herv\303\251/full.png" differ diff --git "a/images/herv\303\251/portrait.png" "b/images/herv\303\251/portrait.png" new file mode 100644 index 0000000..4ea1c59 Binary files /dev/null and "b/images/herv\303\251/portrait.png" differ diff --git a/ivan.html b/ivan.html deleted file mode 100644 index 21f3a57..0000000 --- a/ivan.html +++ /dev/null @@ -1,18 +0,0 @@ -
      -
      -

      Ivan

      -
      -
      Lieu de naissance
      -
      Contigo
      -
      Élément
      -
      Air
      -
      Classe
      -
      Éo-sage
      -
      Armes de prédilection
      -
      Rapières, bâtons
      -
      -
      -
      - -
      -
      diff --git a/ivan.sh b/ivan.sh deleted file mode 100644 index 47d60f8..0000000 --- a/ivan.sh +++ /dev/null @@ -1,4 +0,0 @@ -title=Ivan -stylesheets=membre -transforms=("$(transform-li-dropdown-current-a quatuor)" - "$(transform-li-current-a ivan)") diff --git a/quatuor.html b/quatuor.html index 5f815df..7857497 100644 --- a/quatuor.html +++ b/quatuor.html @@ -2,7 +2,7 @@
      - +
      diff --git a/template.html b/template.html index 89ae102..9cca47a 100644 --- a/template.html +++ b/template.html @@ -33,7 +33,7 @@
      • -- cgit v1.2.3 From 8ef2a6dd22b3c694f1a96778ec72c0962e83b967 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 9 Feb 2021 00:16:40 +0100 Subject: Add Enguerrand's bio & photos --- enguerrand.html | 56 +++++++++++++++++++++++++++++++++++++++++ enguerrand.sh | 4 +++ images/enguerrand/full.png | Bin 0 -> 284287 bytes images/enguerrand/portrait.png | Bin 0 -> 180347 bytes quatuor.html | 2 +- sofia.html | 18 ------------- sofia.sh | 4 --- template.html | 2 +- 8 files changed, 62 insertions(+), 24 deletions(-) create mode 100644 enguerrand.html create mode 100644 enguerrand.sh create mode 100644 images/enguerrand/full.png create mode 100644 images/enguerrand/portrait.png delete mode 100644 sofia.html delete mode 100644 sofia.sh diff --git a/enguerrand.html b/enguerrand.html new file mode 100644 index 0000000..3d8717b --- /dev/null +++ b/enguerrand.html @@ -0,0 +1,56 @@ +
      +
      +

      Enguerrand

      +
      +
      Ton arbre préféré :
      +
      l'Epicéa.
      +
      +
      +
      Ta maison Poudlard :
      +
      Serdaigle (seule maison vraiment respectable).
      +
      +
      +
      Une œuvre bouleversante :
      +
      la 2e de Mahler, Résurrection, et son choeur final.
      +
      +
      +
      Un livre :
      +
      Le Chat de Geluck, pour son humour en acier trempé.
      +
      +
      +
      Une ville :
      +
      Vienne, pour sa beauté incomparable et sa vie trépidante.
      +
      +
      +
      Ton film favori :
      +
      Sacré Graal, Monty Python (We-are-the-knights-who-say-NI).
      +
      +
      +
      Ce qui nous rassemble :
      +
      La contradiction surtout, et l'amour de la nourriture. Et le quatuor aussi.
      +
      +
      +
      Tes loisirs :
      +
      Les jeux vidéo, les séries, le vélo et les mikados géants.
      +
      +
      +
      Un rêve :
      +
      Gagner mon poids en Schoko-Bons.
      +
      +
      +
      Des artistes inspirants :
      +
      Banksy, Ivry Gitlis, Joao Gilberto, Paul Klee.
      +
      +
      +
      Ton plat préféré :
      +
      Les lasagnes sous toutes leurs formes.
      +
      +
      +
      Ton parcours :
      +
      Pêle-mêle du violoncelle, du chant, de l'informatique, des lettres ... Entre Paris et Lyon.
      +
      +
      +
      + +
      +
      diff --git a/enguerrand.sh b/enguerrand.sh new file mode 100644 index 0000000..b57ff40 --- /dev/null +++ b/enguerrand.sh @@ -0,0 +1,4 @@ +title=Enguerrand +stylesheets=membre +transforms=("$(transform-li-dropdown-current-a quatuor)" + "$(transform-li-current-a enguerrand)") diff --git a/images/enguerrand/full.png b/images/enguerrand/full.png new file mode 100644 index 0000000..79debc5 Binary files /dev/null and b/images/enguerrand/full.png differ diff --git a/images/enguerrand/portrait.png b/images/enguerrand/portrait.png new file mode 100644 index 0000000..db61c60 Binary files /dev/null and b/images/enguerrand/portrait.png differ diff --git a/quatuor.html b/quatuor.html index 7857497..3ec5095 100644 --- a/quatuor.html +++ b/quatuor.html @@ -3,7 +3,7 @@ - +
      {BIO} diff --git a/sofia.html b/sofia.html deleted file mode 100644 index af29583..0000000 --- a/sofia.html +++ /dev/null @@ -1,18 +0,0 @@ -
      -
      -

      Sofia

      -
      -
      Lieu de naissance
      -
      Imil
      -
      Élément
      -
      Eau
      -
      Classe
      -
      Aqua-sage
      -
      Armes de prédilection
      -
      Masses, bâtons
      -
      -
      -
      - -
      -
      diff --git a/sofia.sh b/sofia.sh deleted file mode 100644 index 2cc53b3..0000000 --- a/sofia.sh +++ /dev/null @@ -1,4 +0,0 @@ -title=Sofia -stylesheets=membre -transforms=("$(transform-li-dropdown-current-a quatuor)" - "$(transform-li-current-a sofia)") diff --git a/template.html b/template.html index 9cca47a..6065aff 100644 --- a/template.html +++ b/template.html @@ -34,7 +34,7 @@
    • Sophie
    • David
    • Hervé
      • -
    • Sofia
      • +
    • Enguerrand
  2. actualités
    3. -- cgit v1.2.3 From 95248ae627453483f183762ccbdd87724095794e Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 9 Feb 2021 00:38:50 +0100 Subject: Try new layout for quatuor bio --- stylesheets/commun.css | 2 +- stylesheets/quatuor.css | 54 +++++++------------------------------------------ 2 files changed, 8 insertions(+), 48 deletions(-) diff --git a/stylesheets/commun.css b/stylesheets/commun.css index 09f51e2..5f001b8 100644 --- a/stylesheets/commun.css +++ b/stylesheets/commun.css @@ -2,7 +2,7 @@ body { --gold: #E4B63A; margin: 0; - background-color: #deffe3; + background-color: white; font-family: 'Open Sans', sans-serif; } diff --git a/stylesheets/quatuor.css b/stylesheets/quatuor.css index f72c9af..05fbf4c 100644 --- a/stylesheets/quatuor.css +++ b/stylesheets/quatuor.css @@ -1,41 +1,23 @@ @media (min-width: 40em) { main { - display: flex; - } - - main div { - padding: 2%; + width: 80%; + justify-self: center; } main #photos { display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - - position: sticky; - top: 0; - max-height: 80vh; + grid-template-columns: repeat(4, auto); + justify-content: space-around; + width: 100%; } #photos > * { - position: relative; - width: 6em; height: 100%; - background-color: #ddd; /* Workaround for chromium bug#377847. */ - border-color: #ddd; - border-width: 0.3em; - border-style: solid; - border-radius: 0.3em; - overflow: hidden; } #photos img.portrait { - position: absolute; - width: 100%; - height: 100%; - object-fit: cover; - object-position: center; - filter: grayscale(1); + height: 60vh; + filter: grayscale(0.5); transition: filter 1s, transform 1s; } @@ -43,28 +25,6 @@ filter: none; transform: scale(1.05); } - - #photos > *:nth-of-type(1) { - top: -0.4em; - } - - #photos > *:nth-of-type(2) { - left: -1.6em; - top: 1.2em; - } - - #photos > *:nth-of-type(3) { - left: 1.6em; - top: -1.2em; - } - - #photos > *:nth-of-type(4) { - top: 0.4em; - } - - #bio > *:first-child { - margin-top: 0; - } } @media (max-width: 40em) { -- cgit v1.2.3 From 3cce24e09ecd52a87b34a230380d18bca6b6510d Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 9 Feb 2021 00:51:22 +0100 Subject: Tweak layout a little for individual bios Probably not what we'll settle for; just to make it less ugly. --- stylesheets/membre.css | 30 +++++++++++++++++++----------- 1 file changed, 19 insertions(+), 11 deletions(-) diff --git a/stylesheets/membre.css b/stylesheets/membre.css index 86d370b..adf11f4 100644 --- a/stylesheets/membre.css +++ b/stylesheets/membre.css @@ -1,26 +1,34 @@ main { display: grid; grid-template-columns: 60% 40%; - padding-right: 4%; + align-items: center; + justify-self: center; + width: 80%; } -main > div { - padding: 2%; +#bio { + justify-self: center; } -#bio dl { - display: grid; - grid-template-columns: 1fr 2fr; - align-items: center; +#bio dt, #bio dd { + display: inline; } -#photo { - height: 90%; - align-self: center; +#bio dt { + font-weight: bold; +} + +#bio dd { + margin-left: 0; +} + +#bio dl { + margin-top: 0.2em; + margin-bottom: 0.2em; } #photo img { width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; } -- cgit v1.2.3