<!--                                                                                                             
               ████                                                                           ████               
             ███                                                                                 ███             
           ███                                        ██                                           ███           
        ████                                          ██                                             ████        
      ████                                                                                             ████      
    ████                                                                                                 ████    
  █████████████████████     ██               ████     ██    █████████████   █████████     █████████████████████  
                 ████     ████             ██████     ██              ███                   ████                 
               ███      ████             ███   ██     ██            ███                       ████               
             ███      ████             ███     ██     ██         ████       ███████████████      ███             
          ████      ███              ████████████     ██       ████                                ███           
        ████      ███              ███         ██     ██     ████                                    ████        
      ████      ██████████████  ████           ██     ██   ██████████████   ████████████████████       ████      
                                                                                                                 
       ██ INITIATING CONNECTION ██ TARGET: SLAIZEN.COM ██ ACCESSING CODEBASE ██ CONNECTION ESTABLISHED ██        
                                         ██ WELCOME TO THE UNDER-GRID ██                                         
      21  06    2007                                                                        08  10   1992        
         19 12 1 9 26 5 14                                                           10  9  13 13  25            
            14  5 26 9 1 12 19                                                 18 9 22  1 18 4  53853            
                  16   9 18  1  20 5                                       14 9 14 10  1                         
                      08       2724483                                   636679      76883647                    
              08 27328466  08       3335                              0 5683      08  08 3668466                 
          152883 65        85 38 7  77 34 3                           17     74   79      8    95697             
        96977   81         7817  53       1                          9     9   15          8    8 38895          
                8    4Ω4    8  2   3                                     8  17     3♎︎3    1    3                
           8    58          8    8   6                                 7   4   8           8    2                
            7    18       78     2 2                                  9  3 8    82       88    8                 
              2    7888883      8    1                                 287  2      88885    39                   
                08 1916918920                                                168251993112                        
-->
<!DOCTYPE html>

<html lang="fr">

<head>
  <script>
    /* Immediate Language Detection to prevent FOUT */
    (function() {
      const savedLang = localStorage.getItem('selectedLanguage') || 'fr';
      document.documentElement.lang = savedLang;
      if (savedLang === 'en') {
        document.documentElement.classList.add('i18n-loading');
      }
    })();
  </script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Minecraft: Slaizen Edition</title>
  <link rel="icon" type="image/x-icon" href="../favicon.ico">
  <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=Press+Start+2P&display=swap" rel="stylesheet">
  <link rel="preload" href="Minecraft-Slaizen-Edition.webp" as="image" type="image/webp" fetchpriority="high">
  <link rel="preload" href="Minecraft-Small.otf" as="font" type="font/otf" crossorigin>
  <link rel="preload" href="Skin-SlaizenPose.png" as="image" type="image/png" fetchpriority="high">
  <link rel="dns-prefetch" href=".">
