mozaique personnes

2021-04-01 01:01:55 +02:00
parent c82e8fa645
commit 615303285a
15 changed files with 159 additions and 68 deletions
@@ -6,26 +6,26 @@ personnes:
    -
        nom: 'Jean-Baptiste Butlen'
        fonction: 'Sous-directeur Aménagement durable, Direction Générale de l’Aménagement, du Logement et de la Nature, Ministère de la Transition écologique, Ministère de la Cohésion des territoires et des Relations avec les Collectivités territoriales'
-        biographie: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec sagittis massa. Nulla facilisi. Cras id arcu lorem, et semper purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel enim mi, in lobortis sem. Vestibulum luctus elit eu libero ultrices id fermentum sem sagittis. Nulla imperdiet mauris sed sapien dignissim id aliquam est aliquam. Maecenas non odio ipsum, a elementum nisi. Mauris non erat eu erat placerat convallis. Mauris in pretium urna. Cras laoreet molestie odio, consequat consequat velit commodo eu. Integer vitae lectus ac nunc posuere pellentesque non at eros. Suspendisse non lectus lorem.'
+        biographie: 'Jean-Baptiste Butlen, ingénieur en chef des Ponts, des Eaux et des Forêts, diplômé de l’Ecole Nationale du Génie Rural des Eaux et des Forêts au sein d’AgroParisTech et de l’Ecole Nationale Supérieure Agronomique de Rennes. Il est également diplômé de l’Institut National Agronomique de Paris Grignon. Il est aujourd’hui Sous-directeur de l’aménagement durable au sein de la Direction de l’Habitat, de l’Urbanisme, et des Paysages. Les équipes de cette sous-direction traitent des stratégies territoriales, des grandes opérations d’urbanisme, des politiques foncières, de l’aménagement opérationnel durable et de la fiscalité de l’aménagement durable. Il a occupé précédemment différentes fonctions au sein du Ministère du Développement durable notamment celle d’Adjoint au Sous-directeur de l’action territoriale à la Direction de l’Eau et de la Biodiversité. Il a par ailleurs été Directeur Général Adjoint en charge des Finances, des Territoires, du Développement Durable, de l’Innovation et de la Communication à l’entreprise publique de la Ville de Paris, Eau de Paris.'
        portrait: photo_butlen.jpeg
+    -
+        nom: 'Catherine Chevillot'
+        fonction: 'Présidente de la Cité de l’Architecture et du Patrimoine'
+        biographie: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec sagittis massa. Nulla facilisi. Cras id arcu lorem, et semper purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel enim mi, in lobortis sem. Vestibulum luctus elit eu libero ultrices id fermentum sem sagittis. Nulla imperdiet mauris sed sapien dignissim id aliquam est aliquam. Maecenas non odio ipsum, a elementum nisi. Mauris non erat eu erat placerat convallis. Mauris in pretium urna. Cras laoreet molestie odio, consequat consequat velit commodo eu. Integer vitae lectus ac nunc posuere pellentesque non at eros. Suspendisse non lectus lorem.'
+        portrait: catherine-chevillot-nouvelle-presidente-de-cite.JPG
    -
        nom: 'Aurélie Cousi'
        fonction: 'Directrice, adjointe au directeur général des patrimoines, chargée de l’architecture, Ministère de la Culture'
-        biographie: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec sagittis massa. Nulla facilisi. Cras id arcu lorem, et semper purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel enim mi, in lobortis sem. Vestibulum luctus elit eu libero ultrices id fermentum sem sagittis. Nulla imperdiet mauris sed sapien dignissim id aliquam est aliquam. Maecenas non odio ipsum, a elementum nisi. Mauris non erat eu erat placerat convallis. Mauris in pretium urna. Cras laoreet molestie odio, consequat consequat velit commodo eu. Integer vitae lectus ac nunc posuere pellentesque non at eros. Suspendisse non lectus lorem.'
-        portrait: photo_butlen.jpeg
+        biographie: "Aurélie Cousi a rejoint le ministère de la Culture le 1 er février 2020 dans les fonctions de directrice, adjointe au directeur général des patrimoines, chargée de l’architecture. Diplômée de l’École polytehnique et ingénieure en chef des ponts, des eaux et des forêts, elle exerce depuis 15 ans au sein de l’État, de ses établissements publics et des collectivités dans les domaines de l’aménagement, l’urbanisme et la construction publique. \r\nCheffe de la mission immobilière auprès du directeur régional et interdépartementale de l’écologie et de l’aménagement d’Île-de-France de 2007 à 2009, puis directrice adjointe en charge de la stratégie opérationnelle à la direction de l’immobilier de l’établissement public Paris-Saclay, en charge du pilotage des projets de construction des grandes écoles et universités, Aurélie Cousi est nommée conseillère en charge de l’urbanisme au cabinet du maire de Paris en 2013, avant de prendre la direction du service de l’aménagement à la direction de l’urbanisme de 2015 à 2017. Depuis juillet 2017, elle était directrice générale adjointe en charge de l’aménagement au sein de Grand Paris Aménagement."
+        portrait: aurelie-cousi-nommee-aux-fonctions-de-directrice.jpg
    -
-        nom: 'Corinne Langlois'
-        fonction: 'Sous-directrice à l''architecture, à la qualité de la construction et du cadre de vie, représentante du Ministre en charge de la Culture'
-        biographie: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec sagittis massa. Nulla facilisi. Cras id arcu lorem, et semper purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel enim mi, in lobortis sem. Vestibulum luctus elit eu libero ultrices id fermentum sem sagittis. Nulla imperdiet mauris sed sapien dignissim id aliquam est aliquam. Maecenas non odio ipsum, a elementum nisi. Mauris non erat eu erat placerat convallis. Mauris in pretium urna. Cras laoreet molestie odio, consequat consequat velit commodo eu. Integer vitae lectus ac nunc posuere pellentesque non at eros. Suspendisse non lectus lorem.'
-        portrait: null
-    -
-        nom: 'Vincent Lacaille'
-        fonction: 'Chef du bureau de la qualité de l’architecture et du paysage, Service de l’architecture, représentant du Ministre en charge de la Culture'
-        biographie: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec sagittis massa. Nulla facilisi. Cras id arcu lorem, et semper purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel enim mi, in lobortis sem. Vestibulum luctus elit eu libero ultrices id fermentum sem sagittis. Nulla imperdiet mauris sed sapien dignissim id aliquam est aliquam. Maecenas non odio ipsum, a elementum nisi. Mauris non erat eu erat placerat convallis. Mauris in pretium urna. Cras laoreet molestie odio, consequat consequat velit commodo eu. Integer vitae lectus ac nunc posuere pellentesque non at eros. Suspendisse non lectus lorem.'
-        portrait: null
+        nom: 'Alain Maugard'
+        fonction: 'Président de l’Association Europan France'
+        biographie: "Né le 23 avril 1943 à Nérac (Lot-et-Garonne), Alain Maugard est un ancien élève de l’École polytechnique et Ingénieur général des Ponts et Chaussées. Il débute sa carrière au ministère de l’Équipement au service des Affaires économiques et internationales et dans les services urbanisme construction des Directions Départementales. Chef du service de la politique technique à la direction de la Construction et secrétaire permanent du Plan Construction, de 1978 à 1981, il devient successivement directeur adjoint de cabinet des ministres de l’Urbanisme et du Logement Roger Quilliot et Paul Quilès puis directeur de la Construction au ministère de l’Équipement, du Logement, des Transports et de la Mer. En 1990, il est nommé directeur général de l’Établissement public d’aménagement de la Défense (epad), jusqu’en 1993 où il prend la présidence du cstb. Il quitte ces fonctions en 2008 pour rejoindre le Conseil général de l’environnement et du développement durable où il assure la présidence de la section « risques, sécurité, sûreté ». En septembre 2009, il accède à la présidence de Qualibat. \r\nEn outre, Alain Maugard est membre du conseil d’administration de l’Ademe. Il a également piloté le Comité opérationnel (comop) du chantier n°1 « Bâtiments neufs publics et privés » du Grenelle de l’Environnement. \r\n\r\nBibliographie\_:\r\n- Regards sur le bâtiment — Le futur en construction, éditions Le Moniteur, 2006\r\n - Regard sur la ville durable, Alain Maugard et Jean-Pierre Cuisinier, CSTB, mars 2010\r\n - Le BEPOS pour tous (livre électronique), http://outils.xpair.com/livre/bepos-pourtous/7.htm (25 juin 2015)"
+        portrait: 'Alain Maugard_TROUVE.jpg'
 debugger: true
 template: modular/personnes
