feat: Ajout du footer
This commit is contained in:
parent
ad68b631de
commit
b5c0de4b6b
|
@ -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
|
|
@ -4,3 +4,15 @@
|
||||||
@import "./a11y"
|
@import "./a11y"
|
||||||
@import "./content"
|
@import "./content"
|
||||||
@import "./menu"
|
@import "./menu"
|
||||||
|
@import "./footer"
|
||||||
|
|
||||||
|
body
|
||||||
|
background-color: green
|
||||||
|
|
||||||
|
.layout
|
||||||
|
background-color: white
|
||||||
|
|
||||||
|
@media screen and (min-width: 60em)
|
||||||
|
.layout
|
||||||
|
width: 800px
|
||||||
|
margin: 0 auto
|
||||||
|
|
|
@ -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>
|
|
@ -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>
|
Binary file not shown.
After Width: | Height: | Size: 1.3 KiB |
Loading…
Reference in New Issue