website/pages/404.php

<?php
http_response_code(404);
// Calcule la racine du site à partir du chemin physique de ce fichier
// Ex: /var/www/html/omegakube/pages/404.php → base = /omegakube
$script = $_SERVER['SCRIPT_NAME']; // ex: /omegakube/pages/404.php
$base   = rtrim(dirname(dirname($script)), '/'); // remonte 2 niveaux → /omegakube
// Si on est à la racine, $base vaut "" — c'est correct
?>
<!DOCTYPE html>
<html lang="fr" data-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 — Page non trouvée | OmégaKube</title>
    <link rel="stylesheet" href="<?php echo $base; ?>/assets/css/404.css">
</head>
<body>
    <div class="bg-grid"></div>
    <div class="bg-glow bg-glow-1"></div>
    <div class="bg-glow bg-glow-2"></div>
    <div class="particles" id="particles"></div>

    <div class="portal portal-left">
        <div class="portal-ring"></div>
        <div class="portal-ring"></div>
        <div class="portal-ring"></div>
    </div>
    <div class="portal portal-right">
        <div class="portal-ring"></div>
        <div class="portal-ring"></div>
        <div class="portal-ring"></div>
    </div>

    <div class="container">
        <div class="error-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="40" height="40">
                <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
                <line x1="12" y1="9" x2="12" y2="13"/>
                <line x1="12" y1="17" x2="12.01" y2="17"/>
            </svg>
        </div>
        <div class="error-code">404</div>
        <h1 class="error-title">Dimension introuvable</h1>
        <p class="error-message">
            Oups&#160;! Il semblerait que vous ayez traversé un <span>portail défectueux</span>.
            Cette page n'existe pas dans notre univers... ou peut-être a-t-elle été téléportée ailleurs&#160;?
        </p>
        <div class="buttons">
            <a href="<?php echo $base; ?>/index.html" class="btn btn-primary">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18">
                    <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
                    <polyline points="9 22 9 12 15 12 15 22"/>
                </svg>
                Retour à l'accueil
            </a>
            <a href="javascript:history.back()" class="btn btn-secondary">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18">
                    <line x1="19" y1="12" x2="5" y2="12"/>
                    <polyline points="12 19 5 12 12 5"/>
                </svg>
                Page précédente
            </a>
        </div>
    </div>

    <div class="footer">
        <span class="logo-mini">ΩK</span>
        <span>•</span>
        <a href="<?php echo $base; ?>/index.html">OmégaKube</a>
    </div>

    <script src="<?php echo $base; ?>/assets/js/pages/404.js"></script>
</body>
</html>