-media_order: 'photo_butlen.jpeg,aurelie-cousi-nommee-aux-fonctions-de-directrice.jpg'
+media_order: 'photo_butlen.jpeg,aurelie-cousi-nommee-aux-fonctions-de-directrice.jpg,catherine-chevillot-nouvelle-presidente-de-cite.JPG,Alain Maugard_TROUVE.jpg'
 ---

 ### Membres de l'assemblée générale du Groupement d’intérêt public Europe des projets architecturaux et urbains
@@ -5,18 +5,19 @@ personnes:
    -
        nom: 'Jean-Baptiste Marie'
        fonction: 'Directeur général Intégrer la bio du conseil stratégique POPSU'
-        biographie: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec sagittis massa. Nulla facilisi. Cras id arcu lorem, et semper purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel enim mi, in lobortis sem. Vestibulum luctus elit eu libero ultrices id fermentum sem sagittis. Nulla imperdiet mauris sed sapien dignissim id aliquam est aliquam. Maecenas non odio ipsum, a elementum nisi. Mauris non erat eu erat placerat convallis. Mauris in pretium urna. Cras laoreet molestie odio, consequat consequat velit commodo eu. Integer vitae lectus ac nunc posuere pellentesque non at eros. Suspendisse non lectus lorem.'
+        biographie: "Jean-Baptiste MARIE, architecte, docteur en architecture, diplômé de l’Ecole nationale supérieure d’architecture de Versailles et de l’Ecole Boulle. Il est directeur de la Plateforme d'observation des projets et stratégies urbaines pilotée par le Puca (Plan Urbanisme Construction Architecture) au Ministère de la Transition écologique et au Ministère \Lde la Cohésion des territoires et des Relations avec les collectivités territoriales, au sein du GIP Europe des projets architecturaux et urbains (EPAU).\r\nIl assurait auparavant, depuis 2008, le secrétariat scientifique de la plateforme européenne Popsu et depuis 2011 de la plateforme française. Il est par ailleurs Professeur des Écoles nationales supérieures d'architecture (Ensa) où il enseigne dans le champ Théories et pratiques de la conception architecturale et urbaine à l'Ensa de Clermont-Ferrand et y dirige l’équipe de recherche Ressources. Il a auparavant enseigné dans les Ensa de Normandie et de Versailles.\r\njean-baptiste.marie@developpement-durable.gouv.fr\r\n+\_33\_(1)\_40\_81\_24\_68\_\r\n+\_33\_(6)\_64\_52\_75\_57"
        portrait: jb_marie_crop.jpg
    -
        nom: 'Fabienne Dran'
        fonction: 'Assistante de direction'
-        biographie: null
+        biographie: "Fabienne.Dran@developpement-durable.gouv.fr   \r\n+ 33 (0)1 40 81 93 27\r\n+33 (0)7 86 50 33 31"
        portrait: null
    -
        nom: 'Jérôme Candevan'
        fonction: 'Responsable du service financier et facturier de l’EPAU, Agent comptable ENSA'
