147 lines
6.6 KiB
PHP
147 lines
6.6 KiB
PHP
<?php
|
|
|
|
// Ce Header sera inseré sur des pages grâce a la fonction require_once('./../elements/header.php')
|
|
// Rappel des différentes pages : Acceuil, Projets, Contact
|
|
// Rappel des boutons : Connexion, (Si le temps) Panneau Administrateur (Seulement si l'utilisateur est admin)
|
|
|
|
|
|
// Ajout ici d'un démarrage de session : header étant dans toutes les pages
|
|
require_once(__DIR__ . '/../functions/security.php');
|
|
|
|
// Ajout ici la vérification du captcha
|
|
require_once('../scripts/requireCaptcha.php');
|
|
|
|
// Ajout des logs sur toutes les pages
|
|
require_once('../functions/sendLogs.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';
|
|
|
|
// 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)
|
|
$pageDescription = isset($pageDescription)
|
|
? $pageDescription
|
|
: 'Portfolio d\'Esteban MOUSSU, étudiant en informatique passionné par les systèmes, les réseaux et le développement web. Projets, expériences et compétences.';
|
|
|
|
// URL absolue de la page courante (pour og:url et le lien canonique)
|
|
$pageUrl = 'https://estebanadmin.fr' . strtok($_SERVER['REQUEST_URI'], '?');
|
|
|
|
// Page courante pour souligner le lien actif dans la navigation
|
|
$currentPage = basename($_SERVER['PHP_SELF']);
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<!-- Meta viewport : indispensable pour que le site soit responsive sur mobile -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?php echo htmlspecialchars($pageTitle); ?></title>
|
|
|
|
<!-- SEO : description + lien canonique -->
|
|
<meta name="description" content="<?php echo htmlspecialchars($pageDescription); ?>">
|
|
<link rel="canonical" href="<?php echo htmlspecialchars($pageUrl); ?>">
|
|
|
|
<!-- Aperçu de partage (réseaux sociaux, Discord, etc.) -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="<?php echo htmlspecialchars($pageTitle); ?>">
|
|
<meta property="og:description" content="<?php echo htmlspecialchars($pageDescription); ?>">
|
|
<meta property="og:url" content="<?php echo htmlspecialchars($pageUrl); ?>">
|
|
<meta property="og:image" content="https://estebanadmin.fr/memoji.png">
|
|
<meta property="og:locale" content="fr_FR">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="<?php echo htmlspecialchars($pageTitle); ?>">
|
|
<meta name="twitter:description" content="<?php echo htmlspecialchars($pageDescription); ?>">
|
|
<meta name="twitter:image" content="https://estebanadmin.fr/memoji.png">
|
|
|
|
<!-- Favicon du site -->
|
|
<link rel="icon" type="image/png" href="../memoji.png">
|
|
|
|
<!-- Applique le thème sauvegardé AVANT le chargement du CSS pour éviter un flash sombre/clair -->
|
|
<script>
|
|
(function () {
|
|
if (localStorage.getItem('theme') === 'light') {
|
|
document.documentElement.setAttribute('data-theme', 'light');
|
|
}
|
|
})();
|
|
</script>
|
|
|
|
<!-- Police moderne Inter (Google Fonts) -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<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">
|
|
<!-- 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,
|
|
utilisé pour le bandeau "Outils que je sais manipuler" de la page d'accueil -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/devicon@2.15.1/devicon.min.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Header + nav -->
|
|
<header class="site-header">
|
|
<!-- Texte qui sera dans le header -->
|
|
<a href="./../index.php" class="titre-de-page">Esteban MOUSSU - PortFolio</a>
|
|
|
|
<div class="header-right">
|
|
|
|
<!-- Module de navigation -->
|
|
<nav class="site-nav">
|
|
<a href="./../pages/home.php" class="<?php echo ($currentPage === 'home.php') ? 'active' : ''; ?>">Accueil</a>
|
|
<a href="./../pages/projects.php" class="<?php echo ($currentPage === 'projects.php') ? 'active' : ''; ?>">Projets</a>
|
|
<a href="./../pages/xp.php" class="<?php echo ($currentPage === 'xp.php') ? 'active' : ''; ?>">Expériences</a>
|
|
<a href="./../pages/skills.php" class="<?php echo ($currentPage === 'skills.php') ? 'active' : ''; ?>">Compétences</a>
|
|
<a href="./../pages/contact.php" class="<?php echo ($currentPage === 'contact.php') ? 'active' : ''; ?>">Contact</a>
|
|
<?php
|
|
// Vérification que l'utilisateur est admin, s'il est admin, il aura accès au panel admin
|
|
if (!isset($_SESSION['role']) || $_SESSION['role'] !== 'admin') {
|
|
|
|
} else {
|
|
?>
|
|
|
|
<!-- Lien vers le panneau admin -->
|
|
<a href="./../pages/admin.php" class="<?php echo ($currentPage === 'admin.php') ? 'active' : ''; ?>">Administration</a>
|
|
|
|
<?php
|
|
}
|
|
|
|
|
|
|
|
// Vérification si l'utilisateur est connecté, si c'est le cas au lieu de Connexion il aura Deconnexion
|
|
|
|
if (isset($_SESSION['user_id'])){
|
|
?>
|
|
<a href="../scripts/disconnect.php" class="nav-cta">Deconnexion</a>
|
|
<?php
|
|
} else {
|
|
?>
|
|
<a href="./../pages/login.php" class="nav-cta <?php echo ($currentPage === 'login.php') ? 'active' : ''; ?>">Connexion</a>
|
|
<?php
|
|
}
|
|
?>
|
|
|
|
</nav>
|
|
|
|
<!-- Bouton de changement de thème dark / light : le choix est mémorisé dans le navigateur (localStorage) -->
|
|
<button class="theme-toggle" aria-label="Changer de thème"
|
|
onclick="var h=document.documentElement;var l=h.getAttribute('data-theme')==='light';if(l){h.removeAttribute('data-theme');localStorage.setItem('theme','dark');}else{h.setAttribute('data-theme','light');localStorage.setItem('theme','light');}">
|
|
<i class="fa-solid fa-sun"></i><i class="fa-solid fa-moon"></i>
|
|
</button>
|
|
|
|
<!-- Bouton burger : visible uniquement sur mobile, ouvre/ferme la navigation -->
|
|
<button class="nav-toggle" aria-label="Ouvrir le menu" aria-expanded="false"
|
|
onclick="var h=document.querySelector('.site-header');h.classList.toggle('nav-open');this.setAttribute('aria-expanded',h.classList.contains('nav-open'));">
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<main>
|