add design

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

@@ -1,4 +1,5 @@
 {% set image = page.media.images|first %}
+<div class="header-wrapper">
 
   {% if image %}
   <div class="bandeau">
@@ -15,7 +16,12 @@
   {% endif %}
 
   {% endif %}
+</div>
+
+<div class="body-wrapper">
+
   {% if not hero_image_name and not show_sidebar %}
+  <div class="content">
     <div class="content_s">
       {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
       {% if page.header.subtitle %}
@@ -23,13 +29,19 @@
       {% endif %}
       {{ page.content|raw }}
     </div>
+  </div>
   {% endif %}
   {% if not hero_image_name and show_sidebar %}
+
   <div class="content">
 
-    {% for images in page.media.images %}
-    {{images}}
-    {% endfor %}
+    {% if page.media.images|slice(1) %}
+      <div class="images_s">
+        {% for images in page.media.images|slice(1) %}
+          {{images}}
+        {% endfor %}
+      </div>
+    {% endif %}
 
     <div class="content_s">
       {% if header.entete.text == false %}
@@ -41,4 +53,11 @@
       {{ page.content|raw }}
     </div>
   </div>
+  {% if show_sidebar %}
+    {% block sidebar %}
+      {% include 'partials/sidebar.html.twig' %}
+    {% endblock %}
+  {% endif %}
+
+</div>
 {% endif %}