-        biographie: null
+        biographie: "jerome.candevan@paris-lavillette.archi.fr \r\n+33 (0)6 26 04 82 09\r\n"
        portrait: null
 media_order: jb_marie_crop.jpg
 ---

+### Direction générale de l'Europe des projets architecturaux et urbains
@@ -1,5 +1,28 @@
 ---
 title: 'direction Europan France'
-body_classes: modular
+body_classes: personnes
+personnes:
+    -
+        nom: 'Isabelle Moulin'
+        fonction: 'Secrétaire générale de l’Association Europan France, Directrice du programme Europan '
+        biographie: "Isabelle Moulin a travaillé avec des agences telles que\_Guy Naizot&Ass., Atelier Ruelle, Latitude Nord, Christian Devillers&Ass., en tant que cheffe de projet conception et réalisation d'espaces publics et de paysage. Elle a exercé la profession d'architecte libérale, pour la réalisation (réhabilitation /reconstruction/ aménagement) de petits équipements publics (maison des associations, halte-garderie, atelier de mécanique, projets d'aménagements paysagers) et de réalisations architecturales privées (maisons d'habitation, réhabilitations intérieures, Bureau de Presse). L'imbrication des échelles de projets, les différents types de gouvernance rencontrés, la multiple dimension à la fois urbaine, paysagère et architecturale des projets étudiés et réalisés, des relations avec un large réseau d'acteurs urbains et architecturaux, l'ont amenée à se présenter à\_la direction du concours Europan en 2012. Elle est actuellement secrétaire générale de l'association Europan France, et mise à disposition pour la direction du programme Europan auprès du GIP EPAU, l'association étant membre fondatrice de cette structure.\r\n\r\ni.moulin@europanfrance.org\r\n+33 (0)6 42 65 75 04\r\n+33 (0)1 48 57 72 66"
+        portrait: 'Isabelle Moulin.jpg'
+    -
+        nom: 'Louis Vitalis'
+        fonction: 'Chargé de missions'
+        biographie: "    • Photo et bio demandées\r\nl.vitalis@europanfrance.org \r\n+33 (0)1 48 57 72 66"
+        portrait: null
+    -
+        nom: 'Mimrose Akbar'
+        fonction: 'Assistante de projets'
+        biographie: "    • Photo et bio demandées\r\nm.akbar@europanfrance.org  \r\n+33 (0)1 48 57 72 66"
+        portrait: null
+    -
+        nom: 'Mathilde Morize'
+        fonction: 'Chargée de projet '
+        biographie: "m.morize@europanfrance.org \r\n+33 (0)1 48 57 72 66\r\n  Photo et bio demandées"
+        portrait: null
+media_order: 'Isabelle Moulin.jpg'
 ---

+### Direction du programme Europan France
@@ -1,5 +1,22 @@
 ---
 title: 'direction POPSU'
 body_classes: modular
+personnes:
+    -
+        nom: 'Aurore Meyfroidt'
+        fonction: 'Secrétaire scientifique'
+        biographie: "  Photo et bio demandées\r\naurore.meyfroidt@popsu.archi.fr\r\n+33 (0)1 40 81 80 40\r\n+33 (0)6 09 59 02 87"
+        portrait: null
+    -
+        nom: 'Julien Moulard'
+        fonction: 'Responsable de programme '
+        biographie: "  Photo et bio demandées\r\njulien.moulard@popsu.archi.fr\r\n+ 33 (0)1 40 81 70 72\r\n+ 33 (0)7 86 50 43 17"
+        portrait: null
+    -
+        nom: 'Hélène Milet'
+        fonction: 'Responsable de programme'
+        biographie: "  Photo et bio demandées\r\nhelene.milet@popsu.archi.fr\r\n+33 (0)1 40 81 92 68\r\n+33 (0)7 86 50 42 84"
+        portrait: null
 ---

+### Direction du programme de la Plateforme d'Observation des Projets et Stratégies Urbaines
@@ -1,5 +1,12 @@
 ---
 title: 'direction Coubertin'
 body_classes: modular