</head>
<!--╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗   
    ║                                       ██ ACCESSING: CSS CORE ██                                      ║   
    ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<style>
  * {
    box-sizing: border-box;
  }

  html,
  body {
    height: 100%;
  }

  /* Prevent Flash of Untranslated Content (FOUT) */
  html.i18n-loading [data-en],
  html.i18n-loading [data-en-title],
  html.i18n-loading [data-en-alt] {
    visibility: hidden !important;
  }

  /* i18n Visibility Rules */
  html[lang="en"] .lang-fr {
    display: none !important;
  }

  html[lang="fr"] .lang-en {
    display: none !important;
  }

  @font-face {
    font-family: 'Minecraft';
    src: url('Minecraft-Small.otf') format('opentype');
    font-display: swap;
  }

  body {
    margin: 0;
    font-family: 'Minecraft', 'Press Start 2P', monospace;
    background: transparent;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }

  /* Foreground layout */
  .stage {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .logo-wrap {
    position: relative;
    margin-top: 10vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible;
  }

  .logo-img {
    width: min(58vw, 820px);
    height: auto;
    image-rendering: pixelated;
    display: block;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  /* Yellow splash */
  .splash {
    position: absolute;
    right: 20px;
    top: 12vh;
    transform: translateX(50%) rotate(-18deg) scale(1);
    background: transparent;
    color: #ffe600;
    font-weight: 900;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    font-family: 'Minecraft', 'Press Start 2P', monospace;
    font-size: clamp(14px, 2.5vw, 32px);
    white-space: nowrap;
    text-shadow: 2px 2px 0 #000;
    animation: splashPulse 0.5s ease-in-out infinite alternate;
    transform-origin: center;
    text-align: center;
  }

  @keyframes splashPulse {
    from {
      transform: translateX(50%) rotate(-18deg) scale(1);
    }

    to {
      transform: translateX(50%) rotate(-18deg) scale(1.16);
    }
  }

  :root {
    --button-height: clamp(40px, min(8vw, 8vh), 64px);
    --ui-scale: clamp(0.6, min(8vw, 8vh) / 100, 1);
    --button-font-size: clamp(12px, min(3vw, 3vh), 28px);
    --button-padding: clamp(16px, 4vw, 36px);
    --button-min-width: clamp(300px, min(75vw, 80vh), 620px);
  }

  /* Menu */
  .menu {
    margin-top: 12vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    position: relative;
  }

  .btn {
    appearance: none;
    border: 3.5px solid #000000;
    color: #fff;
    font-weight: 700;
    font-family: 'Minecraft', 'Press Start 2P', monospace;
    letter-spacing: 1px;
    text-transform: none;
    font-size: var(--button-font-size);
    height: var(--button-height);
    padding: 0 var(--button-padding);
    min-width: var(--button-min-width);
    text-align: center;
    transform: scale(var(--ui-scale));
    background: linear-gradient(#7a7a7a, #6a6a6a);
    /* thicker inner bevel lines, no outer drop shadow */
    box-shadow: inset 0 3.5px 0 #9e9e9e, inset 0 -6.5px 0 #545454, inset 3.5px 0 0 #9e9e9e, inset -3.5px 0 0 #545454;
    border-radius: 0;
    cursor: pointer;
    text-shadow: 2px 2px 0 #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    will-change: transform, box-shadow, filter;
  }

  .btn:hover {
    filter: brightness(1.08);
    border-color: #fff;
  }

  .btn:active {
    transform: scale(var(--ui-scale)) translateY(2px);
    box-shadow: inset 0 2.5px 0 #9e9e9e, inset 0 -5.5px 0 #545454, inset 2.5px 0 0 #9e9e9e, inset -5.5px 0 0 #545454;
  }

  .btn.small {
    font-size: clamp(10px, min(2.5vw, 2.5vh), 22px);
    min-width: calc((var(--button-min-width) - var(--button-height) * 2 - clamp(24px, 6vw, 36px)) / 2);
    width: 100%;
    padding: 0 clamp(16px, 3vw, 28px);
  }

  /* Figure to the left of all buttons */
  .skin-figure {
    position: absolute;
    left: calc(-1 * clamp(250px, min(var(--button-min-width), var(--button-height) * 8) * 0.8, 450px));
    top: clamp(-80px, -8vh, -120px);
    height: calc((var(--button-height) * 3 + 28px) * 2.8);
    z-index: 5;
    image-rendering: pixelated;
    pointer-events: none;
    transform-origin: bottom center;
    animation: skinBreathe 3.2s ease-in-out infinite;
  }

  @keyframes skinBreathe {

    0%,
    100% {
      transform: scale(1);
    }

    50% {
      /* slight chest expansion, feet stay planted */
      transform: scaleX(0.992) scaleY(1.018);
    }
  }

  /* Ensure language icon sits above the skin figure */
  .icon.globe {
    position: relative;
    z-index: 10;
  }

  /* Bottom row: icons + two equal buttons */
  .menu-row {
    display: grid;
    grid-template-columns: var(--button-height) calc(var(--button-min-width) / 2 - clamp(6px, 1.5vw, 8px)) calc(var(--button-min-width) / 2 - clamp(6px, 1.5vw, 8px)) var(--button-height);
    align-items: center;
    gap: clamp(8px, 2vw, 12px);
    margin-top: clamp(24px, 6vh, 36px);
    justify-items: stretch;
    justify-self: center;
  }

  /* Style générique pour les icônes avec extension */
  .icon {
    width: auto;
    /* Permet au bouton de s'adapter au contenu */
    min-width: var(--button-height);
    max-width: var(--button-height);
    /* État fermé par défaut */
    height: var(--button-height);
    border-radius: 0;
    border: 3.5px solid #000000;
    background: linear-gradient(#7a7a7a, #6a6a6a);
    box-shadow: inset 0 3.5px 0 #9e9e9e, inset 0 -6.5px 0 #545454;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    will-change: max-width, filter, border-color;
    transition: max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    z-index: 100;
  }

  .icon:hover {
    max-width: 300px;
    /* Limite supérieure pour l'animation déroulante */
    filter: brightness(1.08);
    border-color: #fff;
    padding-right: 15px;
    /* Petit espace de finition à droite */
  }

  .icon:active {
    transform: translateY(2px);
    box-shadow: inset 0 2.5px 0 #9e9e9e, inset 0 -5.5px 0 #545454;
  }

  /* Positionnement des images dans les icônes */
  .icon.globe::before,
  .icon.profile::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: calc(var(--button-height) - 15px);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    image-rendering: pixelated;
    pointer-events: none;
    z-index: 10;
  }

  .icon.globe::before {
    background-image: url('Language.png');
    left: auto;
    right: 4px;
    /* Ancré à droite */
  }

  .icon.profile::before {
    background-image: url('Profiles.png');
    left: 4px;
    /* Ancré à gauche */
  }

  .icon-text {
    opacity: 0;
    margin-left: calc(var(--button-height) - 4px);
    transition: opacity 0.2s ease 0.1s;
    font-size: clamp(10px, 1.4vw, 16px);
    font-family: 'Minecraft', 'Press Start 2P', monospace;
    color: #ffffff;
    text-shadow: 2px 2px 0 #000;
    pointer-events: none;
  }

  /* Version spécifique pour le globe (extension vers la gauche) */
  .icon.globe {
    justify-self: end;
    justify-content: flex-end;
  }

  .icon.globe:hover {
    padding-left: 18px;
    padding-right: 0;
  }

  .icon.globe .icon-text {
    margin-left: 0;
    margin-right: calc(var(--button-height) - 4px);
  }

  /* Version spécifique pour le profil (extension vers la droite) */
  .icon.profile {
    justify-self: start;
    justify-content: flex-start;
  }

  .icon.profile:hover {
    padding-right: 18px;
    padding-left: 0;
  }

  .icon.profile .icon-text {
    margin-left: calc(var(--button-height) - 4px);
    margin-right: 0;
  }

  .icon:hover .icon-text {
    opacity: 1;
  }

  /* Footer meta */
  .meta {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 4px;
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    color: #fff;
    text-shadow: 2px 2px 0 #000;
    font-size: clamp(14px, 2vw, 26px);
    font-family: 'Minecraft', 'Press Start 2P', monospace;
    z-index: 20;
  }

  .version {
    opacity: .95;
  }

  /* Progressive responsiveness - smooth scaling */
  .splash {
    right: 20px;
    top: clamp(10vh, 12vh, 12vh);
    transform: translateX(50%) rotate(-18deg) scale(clamp(0.8, 1, 1));
    font-size: clamp(12px, 2.3vw, 30px);
    animation-duration: clamp(0.4s, 0.5s, 0.5s);
  }

  .menu {
    gap: clamp(12px, 2vh, 16px);
    margin-top: clamp(8vh, 15vh, 20vh);
  }

  .logo-img {
    width: clamp(min(54vw, 520px), min(58vw, 820px), min(58vw, 820px));
  }

  /* Page views counter */
  .page-views-counter {
    position: fixed;
    bottom: 38px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    font-family: 'Minecraft', 'Press Start 2P', monospace;
    font-size: clamp(10px, 1.5vw, 14px);
    color: #bdbdbd;
    z-index: 25;
    text-shadow: 1px 1px 0 #000;
  }

  .page-views-counter .views-icon {
    font-size: clamp(10px, 1.5vw, 14px);
  }

  .page-views-counter .views-count {
    color: #4dd4a8;
    font-weight: bold;
  }

  .page-views-counter .views-label {
    color: #888;
  }
</style>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                                      ██ ACCESSING: LOCAL PAGE ██                                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<body>
  <!-- Audio element for button click sound -->
  <audio id="clickSound" preload="auto">
    <source src="Minecraft Click Sound Effect..wav" type="audio/wav">
  </audio>

  <main class="stage">
    <header class="logo-wrap">
      <img class="logo-img" src="Minecraft-Slaizen-Edition.webp" alt="Minecraft Slaizen Edition"
        data-en-alt="Minecraft Slaizen Edition" loading="eager" />
      <div class="splash" id="splashText">Herobrine Lives!</div>
    </header>

    <section class="menu">
      <img class="skin-figure" src="Skin-SlaizenPose.png" alt="Slaizen skin pose" data-en-alt="Slaizen skin pose" />
      <button class="btn" onmousedown="loadPage('screenshots.html')">
        <span class="lang-fr">Mon aventure Minecraft</span>
        <span class="lang-en">my Minecraft Adventure</span>
      </button>
      <button class="btn" onmousedown="loadPage('saves.html')">
        <span class="lang-fr">Mondes / Schematics</span>
        <span class="lang-en">Worlds / Schematics</span>
      </button>
      <button class="btn" onmousedown="loadPage('skins.html')">
        <span class="lang-fr">Skins / Packs de textures</span>
        <span class="lang-en">Skins / Texture Pack</span>
      </button>

      <div class="menu-row">
        <button class="icon globe" title="Langue" data-en-title="Language" onclick="window.i18n.toggle()">
          <span class="icon-text">
            <span class="lang-fr">Langue</span>
            <span class="lang-en">Language</span>
          </span>
        </button>
        <button class="btn small">
          <span class="lang-fr">Mes Collectibles</span>
          <span class="lang-en">my Collectible</span>
        </button>
        <button class="btn small" onmousedown="window.top.location.href='../theHideout/index.html'">
          <span class="lang-fr">Retour au Repère</span>
          <span class="lang-en">Back to Site</span>
        </button>
        <button class="icon profile" title="Profil" data-en-title="Profile" onmousedown="loadPage('profiles.html')">
          <span class="icon-text">
            <span class="lang-fr">Profils</span>
            <span class="lang-en">Profiles</span>
          </span>
        </button>
      </div>
    </section>

    <footer class="meta">
      <div class="version">Minecraft 1.21.8/Fabric (Modded)</div>
      <div class="copyright">
        <span class="lang-fr">Copyright Slaizen.com - Ne pas distribuer !</span>
        <span class="lang-en">Copyright Slaizen.com - Do not distribute!</span>
      </div>
    </footer>

    <!-- Page views counter -->
    <div class="page-views-counter">
      <span class="views-icon">👁️</span>
      <span class="views-count" id="page-views-count">...</span>
      <span class="views-label">
        <span class="lang-fr">vues</span>
        <span class="lang-en">views</span>
      </span>
    </div>
  </main>

  <!-- Supabase -->
  <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
  <script src="../coreSystem/supabase.js"></script>
  <script src="../coreSystem/i18n.js"></script>
  <script src="../coreSystem/founder.js"></script>
  <script src="../coreSystem/tracking.js"></script>
</body>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                                       ██ AI JAVASCRIPT OUTPUT ██                                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<script>
  // Function to play click sound
  function playClickSound() {
    const clickSound = document.getElementById('clickSound');
    if (clickSound) {
      clickSound.currentTime = 0; // Reset to beginning to allow rapid clicks
      clickSound.play().catch(e => {
        // Ignore audio play errors (e.g., if user hasn't interacted yet)
      });
    }
  }

  // Optimized page loading function
  function loadPage(url) {
    playClickSound();
    // Navigate immediately
    window.location.href = url;
  }

  // Random splash messages like in real Minecraft
  const splashMessages = [
    { fr: "Herobrine était ici !", en: "Herobrine was here!" },
    { fr: "Je tape sur des arbres depuis 2013 !", en: "Punching trees since 2013!" },
    { fr: "Il te regarde miner...", en: "He sees you mining.." },
    { fr: "Données de bloc corrompues.", en: "Block data corrupted." },
    { fr: "Ne creuse pas trop profond...", en: "Don't dig too deep.." },
    { fr: "Échec du chargement du chunk de réalité.", en: "Reality chunk failed to load." },
    { fr: "Ton monde t'observe !", en: "Your world is watching you!" },
    { fr: "Tu as laissé le portail ouvert !", en: "You left the portal open!" },
    { fr: "Les Creepers vont creeper !", en: "Creepers gonna creep!" },
    { fr: "Creuse tout droit vers le bas !", en: "Dig straight down!" },
    { fr: "Les moutons savent...", en: "The sheep know.." },
    { fr: "Quelqu'un d'autre a rejoint le monde !", en: "Someone else joined the world!" },
    { fr: "Il est toujours dans le code.", en: "He's still in the code." },
    { fr: "Bon retour, Ninja Déchu !", en: "Welcome back, Fallen Ninja!" },
    { fr: "Le royaume cubique de Slaizen !", en: "Slaizen's Blocky Realm!" },
    { fr: "Qui a posé ce bloc ?", en: "Who placed that block?" },
    { fr: "Ne le regarde pas dans les yeux !", en: "Don't make eye contact!" },
    { fr: "Le créateur ne s'est jamais déconnecté...", en: "The creator never logged out.." },
    { fr: "Il n'a jamais appuyé sur quitter...", en: "He never pressed quit.." },
    { fr: "Ils copieront. Ils ne comprendront pas.", en: "They will copy. Not understand." },
    { fr: "Monde joué pour la dernière fois : il y a trop longtemps.", en: "World last played: too long ago." },
    { fr: "Un chunk oublié a été trouvé.", en: "A forgotten chunk was found." },
    { fr: "Il a posé la première torche.", en: "He placed the first torch." },
    { fr: "La seed est en train de se réécrire.", en: "The seed is rewriting itself." },
    { fr: "Structure inconnue en (0, 0).", en: "Unknown structure at (0, 0)." },
    { fr: "Sauvegarde corrompue. Continuer quand même ?", en: "Save corrupted. Continue anyway?" },
    { fr: "Il est parti pour que tu puisses rester.", en: "He left so you could stay." },
    { fr: "Tu ne peux pas réapparaître après ça.", en: "You can’t respawn from this." },
    { fr: "Vidage de mémoire terminé. Tu es resté.", en: "Memory dump complete. You remained." },
    { fr: "Ce royaume tourne encore tout seul.", en: "This realm was left running." },
    { fr: "Le monde a survécu sans son créateur.", en: "The world survived without its creator." },
    { fr: "Sauvegarde en cours... après toutes ces années.", en: "Still saving... after all these years." },
    { fr: "Les panneaux sont vides maintenant.", en: "The signs are blank now." },
    { fr: "Pas supprimé. Juste oublié.", en: "Not deleted. Just forgotten." },
    { fr: "Il a bâti l'éternité, puis s'est déconnecté.", en: "He built eternity, then logged off." },
    { fr: "Chaque pixel se souvient des rires.", en: "Every pixel remembers laughter." },
    { fr: "L'abandon s'est transformé en légende.", en: "Abandon turned into legend." },
    { fr: "Autrefois, ce monde était plein de voix.", en: "Once, this world was full of voices." },
    { fr: "Ce n'était jamais juste un jeu.", en: "It was never just a game." },
    { fr: "La base est toujours là, plus vide que jamais.", en: "The base still stands, emptier than ever." },
    { fr: "L'ancien spawn semble trop calme.", en: "The old spawn feels too quiet." },
    { fr: "Le chien attend toujours son retour.", en: "The dog still waits for his return." },
    { fr: "Leurs histoires ont survécu à la déconnexion.", en: "Their stories survived the logout." },
    { fr: "Ils n'ont pas dit au revoir.", en: "They didn't say goodbye." },
    { fr: "J'ai construit une ferme pour pouvoir arrêter de jouer.", en: "Built a farm so I could stop playing." },
  ];

  // Function to set random splash text
  function setRandomSplash() {
    const splashElement = document.getElementById('splashText');
    if (splashElement) {
      const randomIndex = Math.floor(Math.random() * splashMessages.length);
      const msg = splashMessages[randomIndex];
      splashElement.innerHTML = `
        <span class="lang-fr">${msg.fr}</span>
        <span class="lang-en">${msg.en}</span>
      `;
    }
  }

  // Preload pages for faster navigation
  document.addEventListener('DOMContentLoaded', function () {
    // Set random splash text on page load
    setRandomSplash();

    // Preload the most likely next pages
    const pagesToPreload = ['screenshots.html', 'saves.html', 'skins.html'];

    pagesToPreload.forEach(url => {
      const link = document.createElement('link');
      link.rel = 'prefetch';
      link.href = url;
      document.head.appendChild(link);
    });

    // Ensure logo image is always loaded
    const logoImg = document.querySelector('.logo-img');
    if (logoImg) {
      logoImg.onload = function () {
        // Logo loaded successfully
      };
      logoImg.onerror = function () {
        // Force reload if error
        const src = logoImg.src;
        logoImg.src = '';
        setTimeout(() => {
          logoImg.src = src + '?t=' + Date.now();
        }, 100);
      };
    }
  });

  // ============================================
  // COMPTEUR DE VUES DE LA PAGE
  // ============================================
  // Utilise le module tracking.js centralisé du coreSystem

  // Initialiser après le chargement de Supabase
  function initPageTracking(attempts = 0) {
    if (typeof supabase !== 'undefined' && supabase) {
      // Tracker la visite de la page d'abord, puis charger le compteur après l'enregistrement
      if (typeof trackPageVisit === 'function') {
        // Attendre que la visite soit enregistrée avant de charger le compteur
        trackPageVisit().then(() => {
          // Une fois la visite enregistrée, charger le compteur avec un petit délai
          // pour laisser la base de données se synchroniser
          setTimeout(() => {
            if (typeof loadAndDisplayPageViews === 'function') {
              loadAndDisplayPageViews('page-views-count');
            }
          }, 300);
        }).catch(() => {
          // En cas d'erreur, charger quand même le compteur
          if (typeof loadAndDisplayPageViews === 'function') {
            loadAndDisplayPageViews('page-views-count');
          }
        });
      } else {
        // Si trackPageVisit n'est pas disponible, charger directement
        if (typeof loadAndDisplayPageViews === 'function') {
          loadAndDisplayPageViews('page-views-count');
        }
      }

      // Mettre à jour le compteur toutes les 2 secondes pour un affichage en temps réel plus réactif
      setInterval(() => {
        if (typeof loadAndDisplayPageViews === 'function') {
          loadAndDisplayPageViews('page-views-count');
        }
      }, 2000);
    } else if (attempts < 10) {
      setTimeout(() => initPageTracking(attempts + 1), 500);
    }
  }

  // Lancer l'initialisation après DOMContentLoaded
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initPageTracking);
  } else {
    // DOM déjà chargé, appeler immédiatement
    initPageTracking();
  }

  /**
   * ============================================
   * PROTECTION & SÉCURITÉ
   * ============================================
   */
  // Désactiver le clic droit
  document.addEventListener('contextmenu', e => e.preventDefault());

  // Empêcher de glisser les images
  document.addEventListener('dragstart', e => {
    if (e.target.tagName === 'IMG') e.preventDefault();
  });

  // Bloquer les raccourcis clavier de développement
  document.addEventListener('keydown', e => {
    if (
      e.keyCode === 123 || // F12
      (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74)) || // Ctrl+Shift+I/J
      (e.ctrlKey && e.keyCode === 85) // Ctrl+U
    ) {
      e.preventDefault();
      return false;
    }
  });
