popin biographie

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

@@ -1,4 +1,9 @@
 <div class="modular-row features {{ page.header.class}}">
+  <div class="after-h1">
+    <svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
+    <!-- Simple rect element -->
+    <rect x="0" y="0" width="100" height="3" />
+  </div>
 
     {{ content|raw }}
 

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> -->

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

@@ -1,35 +1,8 @@
-<!-- <div class="background">
-  <img src="{/pages/02._programmes/10361_web_01.jpg}">
-</div>
- -->
- <div id="background">
-
-   <figure class="item-1">
-     <img src="/user/themes/epau-antimatter/images/14360_default_big.jpg" class="background__img" alt="Image 1">
-   </figure>
-   <figure class="item-2">
-     <img src="/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG" class="background__img" alt="Image 2">
-   </figure>
-   <figure class="item-3">
-     <img src="/user/themes/epau-antimatter/images/10361_web_01.jpg" class="background__img" alt="Image 3">
-   </figure>
-   <figure class="item-4">
-     <img src="/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg" class="background__img" alt="Image 4">
-   </figure>
-
- </div>
 
 <div class="programmes{{ page.header.class}}">
-  <!-- <div class="parallax-window" data-parallax="scroll" data-image-src="{/pages/02._programmes/10361_web_01.jpg}"></div> -->
+
     {{ content|raw }}
 
-
-
-{#
-<div class="paralax-bg">
-  </div>
-#}
-
     {% for programme in page.header.programmes %}
 
         <div class="programme">

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

@@ -1,6 +1,13 @@
 
 <div class="titre_nsb">
+
   {{ content|raw }}
+
+  <div class="after-h1">
+    <svg width="50%" height="0.5rem">
+     <rect width="100%" height="100%" style="fill:rgb(0,0,0);stroke-width:3;stroke:rgb(0,0,0)" />
+   </svg>
+  </div>
 </div>
 
 <div class="features {{ page.header.class}}">
@@ -25,6 +32,6 @@
 
         </div>
     {% endfor %}
-  </div>  
+  </div>
 
 </div>