+personnes:
+    -
+        nom: 'Julien Moulard'
+        fonction: 'Responsable de programme'
+        biographie: "  Photo et bio demandées\r\njulien.moulard@popsu.archi.fr\r\n+ 33 (0)1 40 81 70 72\r\n+ 33 (0)7 86 50 43 17"
+        portrait: null
 ---

+### Direction du programme Coubertin
@@ -1,5 +1,13 @@
 ---
 title: 'direction Forum des Solutions'
 body_classes: modular
+personnes:
+    -
+        nom: 'Florentin Cornée'
+        fonction: 'Chargé de mission'
+        biographie: "Architecte de formation, son parcours et ses différentes expériences l'ont sensibilisé aux enjeux liés aux mutations contemporaines du monde de l'aménagement des territoires, au premier rang desquels la nécessaire transition écologique. Après avoir obtenu le Diplôme d'État d'architecte, Florentin Cornée a effectué la formation de 3ème cycle intitulée « Architecture Post-Carbone » à l'Éav&T. Outre des expériences en agences d'architecture où il a été formé à la construction des bâtiments, il a pu compléter ces connaissances au sein du Puca en travaillant pour le programme Action Cœur de Ville. Il y a développé des compétences dans la construction des villes et des territoires ainsi qu'en politiques publiques territoriales.\r\nAujourd'hui, il pilote au sein de l’EPAU le « Forum des solutions ». Ce cycle de conférences fait partie des dispositifs d'accompagnement des 222 collectivités bénéficiaires du plan national Action Cœur de Ville. Conçus sur mesure pour les villes du programme, ces rendez-vous se sont progressivement ouverts aux communes retenues au titre de Petites Villes de Demain, ainsi qu'à toutes les collectivités qui souhaitent placer l'innovation au cœur de leur stratégie de revitalisation urbaine.\r\nflorentin.cornee@developpement-durable.gouv.fr \r\n+33(0)1 40 81 91 26 \r\n+33 (0)6 31 84 49 45"
+        portrait: 'Florentin Cornée.jpg'
+media_order: 'Florentin Cornée.jpg'
 ---

+### Direction du "Forum des Solutions"
@@ -5,7 +5,6 @@ content:
 visible: true
 debugger: true
 template: modular/equipe-epau
-body_classes: 'modular-row personnes'
+body_classes: personnes
 ---

-### Équipe EPAU
@@ -887,6 +887,13 @@ ul.pagination {
  padding-bottom: 6rem;
  padding-top: 2rem; }

+#mozaique_personnes {
+  display: flex !important;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 70%;
+  margin: auto; }
+
 .mozaique_personnes {
  background-color: #d5d2d1; }

@@ -898,23 +905,22 @@ ul.pagination {
  font-family: "Sarabun";
  font-weight: 800;
  font-size: 1rem;
-  line-height: 20px; }
+  line-height: 20px;
+  text-align: left; }

 .mozaique {
  display: flex;
  flex-direction: row;
-  max-width: 65%;
-  align-items: stretch;
-  position: relative;
-  margin-right: 10%;
-  margin-left: 15%;
-  height: auto; }
+  width: 50%;
+  padding: 0.5rem; }

 .info {
  background-color: #fff;
  display: flex;
  flex-direction: column;
-  font-family: "Sarabun", sans-serif; }
+  font-family: "Sarabun", sans-serif;
+  width: 30rem;
+  height: 30rem; }

 .info:hover {
  background-color: #000;
@@ -937,12 +943,8 @@ ul.pagination {
  padding-bottom: 1rem; }

 .portrait {
-  max-width: 15rem !important;
  background: transparent !important; }

-.2columns {
-  max-width: 25%; }
-
 .bouton {
  border: solid;
  background-color: transparent;
@@ -17,12 +17,12 @@
 // } );


-$(".bouton").click(function(){
-     $("#modal .message").html("Contenu de ma modal");
-     $("#modal").addClass("open");
-});
-
-$("#modal .mask, #modal a.close").click(function(){
-     $("#modal").removeClass("open");
-     return false;
-});
+// $(".bouton").click(function(){
+//      $("#modal .message").html();
+//      $("#modal").addClass("open");
+// });
+//
+// $("#modal .mask, #modal a.close").click(function(){
+//      $("#modal").removeClass("open");
+//      return false;
+// });
@@ -192,12 +192,25 @@

 }

+#mozaique_personnes {
+  display: flex !important;
+  flex-direction: row;
+  flex-wrap: wrap;
+  // margin-left: 15%;
+  // padding-right: 15%;
+  width: 70%;
+  margin: auto;
+
+
+}

    .mozaique_personnes {
-      background-color: #d5d2d1
-    }
+      background-color: #d5d2d1;
+      }
+

    .mozaique_personnes h3 {
+
      margin-top: 0px !important;
      padding-top: 3rem;
      padding-left: 15%;
@@ -206,9 +219,15 @@
      font-weight: 800;
      font-size: 1rem;
      line-height: 20px;
+      text-align: left;
    }

