feat: Mise à jour du design

assets/styles/main.sass

@@ -1,4 +1,4 @@
-$size-small: 500px
+$size-small: 600px
 
 @import "font"
 
@@ -57,11 +57,13 @@ h3
 
 .footer
   font-size: 0.8rem
+  padding-bottom: calc(var(--tile)/2)
 
   @media screen and (max-width: $size-small)
     .cell, .cell.-right
       text-align: center
       flex: 0 0 100%
+      padding-bottom: calc(var(--tile)/2)
 
 .flex
   --margin-tile: calc(var(--tile)/2)

layouts/partials/footer.html

@@ -1,16 +1,13 @@
 <hr>
 <footer class="footer grid -bottom">
-  <div class="cell">
+  <ul class="cell no-style">
-    <p>Alimenté par <a href="https://www.enercoop.fr/">Enercoop</a> ⚡</p>
+    <li>Alimenté par <a href="https://www.enercoop.fr/" rel="noopener">Enercoop</a> ⚡</li>
-    <p>Ce site est réalisé de façon éco-responsable,<br>il émet seulement 0.45g de CO<sub>2</sub> à chaque visite.</p>
+    <li>Réalisé avec ❤️ de façon éco-responsable,</li>
-  </div>
+    <li>il <a href="https://www.websitecarbon.com/website/resilien-fr/" rel="noopener">émet seulement 0.01g de CO<sub>2</sub></a> à chaque visite.</li>
-  <div class="cell -right">
+  </ul>
-    <p>
+  <ul class="cell -right no-style">
-      <ul class="no-style">
+      <li><a href="/politique/">Politique de protection des données</a></li>
-        <li><a href="/politique/">Politique de protection des données</a></li>
+      <li><a href="/mentions-legales/">Mentions légales</a> - <a href="/cgv/">CGV</a> - <a href="/cgu/">CGU</a></li>
-        <li><a href="/mentions-legales/">Mentions légales</a> - <a href="/cgv/">CGV</a> - <a href="/cgu/">CGU</a></li>
+      <li><a href="/infrastructure/">Infrastructure</a> - <a href="/sous-traitance">Sous-traitance</a></li>
-        <li><a href="/infrastructure/">Infrastructure</a> - <a href="/sous-traitance">Sous-traitance</a></li>
+    </ul>
-      </ul>
-    </p>
-  </div>
 </footer>