Merge pull request 'feat: Ajout du footer' (#5) from feature/footer into master
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
commit
3a0d765c13
|
@ -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 "./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
|
||||
|
|
|
@ -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