css

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

@@ -5,8 +5,8 @@
           {% if page.header.subtitle %}
           <h3 >{{ page.header.subtitle }}</h3>
           {% endif %}
-          {% include 'partials/blog/date.html.twig' %}
           {% include 'partials/blog/category.html.twig' %}
+          {% include 'partials/blog/date.html.twig' %}
       </div>
       <div class="tags">
         {% include 'partials/blog/taxonomy.html.twig' %}
@@ -24,6 +24,7 @@
 
     {% if not page.isLast %}
     <a class="btn" href="{{ page.prevSibling.url }}">
+      <div class="btn-info">
 
       <span class="title">{{ page.prevSibling.title }}</span>
 
@@ -40,41 +41,38 @@
           {{ page.prevSibling.date|date("Y") }}
         </time>
       </span>
+      </div>
+      <img src="user/themes/gilles_acezat/images/arrow.svg" alt="">
+
     </a>
     {% endif %}
 
-    {% if not page.isFirst %}
-    <a class="btn" href="{{ page.nextSibling.url }}">
-      <span class="title">{{ page.nextSibling.title }}</span>
+    {% if page.isLast %}
 
-      {% if page.nextSibling.taxonomy.category %}
-      <span class="tags">
-        {% for category in page.nextSibling.taxonomy.category %}
-        {{ category }}
-        {% endfor %}
-      </span>
-      {% endif %}
+    <a class="cc" href="/">
+      <div class="btn-info">
 
-      <span class="blog-date">
-        <time class="dt-published" datetime="{{ page.date|date("c") }}">
-          {{ page.nextSibling.date|date("Y") }}
-        </time>
-      </span>
+      <span class="title">Home</span>
+
+      </div>
+      <img src="user/themes/gilles_acezat/images/arrow.svg" alt="">
     </a>
     {% endif %}
+
   </div>
 </div>
 
   <div class="img">
-  {% set image = page.media.images|first %}
-  {% if image %}
-  {{ image.cropZoom(800,400).html }}
-  {% endif %}
+  {% for image in page.media.images %}
+    <div class="img-card">
+     {{ image.html }}
+   </div>
+  {% endfor %}
 </div>
 
   <div class="top">
     <a href="#page-wrapper">
-      <img src="" alt="">
+      <img src="user/themes/gilles_acezat/images/arrow-top.svg" alt="">
       <p>top</p>
     </a>
   </div>