From a14a2110f266400450c6b11177b5817fb2ecc2ec Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Tue, 16 Jun 2020 12:08:10 +0200
Subject: [PATCH] feat: Ajout du footer

---
 assets/styles/footer.sass    |  40 +++++++++++++++++++++++++++++++++++
 assets/styles/main.sass      |  12 +++++++++++
 layouts/partials/footer.html |  11 ++++++++++
 static/creativecommons.png   | Bin 0 -> 1283 bytes
 4 files changed, 63 insertions(+)
 create mode 100644 assets/styles/footer.sass
 create mode 100644 layouts/partials/footer.html
 create mode 100644 static/creativecommons.png

diff --git a/assets/styles/footer.sass b/assets/styles/footer.sass
new file mode 100644
index 0000000..8e029ba
--- /dev/null
+++ b/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
diff --git a/assets/styles/main.sass b/assets/styles/main.sass
index fe89dd8..7b58a60 100644
--- a/assets/styles/main.sass
+++ b/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
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..e3bd06d
--- /dev/null
+++ b/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>
diff --git a/static/creativecommons.png b/static/creativecommons.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf596085a4ba8e2efe2c5bf1094b7226e03aa127
GIT binary patch
literal 1283
zcmYk*X;4#F6bJB^gjy1t$Y6l7SV9K_j7X^)ZXkq!qyomEg%*&s0VA@AKu6F30YR36
z7_lgbLWN-*V)7EQlN}Pm5)ufDg~FgBQ&1^&jg1R^eCwItz5jD(&ZjeTtI4s4(I__*
z003xG6p;dD0(3m>5zu|y*=B(PM~kAw0KkQ<0KmKi0ROH*xeNfm1OmWQDgf-i2>>o<
zuchcCp;<e6SWFlI@UJl5A8UZ#usq6P0&IHFzXa;D$<fCn*8W$ktE=<#^HY<P<5L#P
zBxG!C0x~)Z88@59%_fV<G&VA_&S*B9M@Egtb;CyU@bJ2!Vbjpi$l&0*fdM1LU>G*^
z5B2vC>GgvUoenb4*Ei6oGxYTtdV3AMTD?ZIPOZ_Y)jE~BPo;wNDwXRLYPDLSRVcJ_
zg+?LQ$mN=z9yLTJQ$eIsr9`3-i{&Cwk5Jen5XuAsX?M4j-!0+uB|N^E#}k7*5eSO7
zppeTGfLtMmE8u|LAV+Zjem5HgK{mguwf)YWw%e_(t&L5M4L2KD*IBFvR(*Yab!~O|
z<?`~1^0JCDCX-oI!eEpz3K@ktxo2~7a;Q{l^2ucKF)~!)#PHD2(2zqRyZ7wgvGd!&
zz(7AgKVLsz91iF1?(X2=fWctU7&Ns18~YvC1CdXOjRR1azr0{^004hSB8D9=m=QHT
zi=PQ~(5K(P?vA8wCw{$a&xxy#<>dPjcG!qtCv6=y^>^)G^3c>LpRB>idrZgnseOaf
zo2EbBo<4BkJguP41$hZ(|2aZMlEh&%57PJKO%;dbOMMsuZH~9CD2qnRd;bFVr31zm
zObZyxPIK)UNj>w7`bUU-$?eTMr`*ge+AC5jqO90lMPt&J7Z?%K#H}U7^NAH+R(eUG
zLh6{PzLnc`FWSFTsD+uU!g+z!!-=H<R#!pM=t>hhz@IZqDg^DYmSs43W*q*$-=nO_
z1i!kI1O_#+V5yb!GnJ7=rDX4!mX{`{T&!0)d0)~>I@2c^;asuJr>?{8oU1ST)@KiN
z#-xN8SuqLeO0aK>CXx`(oeS|Bqp&h$yIra)d+DtmfweffVLN3&DcjKCLE&gk)=c=-
z+VWl3tn!sBFPa{Hpkyk)N+Kq2z}9fIcYjlr&mM8>^<B93_vX12_#=Jfb~0H-Z$lAK
zr_s(Au9SMG*X+&Fp}2k}zTLC-v71j+cR8n{d7N#VrlYEY;(fi@eK0R#<elYsVL}x*
z1Z^C5N=rQX#?D1N;nkigw*0ik<KzAy&${3k6nD#B9FfrUvT?!D`wZJ7UUYhaC^;LT
zm;ks=U^DO33xB+ZZH)fjW#Y+OIQ~_o{2?}%IDhV<w^S8oX-4O6tKdsouH*c|GyGml
z@;L>ft~u;Cb*Pc~IK|4!ZAV<1#S)HBeKthE2N|;1ZJ3VQgS5Qbl8lgSTUOi>>E4gC
z4{)uWr@~pMTr3%{JtrGGUyFssyjQ{Ui>=753G%$3@zT*$f=#=3u_-UKOW^gLDCUz@
zz)c6}Np$6yd&7=@D#b02Wz?3N2h6v)c-tJ<n9=pI^eG$Jk2E}=O6f%QTbeggE)HCB
zMbHl(@!^7NMa_$%e5p8Q30PP?nsL-+E_;V){EI)W3xte1j90c+qkpu^{DZ&8p`wD{
klW!bO`>?i#N>MskJ&!yuh1Yb<Eka)cAVtIyxddw2f0adlIsgCw

literal 0
HcmV?d00001