Compare commits

..

3 commits

5 changed files with 48 additions and 7 deletions

38
public/css/footer.css Normal file
View file

@ -0,0 +1,38 @@
footer.css .pageFooter {
background: #f3f3f7;
/*Gris pâle*/
width: 100%;
padding: 5px;
position: fixed;
bottom: 0;
}
ul.footerElementList {
display: flex;
flex-flow: row;
list-style: none;
justify-content: space-around;
align-items: center;
text-align: center;
}
.footerElement {
font-family: "Poppins";
font-weight: 400;
/*semi-bold*/
font-size: 0.5rem;
/*8px*/
text-align: center;
}
@media screen and (min-width: 768px) {
.footerElement {
font-family: "Poppins";
font-weight: 400;
/*semi-bold*/
font-size: 0.75rem;
/*12px*/
text-align: center;
}
}

View file

@ -15,6 +15,7 @@ img {
body { body {
margin: 0; margin: 0;
padding-top: 60px; padding-top: 60px;
padding-bottom: 20px;
} }
ul { ul {

View file

@ -1,10 +1,10 @@
{{ define "footer-html" }} {{ define "footer-html" }}
<footer class="pageFooter"> <footer class="pageFooter">
<small> <div class="wrapper">
<ul> <ul class="footerElementList">
<li><a href="/public/images/header_agecem.png">en-tête de documents</a></li> <li><a class="footerElement" href="/public/images/header_agecem.png">En-tête de documents</a></li>
<li><a href="/admin">panneau d'administration</a></li> <li><a class="footerElement" href="/admin">Panneau d'administration</a></li>
</ul> </ul>
</small> </div>
</footer> </footer>
{{ end }} {{ end }}

View file

@ -2,6 +2,7 @@
<link rel="stylesheet" href="/public/css/general.css"> <link rel="stylesheet" href="/public/css/general.css">
<link rel="stylesheet" href="/public/css/fonts.css"> <link rel="stylesheet" href="/public/css/fonts.css">
<link rel="stylesheet" href="/public/css/header.css"> <link rel="stylesheet" href="/public/css/header.css">
<link rel="stylesheet" href="/public/css/footer.css">
<script> <script>
function onToggleNav() { function onToggleNav() {
var menu = document.querySelector(".headerMenuMobile"); var menu = document.querySelector(".headerMenuMobile");

View file

@ -39,8 +39,9 @@
src="/public/icones/instagram-icon.svg"></img></a> src="/public/icones/instagram-icon.svg"></img></a>
</div> </div>
</div> </div>
<!-- {{ template "snackbar-html" }} --> </div>
{{ template "footer-html" }} <!-- {{ template "snackbar-html" }} -->
{{ template "footer-html" }}
</body> </body>
</html> </html>