footer + menu spacer

assets/css/template.css

@@ -44,11 +44,14 @@ main {
 	float: left;
 }
 
-#menu_space_bottom {
-	background-color: transparent;
-    position: relative;
+.menu_space_bottom {
+  position: sticky;
 	width: 100%;
-    padding-top: 13%;
+	opacity: 0;
+	left: 0;
+	bottom: 0;
+	padding: 0;
+	margin: 0;
 }
 
 a.link {
@@ -72,4 +75,15 @@ a.linkmail {
 a.linkmail:hover {
 	color: white;
 	-webkit-text-stroke: 1px white;
+}
+
+footer {
+	display: block;
+	background-color: rgba(255,255,255,0.3);
+	width: 60%;
+	margin-top: 30px;
+	margin-left: auto;
+	margin-right: auto;
+	padding: 50px;
+	font-size: 20px;
 }

info.php

@@ -15,7 +15,7 @@ ob_start(); // Start reading html
 		</p>
 
 	    <br>
-	    <h4>Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h4>
+	    <h4 id="prez">Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h4>
 	    <ul>
 	        <li>
 	            <strong>Mail :</strong> <a href="mailto:maxencepapion@gmail.com">maxencepapion@gmail.com</a>
@@ -25,7 +25,7 @@ ob_start(); // Start reading html
 	        </li>
 	    </ul>
 	    <br>
-	    <h4>Pour des questions a propos du site :</h4>
+	    <h4 id="dev">Pour des questions a propos du site :</h4>
 	    <ul>
 	        <li>
 	        	Celui qui gère tout ça : le responsable du site<br>
@@ -34,7 +34,7 @@ ob_start(); // Start reading html
 	            <strong>Tel : </strong> 07 83 64 61 06
 	        </li>
 	        <br>
-	        <li>
+	        <li id="crea">
 	            Sinon y'a Arnaud, le créateur du site :<br>
 	            <strong>Mail :</strong> <a href="mailto:vergnet@etud.insa-toulouse.fr">vergnet@etud.insa-toulouse.fr</a><br>
 	            <strong>Facebook : </strong>Arnaud Vergnet

structure/footer.php

@@ -0,0 +1,11 @@
+Site de la semaine d'accueil 2021 pour l'INSA Toulouse<br>
+
+Tous les éléments présents sur ce site sont représentés à des fins humoristiques. Nous ne cherchons en aucun cas à véhiculer un quelconque message et condamnons toute action irrespectueuse.<br>
+
+Ce site utilise <a href="https://matomo.org/" class="link">Matomo</a> pour analyser la fréquentation de manière anonyme. Rendez- vous sur la page <a href="info.php" class="link">Infos</a> pour plus de détails.<br>
+
+Contacter <a href="info.php#prez" class="link">Maxence</a>, le responsable de la semaine, pour plus d'informations.<br>
+
+Site maintenu par <a href="info.php#dev" class="link">Rébillard Baptiste et Guillaume Geoffre</a>.<br>
+
+Copyright © 2022 <a href="info.php#crea" class="link">Arnaud VERGNET</a>

structure/template.php

@@ -55,10 +55,11 @@ $pagename = $infopage[4];      // nom de la page exact servant à appeler le css
             echo $pagecontent; //ici on appelle le contenu de la page
         }
         ?>
-        <footer>
+        <footer align="center">
             <?php include $relativepath."structure/footer.php"; ?>
-            <div id="menu_space_bottom"></div>
         </footer>
+
+        <img src="<?php echo $relativepath.'assets/img/menu/menu.svg'; ?>" class="menu_space_bottom"> <!-- c'est un espace qui permet de couvrir la surface sous le menu, pour l'instant on utilise la même image pour pas oublier que l'espace doit être de la même taille que le menu mais faudra changer ça -->
     </body>
 </html>
 <?php