feat: Ajout du footer

assets/styles/footer.sass

@@ -0,0 +1,40 @@
+.footer
+  background-color: black
+  color: white
+  display: flex
+  flex-wrap: wrap
+  text-align: center
+  padding: 1.5rem
+
+  .license
+
+  .contact
+    flex-grow: 1
+    text-align: right
+
+    button
+      border: 1px solid white
+      background-color: black
+      color: white
+      padding: 0.4rem
+
+  .slogan
+    font-size: 0.8rem
+
+@media screen and (min-width: 800px)
+  .footer
+    align-items: center
+
+    .license
+      order: 1
+      width: auto
+
+    .contact
+      order: 3
+      width: auto
+
+    .slogan
+      order: 2
+      padding: 0 1rem
+      width: auto
+      flex-grow: 1

assets/styles/main.sass

@@ -3,3 +3,15 @@
 @import "./html"
 @import "./a11y"
 @import "./content"
+@import "./footer"
+
+body
+  background-color: green
+
+.layout
+  background-color: white
+
+@media screen and (min-width: 60em)
+  .layout
+    width: 800px
+    margin: 0 auto

layouts/partials/footer.html

@@ -0,0 +1,11 @@
+<footer class="footer">
+  <div class="license">
+    <img src="/creativecommons.png" alt="Creative Commons Attribution CC BY" />
+  </div>
+  <div class="contact">
+    <button>contact@lowtechweb.com</button>
+  </div>
+  <div class="slogan">
+    codé et hébergé avec 💓 par la low tech web team
+  </div>
+</footer>