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

Affichage Footer

Browse source 
Ajout de balises div à index.html
This commit is contained in:
Alexel 2024-09-04 16:27:44 -04:00
parent cb2aedc7ff
commit 6257d8a592
5 changed files with 56 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -0,0 +1,30 @@
.pageFooter {
background: #394596;
/*Bleu AGECEM*/
width: 100%;
bottom: 0;
padding: 20px;
bottom: 0;
position: fixed;
}
ul.footerElementList {
display: flex;
flex-flow: row;
list-style: none;
justify-content: space-around;
align-items: center;
text-align: center;
}
li.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 {
margin: 0;
padding-top: 60px;
padding-bottom: 80px;
}
ul {
@ -24,6 +25,7 @@ ul {
a {
color: #FF563C;
text-decoration: none;
font-family: "Poppins";
}
.wrapper {

16
templates/html/footer.html
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>
</ul>
</small>
</footer>
<footer class="pageFooter">
<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>
</div>
</footer>
{{ end }}

19
templates/html/general.html
View file

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

5
templates/html/index.html
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>