feat: Ajout du footer
continuous-integration/drone/pr Build encountered an error Details
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Simon 2020-06-16 12:08:10 +02:00
parent ad68b631de
commit b5c0de4b6b
5 changed files with 77 additions and 0 deletions

40
assets/styles/footer.sass Normal file
View File

@ -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

View File

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

View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="{{ .Site.Language.Lang }}">
{{ partial "head.html" . }}
<body>
<div class="layout">
{{ partial "header.html" . }}
<main role="main" id="content">
{{ block "main" . }}{{ end }}
</main>
{{ partial "footer.html" . }}
</div>
{{ partial "js.html" . }}
</body>
</html>

View File

@ -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>

BIN
static/creativecommons.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB