popin biographie

user/themes/epau-antimatter/templates/modular/personnes.html.twig

@@ -1,28 +1,12 @@
-<script>
-
-var message = {{ page.media[personne.biographie].url|e }};
-$(".bouton").click(function(){
-
-     $("#modal .message").html('message');
-
-     $("#modal").addClass("open");
-     // $("#body").addClass("grey");
-
-});
-
-$("#modal .mask, #modal a.close").click(function(){
-     $("#modal").removeClass("open");
-     return false;
-});
-</script>
 
 
 <div id="mozaique_personnes{{ page.header.class}}">
     {{ content|raw }}
 
 
-    {% for personne in page.header.personnes %}
 
+    {% for personne in page.header.personnes %}
+      <!-- {{ dump(personne) }} -->
       <!-- <div class="personne"> -->
         <div class="mozaique">
             <div class="portait">
@@ -38,8 +22,7 @@ $("#modal .mask, #modal a.close").click(function(){
                 <h6>{{ personne.fonction }}</h6>
                 {% endif %}
                 <button class="bouton">Voir biographie</button>
-            </div>
-                <div id="modal">
+                <div class="modal">
                 	<div class="mask">
                   	<div class="container">
                   		<div class="message">
@@ -53,6 +36,8 @@ $("#modal .mask, #modal a.close").click(function(){
 
                   </div>
               	</div>
+            </div>
+
 
         </div>
 
@@ -61,4 +46,24 @@ $("#modal .mask, #modal a.close").click(function(){
 
     {% endfor %}
 
+
+
 </div>
+<!--
+<script>
+
+// var .message = {{ personne.biographie }};
+$(".bouton").click(function(event){
+
+     $("#modal .message").html();
+
+     $("#modal").addClass("open");
+     // $("#body").addClass("grey");
+
+});
+
+$("#modal .mask, #modal a.close").click(function(){
+     $("#modal").removeClass("open");
+     return false;
+});
+</script> -->