css card + header

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

@@ -37,8 +37,8 @@
             <section class="container {{ grid_size }}">
                 <nav class="navbar">
                     <section class="navbar-section logo">
-                      <a href="/"><h1>{{site.title|lower}}</h1></a>
-                      <h2>{{site.header.status|capitalize}}</h2>
+                      <a href="/"><h1>{{site.title|capitalize}}</h1></a>
+                      <h2>{{site.header.status|upper}}</h2>
                     </section>
                     <section class="navbar-section desktop-menu">
 
@@ -49,6 +49,25 @@
                     </section>
                 </nav>
                 <div class="contact">
+                  <svg>
+                    <path
+                       transform="matrix(3.2731668,1.8897638,-1.8897638,3.2731668,-1501.4361,-950.09606)"
+                       inkscape:transform-center-x="-3.8790373e-06"
+                       d="m 494.32891,31.578537 -6.59395,3.359786 -7.30945,-1.157703 -5.23299,-5.232988 -1.1577,-7.309449 3.35978,-6.59395 6.59395,-3.359785 7.30945,1.157703 5.23299,5.232988 1.1577,7.309449 z"
+                       inkscape:randomized="0"
+                       inkscape:rounded="0"
+                       inkscape:flatsided="false"
+                       sodipodi:arg2="1.4137167"
+                       sodipodi:arg1="0.78539816"
+                       sodipodi:r2="11.974361"
+                       sodipodi:r1="11.974361"
+                       sodipodi:cy="23.111385"
+                       sodipodi:cx="485.86176"
+                       sodipodi:sides="5"
+                       style="display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.16906723;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                       sodipodi:type="star"/>
+                  </svg>
+
                   {% include 'partials/navigation.html.twig' %}
                 </div>
             </section>

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

@@ -2,7 +2,7 @@
     {% set image = page.media.images|first %}
     {% if image %}
     <div class="card-image">
-        <a href="{{ page.url }}">{{ image.cropZoom(800,400).html }}</a>
+        <a href="{{ page.url }}">{{ image.html }}</a>
     </div>
     {% endif %}
 
@@ -11,17 +11,18 @@
         {% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
         </div>
 
-        {% if page.date %}
-        <div class="card-date">
-          {% include 'partials/blog/date.html.twig' %}
-        </div>
-        {% endif %}
 
         {% if page.taxonomy.category %}
           <div class="card-category">
             {% include 'partials/blog/category.html.twig' %}
           </div>
       {% endif %}
+
+      {% if page.date %}
+      <div class="card-date">
+        {% include 'partials/blog/date.html.twig' %}
+      </div>
+      {% endif %}
     </div>
 
     {% if page.taxonomy.tag %}