Merge pull request 'fix/affichage-footer' (#214) from fix/affichage-footer into main

Reviewed-on: #214
Reviewed-by: Victor Lacasse-Beaudoin <vlbeaudoin@agecem.org>
This commit is contained in:
Victor Lacasse-Beaudoin 2024-09-16 16:46:00 -04:00
commit ae3a2223d5
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 {
margin: 0;
padding-top: 60px;
padding-bottom: 20px;
}
ul {

View file

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

View file

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

View file

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