esteban/Portfolio-Esteban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajout d'un footer avec les différents réseaux (fonctionnel) + futur cgu (a venir)

Browse Source
This commit is contained in:
Esteban
2026-06-05 20:22:35 +02:00
parent cf08973d5b
commit ee5642aa43
10 changed files with 130 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
elements/footer.php
+20
View File
@@ -0,0 +1,20 @@
<?php
// Ce Footer sera inseré sur des pages grâce a la fonction require_once('./../elements/footer.php')
// Rappel des différentes pages : Acceuil, Projets, Contact
?>
</main>
<footer class="site-footer">
<div class="footer-content">
<p class="footer-copyright">
<!-- Logo droit d'auteur + année -->
&copy; <?php echo date('Y'); ?> - Portfolio développé par Moussu Esteban
</p>
<div class="footer-links">
<a href="https://www.linkedin.com/in/estebanmoussu/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
<a href="https://www.instagram.com/ours_one_" target="_blank" rel="noopener noreferrer">Instagram</a>
<span class="discord-handle" title="@ours1" onclick="alert('Discord : @ours1')">Discord</span>
<a href="../pages/cgu.php">Conditions générales / Utilisations</a>
</div>
</div>
</footer>
elements/header.php
+3 -1
View File
@@ -56,4 +56,6 @@ session_start();
<!-- Fonctionnalité future changement de thème dark / light et panneau admin -->
</nav>
</header>
</header>
<main>
pages/admin.php
+3 -1
View File
@@ -113,4 +113,6 @@ if (isset($_GET['edit_xp']) && is_numeric($_GET['edit_xp'])) {
<h2 class="projects-title">Gérer les projets</h2>
<?php afficherProjetsAdmin(); ?>
<h2 class="projects-title">Gérer les experiences</h2>
<?php afficherXPAdmin(); ?>
<?php afficherXPAdmin();
require_once('../elements/footer.php'); ?>
pages/cgu.php
+9
View File
@@ -0,0 +1,9 @@
<?php
// CGU / CDU
// On ajoute ici le header
require_once('./../elements/header.php');
// Ajout du footer
require_once('../elements/footer.php'); ?>
pages/contact.php
+2
View File
@@ -5,3 +5,5 @@
// On ajoute ici le header
require_once('./../elements/header.php');
// Ajout du footer
require_once('../elements/footer.php'); ?>
pages/home.php
+4 -1
View File
@@ -4,4 +4,7 @@
// Cette page servira de page d'accueil où nous pourrons y retrouver une redirection vers les différents projets, espace de connexion, form de contact, etc...
// Insertion du header
require_once('./../elements/header.php');
require_once('./../elements/header.php');
// Ajout du footer
require_once('../elements/footer.php'); ?>
pages/login.php
+6 -1
View File
@@ -37,4 +37,9 @@ if (isset($_SESSION['user_id'])){
</div>
</div>
</body>
</body>
<?php
// Ajout du footer
require_once('../elements/footer.php'); ?>
pages/projects.php
+4 -2
View File
@@ -8,7 +8,7 @@ require_once('../elements/header.php');
// Ajout d'un message indiquant si l'utilisateur est admin qu'il peut modifier ces projets
if (isset($_SESSION['role']) && $_SESSION['role'] === 'admin') {
echo "<p style='color: white; text-align: center;'>Vous êtes administrateur, vous pouvez modifier les projets <a href='/admin.php'>ici</a>.</p>";
echo "<p style='color: white; text-align: center;'>Vous êtes administrateur, vous pouvez modifier les projets <a href='../pages/admin.php'>ici</a>.</p>";
}
// Affichages des projets
?>
@@ -22,4 +22,6 @@ require_once('../functions/listProject.php');
// Appel de ma fonction dans Functions/listProject.php
afficherProjets();
?>
// Ajout du footer
require_once('../elements/footer.php'); ?>
pages/xp.php
+5 -4
View File
@@ -7,19 +7,20 @@ require_once('../elements/header.php');
// Ajout d'un message indiquant si l'utilisateur est admin qu'il peut modifier ces expériences
if (isset($_SESSION['role']) && $_SESSION['role'] === 'admin') {
echo "<p style='color: white; text-align: center;'>Vous êtes administrateur, vous pouvez modifier les experiences <a href='/admin.php'>ici</a>.</p>";
echo "<p style='color: white; text-align: center;'>Vous êtes administrateur, vous pouvez modifier les experiences <a href='../pages/admin.php'>ici</a>.</p>";
}
// Affichages des projets
// Affichages des xp pro
?>
<p class="projects-title">Liste des expériences professionnelles</p>
<?php
require_once('../functions/listXP.php');
// Appel de ma fonction dans Functions/listXP.php
afficherXP();
?>
// Ajout du footer
require_once('../elements/footer.php'); ?>
styles/primary_css.css
+74
View File
@@ -313,4 +313,78 @@ nav a:hover {
.btn-delete:hover {
background-color: #7e2023;
}
/* ---- FORCER LE FOOTER EN BAS (STICKY FOOTER) ---- */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1; /* Pousse le footer vers le bas si le contenu est court */
}
/* ---- STYLES DU FOOTER ---- */
.site-footer {
background-color: #111116;
border-top: 1px solid #2a2a3e;
margin-top: 0;
padding: 30px 40px 20px;
font-size: 14px;
}
.footer-content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.footer-copyright {
color: #aaaaaa;
margin: 0;
}
.footer-links {
display: flex;
gap: 24px;
align-items: center;
flex-wrap: wrap;
}
.footer-links a,
.footer-links .discord-handle {
color: #aaaaaa;
text-decoration: none;
transition: color 0.2s ease, background-color 0.2s ease;
padding: 6px 0;
cursor: pointer;
}
.footer-links a:hover,
.footer-links .discord-handle:hover {
color: #6c63ff;
text-decoration: underline;
}
/* Responsive : mobile */
@media (max-width: 700px) {
.footer-content {
flex-direction: column;
text-align: center;
}
.footer-links {
justify-content: center;
}
}