css

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

@@ -1,7 +1,13 @@
 <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/rapport_dactivitees.html.twig

@@ -1,27 +1,26 @@
-<div class="modular-row {{ page.header.class}}">
+<div class="ressources {{ page.header.class}}">
     {{ content|raw }}
 
-    <div class="">
+
     {% for rapport in page.header.rapports %}
 
-        <div class="">
-            <div class="">
+        <div class="ressource">
+
+            {% if rapport.couverture and rapport.pdf %}
+            <a href="{{page.media[rapport.pdf].url|e }}" download >
+              <img src="{{page.media[rapport.couverture].url|e }}" alt="couverture du {{rapport.titre_du_rapport}}" />
+            </a>
+            {% endif %}
             {% if rapport.titre_du_rapport %}
             <h4>{{ rapport.titre_du_rapport }}</h4>
             {% endif %}
             {% if rapport.texte_de_presentation %}
             <p>{{ rapport.texte_de_presentation|markdown }}</p>
             {% endif %}
-            {% if rapport.couverture and rapport.pdf %}
-            <a href="{{page.media[rapport.pdf].url|e }}" download >
-              <img src="{{page.media[rapport.couverture].url|e }}" alt="couverture du {{rapport.titre_du_rapport}}" />
-            </a>
-            {% endif %}
 
-            </div>
+
         </div>
     {% endfor %}
-    </div>
 </div>
 
 

user/themes/epau-antimatter/templates/partials/base.html.twig

@@ -33,6 +33,7 @@
         {% do assets.addJs('theme://js/modernizr.custom.71422.js', 100) %}
         {% do assets.addJs('theme://js/antimatter.js') %}
         {% do assets.addJs('theme://js/slidebars.min.js') %}
+        {% do assets.addJs('theme://js/parallax.min.js') %}
     {% endblock %}
 
     {% block assets deferred %}
@@ -49,11 +50,11 @@
         <header id="header">
 
             <div id="logo">
+
               {% for logo in page.header.content %}
               <img src='{{ page.media[logo.media_order].url|e }}' alt="{{ config.site.title }}" />
-              {{ dump(page.media) }}
-              {% endfor %}
 
+              {% endfor %}
 
               {# marche pas
               {% for image in page.header.media_order %}
@@ -64,6 +65,18 @@
                 <img src="{{ image.url}}" alt="{{ config.site.title }}"/>
                 {% endif %}
               {% endfor %}
+
+
+              {% if header_image %}
+            {% if header_image_file %}
+                {% set header_image_media = page.media.images[header_image_file] %}
+            {% else %}
+                {% set header_image_media = page.media.images|first %}
+            {% endif %}
+            {{ header_image_media.cropZoom(header_image_width, header_image_height).html }}
+        {% endif %}
+
+
               #}
 
                 {# {% if page.header.media_order %}