agecem/agecem-org
4
1
Fork 0
Code Issues 33 Pull requests 2 Activity

Affichage Footer #210

Closed
Alexel wants to merge 2 commits from fix/affichage-footer into main
pull from: fix/affichage-footer
merge into: agecem:main
Conversation 2 Commits 2 Files changed 5 +64 -22
5 changed files with 64 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -0,0 +1,38 @@
.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;
}
}

2
public/css/general.css
View file

@ -15,6 +15,7 @@ img {
body { body {
margin: 0; margin: 0;
padding-top: 60px; padding-top: 60px;
padding-bottom: 20px;
} }
ul { ul {
@ -24,6 +25,7 @@ ul {
a { a {
color: #FF563C; color: #FF563C;
text-decoration: none; text-decoration: none;
font-family: "Poppins";
} }
.wrapper { .wrapper {

16
templates/html/footer.html
View file

@ -1,10 +1,10 @@
{{ define "footer-html" }} {{ define "footer-html" }}
<footer class="pageFooter"> <footer class="pageFooter">
<small> <div class="wrapper">
vlbeaudoin marked this conversation as resolved
vlbeaudoin commented 2024-09-04 18:40:58 -04:00
Review
Copy link

Pourquoi une classe qui s'appelle juste wrapper?

Pourquoi une classe qui s'appelle juste `wrapper`?
Alexel commented 2024-09-09 13:10:08 -04:00
Review
Copy link

Pour que le contenu du footer aie les mêmes contraintes que le contenu de la page, et permettre que le background du footer prenne toute la largeur.

Pour que le contenu du footer aie les mêmes contraintes que le contenu de la page, et permettre que le background du footer prenne toute la largeur.
<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 }}

19
templates/html/general.html
View file

@ -1,11 +1,12 @@
{{ define "general-html" }} {{ define "general-html" }}
<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">
<script> <link rel="stylesheet" href="/public/css/footer.css">
function onToggleNav() { <script>
var menu = document.querySelector(".headerMenuMobile"); function onToggleNav() {
menu.classList.toggle('nav-is-active'); var menu = document.querySelector(".headerMenuMobile");
} menu.classList.toggle('nav-is-active');
</script> }
</script>
{{ end }} {{ end }}

5
templates/html/index.html
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>
vlbeaudoin marked this conversation as resolved
vlbeaudoin commented 2024-09-04 18:47:15 -04:00
Review
Copy link

Pourquoi une nouvelle fermeture de div ici?

Pourquoi une nouvelle fermeture de div ici?
Alexel commented 2024-09-09 13:10:41 -04:00
Review
Copy link

Parce que certains divs de la page index n'étaient pas fermés, ce qui fuckait avec l'affichage du footer.

Parce que certains divs de la page index n'étaient pas fermés, ce qui fuckait avec l'affichage du footer.
{{ template "footer-html" }} <!-- {{ template "snackbar-html" }} -->
{{ template "footer-html" }}
</body> </body>
</html> </html>