Ajout mode présentation

elements/footer.php

@@ -17,13 +17,16 @@ if (isset($_GET['success']) && $_GET['success'] === '1') {
 ?>
 </main>
 
-<?php if ($toast !== null): ?>
-<!-- Notification toast : disparaît toute seule, clic pour fermer -->
-<div class="toast" onclick="this.remove()" role="status">
-    <i class="fa-solid fa-circle-check"></i>
-    <span><?php echo $toast; ?></span>
-</div>
-<?php endif; ?>
+<?php
+// Notification toast : disparaît toute seule, clic pour fermer.
+// Elle n'est affichée que si une des conditions plus haut a rempli $toast.
+if ($toast !== null) {
+    echo '<div class="toast" onclick="this.remove()" role="status">';
+    echo '<i class="fa-solid fa-circle-check"></i>';
+    echo '<span>' . $toast . '</span>';
+    echo '</div>';
+}
+?>
 
 <footer class="site-footer">
     <div class="footer-content">
@@ -36,6 +39,7 @@ if (isset($_GET['success']) && $_GET['success'] === '1') {
             <a href="https://www.instagram.com/ours_one_" target="_blank" rel="noopener noreferrer">Instagram</a>
             <a href="https://git.eldorianet.work/esteban" target="_blank" rel="noopener noreferrer">Git</a>
             <span class="discord-handle" title="@ours1" onclick="alert('Discord : @ours1')">Discord</span>
+            <a href="../pages/presentation.php">Mode présentation</a>
             <a href="../pages/cgu.php">CGU</a>
         </div>
     </div>

elements/header.php

@@ -14,11 +14,14 @@ require_once('../scripts/requireCaptcha.php');
 // Ajout des logs sur toutes les pages
 require_once('../functions/sendLogs.php');
 
+// Versionnement des fichiers statiques (casse le cache navigateur à chaque modif du CSS)
+require_once(__DIR__ . '/../functions/assets.php');
+
 // Log de la visite de la page sur Discord (anti-spam : 1 log max par page / minute / visiteur)
 sendPageLog();
 
 // Titre de la page : chaque page peut définir $pageTitle avant d'inclure le header
-$pageTitle = isset($pageTitle) ? $pageTitle . ' — Esteban MOUSSU' : 'Esteban MOUSSU — Portfolio';
+$pageTitle = isset($pageTitle) ? $pageTitle . ' - Esteban MOUSSU' : 'Esteban MOUSSU - Portfolio';
 
 // Description : chaque page peut définir $pageDescription avant d'inclure le header
 // (sinon description générique, utilisée pour le SEO et les aperçus de partage)
@@ -73,8 +76,9 @@ $currentPage = basename($_SERVER['PHP_SELF']);
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
 
-    <!-- Ajout du CSS Primaire (fait par IA) -->
-    <link rel="stylesheet" href="../styles/primary_css.css">
+    <!-- CSS principal du site. urlAsset ajoute "?v=<date de modif>" pour que le navigateur
+         recharge la feuille de style dès qu'elle change (voir functions/assets.php) -->
+    <link rel="stylesheet" href="<?php echo htmlspecialchars(urlAsset('styles/primary_css.css')); ?>">
     <!-- Ajout de Font Awesome pour les icones de home.php-->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
     <!-- Devicon : équivalent gratuit de Font Awesome dédié aux logos d'outils/langages/frameworks,