menu

user/themes/figureslibres/templates/blog.html.twig

@@ -11,11 +11,23 @@
 
 {% block body %}
     <section class="body-wrapper" id="item_list">
+      <script type="text/javascript">
+      var $card = $('.card');
+        ScrollReveal().reveal($card, {
+          delay: 1000,
+          distance: '20px',
+          interval: 100,
+        });
+      </script>
+
       {% block item %}
+      <!-- <div> -->
           {% for child in collection %}
               {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
           {% endfor %}
+        <!-- </div> -->
       {% endblock %}
+
     </section>
 
     {% block aside %}

user/themes/figureslibres/templates/partials/base.html.twig

@@ -25,6 +25,7 @@
     {% block javascripts %}
         {% do assets.addJs('theme://js/jquery-3.4.1.min.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/jquery.lazy.min.js', {group:'bottom'}) %}
+        {% do assets.addJs('theme://js/scrollreveal.min.js', {group:'bottom'}) %}
         {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
     {% endblock %}
 
@@ -38,17 +39,15 @@
 
 
     <section id="start">
+      {% block aside %}
+        {% include 'partials/sidebar.html.twig' %}
+      {% endblock %}
 
       {% block body %}
         <div class="body-center" id="text_figli">
             {% block content %}{% endblock %}
         </div>
       {% endblock %}
-
-      {% block aside %}
-        {% include 'partials/sidebar.html.twig' %}
-      {% endblock %}
-
     </section>
 
     {% block footer %}

user/themes/figureslibres/templates/partials/blog-item.html.twig

@@ -13,9 +13,9 @@
 <div class="card-image">
 
   {% for image in page.media.images %}
-  {% set services_image = image.derivatives(1920).sizes('100vw') %}
+    {% set services_image = image.derivatives(1920).sizes('100vw') %}
 
-    <img class="lazy" data-src="{{ services_image.url() }}" data-srcset="{{ services_image.srcset() }}">
+      <img class="lazy" data-src="{{ services_image.url() }}" data-srcset="{{ services_image.srcset() }}">
 
   {% endfor %}
 </div>

user/themes/figureslibres/templates/partials/blog-list-item.html.twig

@@ -3,7 +3,9 @@
 {% import _self as macro %}
 
 {% set image = page.media.images|first %}
-{% set services_image = page.media.images|first.derivatives(100, 200, 300, 400, 600).sizes('50vw, 30vw') %}
+{# {% set services_image = page.media.images|first.derivatives(320,1600,300).sizes('(max-width:26em) 100vw, 50vw') %} #}
+
+{% set services_image = page.media.images|first%}
 
 {% if image %}
 <!-- card projet -->
@@ -25,12 +27,13 @@
           {% include 'partials/blog/date.html.twig' %}
           {% endif %}
         </div>
-
-        <img class="lazy" data-src="{{ services_image.url() }}" data-srcset="{{ services_image.srcset() }}">
+        {{ services_image.derivatives(200,600,100).sizes('(max-width:26em) 100vw, 50vw').html(page.header.title, 'images projets', '')}}
 
       </a>
     </div>
+
   </div>
+
  {% else %}
 
    {% include 'partials/blog/title.html.twig' with {title_level: 'p'} %}

user/themes/figureslibres/templates/partials/sidebar.html.twig

@@ -8,8 +8,29 @@
   </div>
 
   <div class="list-projets close">
+
+    <div class="title-menu">
+      <h2>{{site.title}}</h2>
+    </div>
+
     <div class="container">
       {% include 'partials/taxonomylist.html.twig' with { 'taxonomy':'category'} %}
     </div>
+    <div class="informations">
+      <div class="equipes">
+        <h3>L'équipes : </h3>
+        <p>Bachir Soussi-Chiadmi</p>
+        <p>Maud Boyer</p>
+        <p>Sanrine Ripoll</p>
+        <p>Ouidade Soussi-Chiadmi</p>
+        <p>Kévin Tessier</p>
+      </div>
+      <div class="contact">
+        <h3>Nous contacter : </h3>
+        <a href="mailto:bonjour@figureslibres.io">bonjour@figureslibres.io</a>
+      </div>
+      <div class="follow">
+      </div>
+    </div>
   </div>
 </div>

user/themes/figureslibres/templates/partials/taxonomylist.html.twig

@@ -13,13 +13,22 @@
     {% set options = { items: {'@taxonomy': {'category': tax} } } %}
     {% set my_collection = page.collection(options) %}
 
+
     {% for i in my_collection %}
-    {% if i.media.images|first %}
-      <li class="{{i.parent.folder}}">
-        <a id="{{i.parent.folder}}" href="{{i.url}}">{{i.title}}</a>
-        {% set image = page.media.images|first %}
-      </li>
-      {% endif %}
+      {% if i.media.images|first %}
+        <li class="{{i.parent.folder}}">
+          <a id="{{i.parent.folder}}" href="{{i.url}}">{{i.title}}
+            {% set images = i.media.images|slice(0,1) %}
+
+            {% for image in images  %}
+            {% set services_image = image.derivatives(320,1600,300).sizes('(max-width:26em) 100vw, 50vw').html(i.title) %}
+              <div class="img">
+                {{services_image}}
+              </div>
+            {% endfor %}
+           </a> /
+        </li>
+        {% endif %}
     {% endfor %}
   </ul>
 {% endfor %}