</script>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                      ██ FIRST CREATED: 2025-10-14 ██ LAST UPDATED: 2026-04-04 ██                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║ ██ INTRUSION DETECTED ██                                                                              ║    
    ║ ██ UNAUTHORIZED ACCESS ATTEMPT LOGGED ██                                                              ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║ ██ TERMINATING CONNECTION ██                                                                          ║    
    ║ ██ DISCONNECTING FROM SLAIZEN.COM ██                                                                  ║    
    ║ ██ CONNECTION CLOSED ██                                                                               ║    
    ║                                                                                                       ║    
    ║ ██ YOU ARE NOW LEAVING THE UNDER-GRID ██                                                              ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝    
  ███████ ██       █████  ██ ███████ ███████ ███    ██     ██    ███ ███████ ███████ ██  █████       ██ ███████  
  ██      ██      ██   ██ ██    ███  ██      ████   ██     ██   ████      ██  ███    ██ ██   ██      ██      ██  
  ███████ ██      ███████ ██   ███   █████   ██ ██  ██     ██  ██ ██   █████   ███   ██ ███████      ██ ███████  
       ██ ██      ██   ██ ██  ███    ██      ██  ██ ██     ██ ██  ██      ██    ███  ██ ██   ██      ██ ██       
  ███████ ███████ ██   ██ ██ ███████ ███████ ██   ████     ████   ██ ███████ ███████ ██ ██   ██ ███████ ███████  
-->