-
+// .personne {
+//   // display: flex;
+//   // flex-direction: row;
+//   width: 50%;
+//
+// }



@@ -216,17 +235,25 @@
  // background-color: #fff;
  display: flex;
  flex-direction: row;
-  max-width: 65%;
-
-  align-items: stretch;
-  position: relative;
-  margin-right: 10%;
+  width: 50%;
+  // max-width: 35%;
+  padding: 0.5rem;
+  // align-items: stretch;
+  // position: relative;
+  // margin-right: 34%;
  // margin-bottom: 6rem;
-  margin-left: 15%;
-  height: auto;
+  // margin-left: 15%;
+  // height: auto;
+

 }

+// .personne {
+//   width: 45%;
+//   display: flex;
+//   flex-direction: row;
+// }
+
 // .mozaique :hover {
 //   background-color: #000;
 //   color: #fff;
@@ -237,9 +264,14 @@
      display:flex;
      flex-direction: column;
      font-family: $font-family-default;
-
+      width: 30rem;
+      height: 30rem;

    }
+
+// comment faire pour donner une largueur à .info 2 fois plus grande que .portrait? les img de .portrait ne semblent pas vouloir bouger...
+
+
    .info:hover {
        background-color: #000;
        color: #fff;
@@ -264,13 +296,15 @@
    }

 .portrait {
-  max-width:15rem !important;
+  // max-width:50% !important;
  background: transparent !important;
 }

-.2columns {
-  max-width: 25%;
-}
+// img.portrait {
+//   width: 20%;
+// }
+
+

 .bouton {
  border: solid;
@@ -1,9 +1,10 @@
-<div class="mozaique_personnes {{ page.header.class}}">
+<div id="mozaique_personnes{{ page.header.class}}">
    {{ content|raw }}

+
    {% for personne in page.header.personnes %}

-      <div class="personne">
+      <!-- <div class="personne"> -->
        <div class="mozaique">
            <div class="portait">
              {% if personne.portrait %}
@@ -18,27 +19,26 @@
                <h6>{{ personne.fonction }}</h6>
                {% endif %}
                <button class="bouton">Voir biographie</button>
-
            </div>
                <div id="modal">
                	<div class="mask">
-                	<div class="container">
-                		<div class="message">
-                      {% if personne.biographie %}
-                      <p>{{ personne.biographie|markdown }}</p>
-                      {% endif %}
+                  	<div class="container">
+                  		<div class="message">
+                        {% if personne.biographie %}
+                        <p>{{ personne.biographie|markdown }}</p>
+                        {% endif %}
+                      </div>
+                  		<a href="#" class="close">&times;</a>
                    </div>
-                		<a href="#" class="close">&times;</a>
-
-                	</div>
                  </div>
-                </div>
+              	</div>
+


        </div>


-      </div>
+      <!-- </div> -->

    {% endfor %}