<!--                                                                                                             
               ████                                                                           ████               
             ███                                                                                 ███             
           ███                                        ██                                           ███           
        ████                                          ██                                             ████        
      ████                                                                                             ████      
    ████                                                                                                 ████    
  █████████████████████     ██               ████     ██    █████████████   █████████     █████████████████████  
                 ████     ████             ██████     ██              ███                   ████                 
               ███      ████             ███   ██     ██            ███                       ████               
             ███      ████             ███     ██     ██         ████       ███████████████      ███             
          ████      ███              ████████████     ██       ████                                ███           
        ████      ███              ███         ██     ██     ████                                    ████        
      ████      ██████████████  ████           ██     ██   ██████████████   ████████████████████       ████      
                                                                                                                 
       ██ 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>
    <meta charset="UTF-8">
    <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');
                setTimeout(function() {
                    document.documentElement.classList.remove('i18n-loading');
                }, 1000);
            }
        })();
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Le repère du vieux Web des années 2000. Retro web archive: download MSN Messenger gifs, Smiley Central winks, ads & commercial, play Flash games via Ruffle, listen to French audio sagas (Naheulbeuk, Reflets d'Acide, Banal Fantasy, Follerie), and watch cult videos.">
    <meta name="keywords" content="vieux web, retro web, archive web, old web archive, old web, smiley central, smiley central download, smiley central free, smiley central ads, smiley central commercial, download smiley central, smiley central toolbar, download msn gifs, msn messenger sounds, winks msn download, émotisons msn, emoticones msn, naheulbeuk, survivaure, banal fantasy, reflets d'acide, le stupid show, lestupidshow, tetes a claques, tom et ses chums, farador, follerie, sketchs follerie.com, wfanimation, ryo the ninja, mario bros z, flash games, ruffle, play flash games, thing thing flash game, pico school play, la foire aux mysteres, foire aux mysteres 1, foire aux mysteres 2, foire aux mysteres 3, houdini flash, les nuits de mr snoozleberg, snoozleberg flash game, jeu tire culotte, tire-culotte teletoon, ultimate naruto fan flash, salad fingers, salad finger, mp3, retro gaming, nostalgie, 2000s, MSN Messenger">
    <meta name="robots" content="index, follow">
    
    <!-- Open Graph tags for Discord, Facebook, Twitter, etc. -->
    <meta property="og:title" content="Slaizen Archive - Sagas MP3, Vidéos Rétro, Gifs MSN & Smiley Central">
    <meta property="og:description" content="Retro web archive: Download Smiley Central (exclusive ad commercial), naheulbeuk, reflets d'acide, banal fantasy, le stupid show, tom et ses chums, farador, and MSN Messenger winks.">
    <meta property="og:image" content="https://slaizen.com/oldweb/preview-lestupidshow.webp">
    <meta property="og:type" content="website">
    
    <!-- Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Slaizen Archive - Sagas MP3 & Vidéos Rétro">
    <meta name="twitter:description" content="Écoutez en continu Naheulbeuk, Reflets d'Acide, Banal Fantasy, et regardez Le Stupid Show, Têtes à Claques, Mario Bros Z sur Ruffle.">
    <meta name="twitter:image" content="https://slaizen.com/oldweb/preview-lestupidshow.webp">
    
    <title>Slaizen Archive - L'Archive du vieux Web (Gifs MSN, Jeux Flash, Sagas MP3)</title>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                                       ██ ACCESSING: CSS CORE ██                                       ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
    <link rel="stylesheet" href="style.css">
    <style>
        .sidebar-toolbar {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 4px;
            padding: 4px;
            background: #f1f1f1;
            border-bottom: 1px solid #ccc;
        }

        .toolbar-btn {
            padding: 5px 1px;
            font-size: 9px;
            font-weight: bold;
            white-space: nowrap;
            cursor: pointer;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
        }

        .toolbar-btn.active {
            background: #e0e0e0;
            border-style: inset;
        }

        /* Navigation controls */
        .nav-controls {
            display: flex;
            gap: 4px;
            margin-right: 5px;
        }

        .nav-btn {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.3);
            color: white;
            padding: 1px 6px;
            font-size: 10px;
            cursor: pointer;
            border-radius: 2px;
            transition: all 0.1s;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 18px;
            width: 18px;
        }

        .nav-btn:hover {
            background: rgba(255, 255, 255, 0.2);
            border-color: white;
        }

        .nav-btn:active {
            background: rgba(0, 0, 0, 0.1);
            transform: translateY(1px);
        }

        .nav-btn.btn-back {
            background: #c62828;
            border-color: #fff;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(198, 40, 40, 0.4);
        }

        .nav-btn.btn-back:hover {
            background: #d32f2f;
            box-shadow: 0 3px 8px rgba(198, 40, 40, 0.6);
        }

        .msn-window-container {
            position: fixed;
            top: 40%;
            left: 10%;
            width: 406px;
            height: 425px;
            z-index: 10000;
            overflow: visible;
            border: none;
            background: transparent;
            border-radius: 12px;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);

            /* Animation properties */
            opacity: 0;
            visibility: hidden;
            transform: scale(0.8);
            transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            pointer-events: none;
        }

        .msn-window-container.msn-visible {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
            pointer-events: auto;
        }

        .msn-iframe {
            width: 100%;
            height: 100%;
            border: none;
            display: block;
        }

        .msn-launcher-container {
            position: fixed;
            bottom: 5px;
            left: 20px;
            z-index: 9999;
            animation: msnFloat 4s ease-in-out infinite;
            animation-delay: -1.5s;
            pointer-events: none;
        }

        .msn-launcher {
            width: 80px;
            height: 80px;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.25));
            pointer-events: auto;
            display: block;
        }

        @keyframes msnFloat {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-10px);
            }
        }

        .msn-launcher:hover {
            transform: scale(1.12);
            filter: drop-shadow(0 6px 15px rgba(0, 0, 0, 0.3));
        }

        .msn-launcher:active {
            transform: scale(0.92);
            filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.2));
        }

        /* MSN Pseudo */
        .msn-pseudo-wrapper {
            display: flex;
            align-items: flex-end;
            gap: 5px;
            pointer-events: auto;
        }

        .msn-pseudo {
            font-family: 'Tahoma', sans-serif;
            font-size: 13px;
            color: #2b5797;
            background: rgba(255, 255, 255, 0.9);
            padding: 6px 15px;
            border-radius: 20px;
            border: 1px solid #a4b9e1;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            transition: all 0.2s;
            user-select: none;
            white-space: nowrap;
            position: relative;
            font-weight: bold;
            margin-bottom: 10px;
            margin-left: -40px;
        }

        .msn-pseudo:hover {
            background: white;
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
            color: #1e3a8a;
        }

        .msn-status-dot {
            width: 10px;
            height: 10px;
            background: #22ff22;
            border-radius: 50%;
            position: absolute;
            right: -12px;
            top: 50%;
            transform: translateY(-50%);
            box-shadow: 0 0 5px #22ff22;
        }

        .pseudo-bubble {
            position: absolute;
            bottom: 140%;
            left: 50%;
            transform: translateX(-50%) translateY(10px);
            background: #fff;
            border: 1px solid #ccc;
            padding: 8px 12px;
            border-radius: 10px;
            font-size: 11px;
            color: #666;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            opacity: 0;
            transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
            pointer-events: none;
            width: 180px;
            text-align: center;
            z-index: 10000;
        }

        .pseudo-bubble.show {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
        }

        .pseudo-bubble::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }



        .msn-drag-handle {
            position: absolute;
            top: 0;
            left: 0;
            right: 100px;
            /* Leave space for buttons in the iframe */
            height: 35px;
            cursor: move;
            z-index: 10;
        }

        .msn-click-overlay {
            position: absolute;
            top: 35px;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 9;
            cursor: pointer;
            background: transparent;
        }

        .zoom-btn {
            background: #2e7d32;
            color: white;
            border: 2px solid #fff;
            padding: 8px 15px;
            font-size: 13px;
            font-weight: bold;
            border-radius: 8px;
            cursor: pointer;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            transition: all 0.2s;
            z-index: 999999;
            display: none;
            position: fixed;
            top: 20px;
            right: 20px;
        }

        .zoom-btn:hover {
            background: #388e3c;
            transform: scale(1.05);
        }

        .zoom-btn.active {
            background: #c62828;
            border-color: #fff;
            box-shadow: 0 0 15px rgba(198, 40, 40, 0.6);
        }


        .viewer-area {
            overflow: auto !important;
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }
        .viewer-area::-webkit-scrollbar {
            display: none;  /* Chrome, Safari and Opera */
        }

        .viewer-area iframe {
            width: 100%;
            height: 100%;
            border: none;
            transition: transform 0.3s ease-in-out;
            transform-origin: top center;
        }

        .viewer-area iframe.iframe-zoomed {
            transform: scale(1.5);
            margin-bottom: 50vh;
        }

        .site-years {
            font-size: 9px;
            color: #888;
            font-weight: bold;
            margin-left: 2px;
            font-family: 'Consolas', monospace;
        }
    </style>
</head>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                                      ██ ACCESSING: LOCAL PAGE ██                                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<body>
    <div class="main-container">
        <!-- Sidebar -->
        <div class="sidebar">
            <div class="sidebar-header">
                <div style="display:flex; align-items:center; gap:8px; flex:1;">
                    <span class="header-icon">
                        <svg width="14" height="14" viewBox="0 0 16 16" fill="gold"
                            style="filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.8))">
                            <path
                                d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.75.75 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z">
                            </path>
                        </svg>
                    </span>
                    <span class="header-title"><a href="archive.html" target="viewer"
                            style="color:white; text-decoration:none;" data-fr="Mes Favoris" data-en="My Favorites">Mes
                            Favoris</a></span>
                </div>
                <div class="nav-controls">
                    <a href="../theHideout/index.html" class="nav-btn btn-back"
                        style="width: auto; padding: 1px 6px; text-decoration: none; font-size: 11px; white-space: nowrap;"
                        data-fr="↩ Retour" data-en="↩ Back">↩
                        Retour</a>
                </div>
            </div>

            <div class="sidebar-toolbar">
                <button id="btn-sites" class="toolbar-btn active" onclick="switchNav('sites')" data-fr="Site Web"
                    data-en="Websites">Site Web</button>
                <button id="btn-videos" class="toolbar-btn" onclick="switchNav('videos')" data-fr="Vidéos"
                    data-en="Videos">Vidéos</button>
                <button id="btn-games" class="toolbar-btn" onclick="switchNav('games')" data-fr="Jeux Flash"
                    data-en="Flash Games">Jeux Flash</button>
                <button id="btn-animations" class="toolbar-btn" onclick="switchNav('animations')" data-fr="Animations Flash"
                    data-en="Flash Animations">Animations Flash</button>
                <button id="btn-mp3" class="toolbar-btn" onclick="switchNav('mp3')" data-fr="MP3"
                    data-en="MP3">MP3</button>
                <button id="btn-gifs" class="toolbar-btn" onclick="switchNav('gifs')" data-fr="Gifs"
                    data-en="Gifs">Gifs</button>
                <button id="btn-images" class="toolbar-btn" onclick="switchNav('images')" data-fr="Images"
                    data-en="Images">Images</button>
            </div>

            <!-- Sites Navigation -->
            <div id="sites-nav" class="favorites-list">
                <a href="archive.html" target="viewer" class="nav-shortcut" onclick="setZoom(false);"
                    style="margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 8px;">
                    <div class="nav-icon-box">
                        <img src="Internet-Explorer-Logo-2005.webp" class="nav-favicon">
                        <div class="nav-arrow"></div>
                    </div>
                    <span class="nav-label">The Old Web Archive <span class="site-years">[2026]</span></span>
                </a>
                <div id="dynamic-sites-shortcuts"></div>
            </div>

            <!-- Vidéos Navigation -->
            <div id="videos-nav" class="favorites-list" style="display: none;">
                <a href="archive.html" target="viewer" class="nav-shortcut" onclick="setZoom(false);"
                    style="margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 8px;">
                    <div class="nav-icon-box">
                        <span style="font-size: 14px;">🎥</span>
                    </div>
                    <span class="nav-label">Vidéos</span>
                </a>
                <div id="dynamic-videos-shortcuts"></div>
            </div>

            <!-- Jeux Flash Navigation -->
            <div id="games-nav" class="favorites-list" style="display: none;">
                <a href="archive.html" target="viewer" class="nav-shortcut" onclick="setZoom(false);"
                    style="margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 8px;">
                    <div class="nav-icon-box">
                        <span style="font-size: 14px;">🎮</span>
                    </div>
                    <span class="nav-label">Jeux Flash</span>
                </a>
                <div id="dynamic-games-shortcuts"></div>
            </div>

            <!-- Animations Navigation -->
            <div id="animations-nav" class="favorites-list" style="display: none;">
                <a href="archive.html" target="viewer" class="nav-shortcut" onclick="setZoom(false);"
                    style="margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 8px;">
                    <div class="nav-icon-box">
                        <span style="font-size: 14px;">🎞️</span>
                    </div>
                    <span class="nav-label">Animations Flash</span>
                </a>
                <div id="dynamic-animations-shortcuts"></div>
            </div>

            <!-- MP3 Navigation -->
            <div id="mp3-nav" class="favorites-list" style="display: none;">
                <a href="archive.html" target="viewer" class="nav-shortcut" onclick="setZoom(false);"
                    style="margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 8px;">
                    <div class="nav-icon-box">
                        <span style="font-size: 14px;">🎵</span>
                    </div>
                    <span class="nav-label">MP3</span>
                </a>
                <div id="dynamic-mp3-shortcuts"></div>
            </div>

            <!-- Gifs Navigation -->
            <div id="gifs-nav" class="favorites-list" style="display: none;">
                <a href="archive.html" target="viewer" class="nav-shortcut" onclick="setZoom(false);"
                    style="margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 8px;">
                    <div class="nav-icon-box">
                        <span style="font-size: 14px;">👾</span>
                    </div>
                    <span class="nav-label">Gifs</span>
                </a>
                <div id="dynamic-gifs-shortcuts"></div>
            </div>

            <!-- Images Navigation -->
            <div id="images-nav" class="favorites-list" style="display: none;">
                <a href="archive.html" target="viewer" class="nav-shortcut" onclick="setZoom(false);"
                    style="margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 8px;">
                    <div class="nav-icon-box">
                        <span style="font-size: 14px;">🖼️</span>
                    </div>
                    <span class="nav-label">Images</span>
                </a>
                <div id="dynamic-images-shortcuts"></div>
            </div>
        </div>

        <!-- Viewer Iframe -->
        <div class="viewer-area">
            <iframe id="viewer" name="viewer" src="archive.html" frameborder="0"
                onload="checkZoomVisibility()"></iframe>
        </div>
    </div>

    <!-- Icon Templates -->
    <svg style="display:none">
        <symbol id="folder-icon" viewBox="0 0 16 16">
            <path d="M1 3H6L7.5 4.5H15V14H1V3Z" fill="#FFE082" stroke="#B8860B" stroke-width="1" />
            <rect x="1" y="3" width="5" height="2" fill="#B8860B" />
        </symbol>
    </svg>

    <div class="msn-launcher-container">
        <div class="msn-pseudo-wrapper">
            <img id="msnLauncher" src="logo_msn-messenger.webp" class="msn-launcher" onclick="toggleMsn()"
                title="Masquer/Afficher MSN Messenger">
            <div id="msnPseudoTrigger" class="msn-pseudo" onclick="cycleOldSchoolPseudo()">
                <div class="msn-status-dot"></div>
                <span id="pseudoText">Slaizen</span>
                <div id="pseudoBubble" class="pseudo-bubble">Fait glisser pour générer ! 🎲</div>
            </div>
        </div>
    </div>



    <div id="msnWindow" class="msn-window-container">
        <div class="msn-drag-handle" id="msnTitle"></div>
        <iframe src="msn.html" class="msn-iframe" id="msnIframe" scrolling="no"></iframe>
        <div class="msn-click-overlay" onclick="window.location.href='../simulations/msn/index.html'" title="Ouvrir MSN Messenger en plein écran"></div>
    </div>



    <!-- Global Zoom Button (Fixed) -->
    <button id="main-zoom-btn" onclick="toggleZoom()" class="zoom-btn" title="Zoom avant/arrière pour vieux sites">🔍
        Zoom</button>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                                       ██ AI JAVASCRIPT OUTPUT ██                                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
    <script>
        // MSN Messenger Helpers
        function toggleMsn() {
            const win = document.getElementById('msnWindow');
            if (win.classList.contains('msn-visible')) {
                closeMsn();
            } else {
                win.classList.add('msn-visible');
            }
        }

        function closeMsn() {
            document.getElementById('msnWindow').classList.remove('msn-visible');
        }

        let canZoom = false;
        let isCurrentlyHome = true;
        let pendingZoom = null; // Store zoom settings until the page loads
        function showZoomButton(state) {
            canZoom = state;
            updateZoomButtonVisibility();
        }

        function updateZoomButtonVisibility() {
            const btn = document.getElementById('main-zoom-btn');
            const retBtn = document.getElementById('main-return-btn');
            if (btn) btn.style.display = canZoom ? 'block' : 'none';
            if (retBtn) retBtn.style.display = 'block';
        }

        function goHome() {
            if (isCurrentlyHome) {
                window.location.href = '../theHideout/index.html';
            } else {
                setZoom(false); // Reset zoom instantly via refactored setZoom
                const iframe = document.getElementById('viewer');
                iframe.src = 'archive.html';
            }
        }

        function setZoom(state, origin = 'top center', instant = false) {
            const iframe = document.getElementById('viewer');
            const btn = document.getElementById('main-zoom-btn');
            if (!iframe || !btn) return;

            // Disable transition for instantaneous changes (loading or returning)
            if (instant || !state) iframe.style.transition = 'none';

            if (state) {
                iframe.style.transformOrigin = origin;
                iframe.classList.add('iframe-zoomed');
                btn.classList.add('active');
                btn.textContent = "🔍 Dézoomer";
            } else {
                iframe.classList.remove('iframe-zoomed');
                btn.classList.remove('active');
                btn.textContent = "🔍 Zoom";
            }

            // Restore transition for future manual zoom button clicks
            iframe.offsetHeight; // Force reflow
            setTimeout(() => { if (iframe) iframe.style.transition = ''; }, 100);
        }

        function toggleZoom() {
            const iframe = document.getElementById('viewer');
            const isZoomed = iframe.classList.contains('iframe-zoomed');
            const currentOrigin = iframe.style.transformOrigin || 'top center';
            // Manual toggle stays smooth (false for instant)
            setZoom(!isZoomed, currentOrigin, false);
        }

        function checkZoomVisibility() {
            const iframe = document.getElementById('viewer');
            const btn = document.getElementById('main-zoom-btn');
            const zoomAllowed = localStorage.getItem('zoom-allowed') === 'true';
            canZoom = zoomAllowed;

            try {
                const path = iframe.contentWindow.location.pathname;
                if (path.includes('archive.html')) {
                    isCurrentlyHome = true;
                    canZoom = false;
                    localStorage.setItem('zoom-allowed', 'false');
                    setZoom(false, null, true); // Instant de-zoom
                    pendingZoom = null;
                } else {
                    isCurrentlyHome = false;
                    if (pendingZoom) {
                        setZoom(pendingZoom.state, pendingZoom.origin, true); // Instant zoom on load
                        pendingZoom = null;
                    }
                }
            } catch (e) {
                isCurrentlyHome = false;
                if (pendingZoom) {
                    setZoom(pendingZoom.state, pendingZoom.origin, true); // Instant zoom on load
                    pendingZoom = null;
                }
            }
            updateZoomButtonVisibility();
        }

        window.addEventListener('message', function (event) {
            if (event.data === 'close-msn') {
                closeMsn();
            }
            if (event.data.startsWith('zoom:on')) {
                isCurrentlyHome = false;
                const parts = event.data.split(':');
                const origin = parts[2] || 'top center';
                localStorage.setItem('zoom-allowed', 'true');
                localStorage.setItem('zoom-origin', origin);
                showZoomButton(true);
                pendingZoom = { state: true, origin: origin };
            }
            if (event.data === 'zoom:off') {
                localStorage.setItem('zoom-allowed', 'false');
                showZoomButton(false);
                setZoom(false, null, true); // Instant de-zoom
            }
        });

        // Main Navigation Script
        function goBack() {
            try {
                const viewer = document.getElementById('viewer');
                if (viewer && viewer.contentWindow) {
                    viewer.contentWindow.history.back();
                }
            } catch (e) { }
        }
        function goForward() {
            try {
                const viewer = document.getElementById('viewer');
                if (viewer && viewer.contentWindow) {
                    viewer.contentWindow.history.forward();
                }
            } catch (e) { }
        }

            function switchNav(type, preventPost) {
        loadSection(type);
        const categories = ['sites', 'videos', 'games', 'animations', 'mp3', 'gifs', 'images'];
        categories.forEach(cat => {
            const btn = document.getElementById(`btn-${cat}`);
            if (btn) btn.classList.toggle('active', cat === type);
            
            const el = document.getElementById(`${cat}-nav`);
            if (el) el.style.display = (cat === type) ? 'block' : 'none';
        });

        // Sauvegarde dans localStorage
        localStorage.setItem('activeCategory', type);

    }

    window.cachedClicks = {};

    // Écouter les notifications de l'iframe
    window.addEventListener('message', (e) => {
        if (e.data && e.data.type === 'syncCategory') {
            switchNav(e.data.category, true);
        }
        if (e.data && e.data.type === 'initialClicksData') {
            window.cachedClicks = { ...window.cachedClicks, ...e.data.clicks };
            console.log('👉 [SIDEBAR] Synchronisation initiale des clics de l\'iframe :', window.cachedClicks);
            // Mettre à jour tous les éléments .click-count à gauche
            for (const [siteId, count] of Object.entries(window.cachedClicks)) {
                document.querySelectorAll(`.click-count[data-site="${siteId}"]`).forEach(el => {
                    el.textContent = count;
                });
            }
        }
    });

    const loadedSections = {
        sites: false,
        videos: false,
        games: false,
        animations: false,
        mp3: false,
        gifs: false,
        images: false
    };

    function loadSection(type) {
        if (loadedSections[type]) return;
        const data = window.archiveData;
        if (!data) return;

        // 1. Sites
        if (type === 'sites') {
            const sitesContainer = document.getElementById('dynamic-sites-shortcuts');
            if (sitesContainer && data.sites) {
                sitesContainer.innerHTML = '';
                data.sites.forEach((cat, index) => {
                    if (!cat.items || cat.items.length === 0) return;
                    const details = document.createElement('details');
                    details.setAttribute('open', '');
                    
                    const catNameFr = cat.category.split('\n')[0];
                    const catNameEn = cat.category.split('\n')[1] || catNameFr;
                    
                    details.innerHTML = `
                        <summary>
                            <svg class="icon"><use href="#folder-icon" /></svg>
                            <span class="lang-fr">${catNameFr}</span>
                            <span class="lang-en">${catNameEn}</span>
                        </summary>
                        <div class="shortcut-grid"></div>
                    `;
                    const grid = details.querySelector('.shortcut-grid');
                    cat.items.forEach(item => {
                        const a = document.createElement('a');
                        a.href = item.url;
                        a.target = item.target === 'self' ? 'viewer' : '_blank';
                        a.className = 'nav-shortcut';
                        a.setAttribute('data-site', item.id);
                        if (item.target === 'self') {
                            const zoomState = item.zoom === 'off' ? 'zoom:off' : `zoom:on:${item.zoom}`;
                            a.setAttribute('onclick', `window.postMessage('${zoomState}', '*');`);
                        }
                        const yearsHTML = item.years ? ` <span class="site-years">${item.years}</span>` : '';
                        const favicon = item.favicon || 'favicon.ico';
                        a.innerHTML = `
                            <div class="nav-icon-box">
                                <img src="${favicon}" class="nav-favicon" loading="lazy" onerror="this.onerror=null; this.src='favicon.ico';">
                                <div class="nav-arrow"></div>
                            </div>
                            <span class="nav-label">${item.name}${yearsHTML} <span class="sidebar-click-count" style="font-size: 10px; opacity: 0.75; font-weight: normal; margin-left: 4px;">(<span class="click-count" data-site="${item.id}">0</span>)</span></span>
                        `;
                        grid.appendChild(a);
                    });
                    sitesContainer.appendChild(details);
                });
            }
            loadedSections.sites = true;
        }

        // 2. Vidéos
        if (type === 'videos') {
            const videosContainer = document.getElementById('dynamic-videos-shortcuts');
            if (videosContainer && data.videos) {
                videosContainer.innerHTML = '';
                data.videos.forEach((cat, index) => {
                    if (!cat.items || cat.items.length === 0) return;
                    const details = document.createElement('details');
                    details.setAttribute('open', '');
                    details.innerHTML = `
                        <summary>
                            <svg class="icon"><use href="#folder-icon" /></svg>
                            <span>${cat.name}</span>
                        </summary>
                        <div class="shortcut-grid"></div>
                    `;
                    const grid = details.querySelector('.shortcut-grid');
                    cat.items.forEach(item => {
                        const a = document.createElement('a');
                        a.href = 'javascript:void(0);';
                        a.className = 'nav-shortcut';
                        a.setAttribute('data-site', item.id);
                        a.addEventListener('click', () => {
                            const viewer = document.getElementById('viewer');
                            if (viewer && viewer.contentWindow) {
                                if (item.type === 'single') {
                                    viewer.contentWindow.postMessage({
                                        type: 'openVideo',
                                        url: item.url
                                    }, '*');
                                } else if (item.type === 'multipart') {
                                    viewer.contentWindow.postMessage({
                                        type: 'openMultipartVideo',
                                        title: item.title,
                                        url1: item.url1,
                                        siteId1: item.siteId1 || '',
                                        url2: item.url2 || '',
                                        siteId2: item.siteId2 || ''
                                    }, '*');
                                }
                            }
                        });
                        
                        let ytId = '';
                        let u = item.url || item.url1 || '';
                        if (u.includes('/embed/')) {
                            ytId = u.split('/embed/')[1].split('?')[0];
                        }
                        const thumb = ytId ? `https://img.youtube.com/vi/${ytId}/mqdefault.jpg` : 'https://www.google.com/s2/favicons?domain=youtube.com&sz=32';
                        a.innerHTML = `
                            <div class="nav-icon-box">
                                <img src="${thumb}" class="nav-favicon" loading="lazy" onerror="this.onerror=null; this.src='https://www.google.com/s2/favicons?domain=youtube.com&sz=32';">
                                <div class="nav-arrow"></div>
                            </div>
                            <span class="nav-label">${item.title} <span class="sidebar-click-count" style="font-size: 10px; opacity: 0.75; font-weight: normal; margin-left: 4px;">(<span class="click-count" data-site="${item.id}">0</span>)</span></span>
                        `;
                        grid.appendChild(a);
                    });
                    videosContainer.appendChild(details);
                });
            }
            loadedSections.videos = true;
        }

        // 3. Jeux Flash
        if (type === 'games') {
            const gamesContainer = document.getElementById('dynamic-games-shortcuts');
            if (gamesContainer && data.games) {
                gamesContainer.innerHTML = '';
                data.games.forEach((cat, index) => {
                    if (!cat.items || cat.items.length === 0) return;
                    cat.items.forEach(group => {
                        if (!group.items || group.items.length === 0) return;
                        const details = document.createElement('details');
                        details.setAttribute('open', '');
                        details.innerHTML = `
                            <summary>
                                <svg class="icon"><use href="#folder-icon" /></svg>
                                <span>${group.name}</span>
                            </summary>
                            <div class="shortcut-grid"></div>
                        `;
                        const grid = details.querySelector('.shortcut-grid');
                        group.items.forEach(item => {
                            const a = document.createElement('a');
                            a.href = 'javascript:void(0);';
                            a.className = 'nav-shortcut';
                            a.setAttribute('data-site', item.id);
                            a.addEventListener('click', () => {
                                const viewer = document.getElementById('viewer');
                                if (viewer && viewer.contentWindow) {
                                    viewer.contentWindow.postMessage({
                                        type: 'openSwf',
                                        url: item.url,
                                        title: item.title
                                    }, '*');
                                }
                            });
                            const icon = item.thumb ? item.thumb : 'favicon.ico';
                            a.innerHTML = `
                                <div class="nav-icon-box">
                                    <img src="${icon}" class="nav-favicon" loading="lazy" onerror="this.onerror=null; this.src='favicon.ico';">
                                    <div class="nav-arrow"></div>
                                </div>
                                <span class="nav-label">${item.title} <span class="sidebar-click-count" style="font-size: 10px; opacity: 0.75; font-weight: normal; margin-left: 4px;">(<span class="click-count" data-site="${item.id}">0</span>)</span></span>
                            `;
                            grid.appendChild(a);
                        });
                        gamesContainer.appendChild(details);
                    });
                });
            }
            loadedSections.games = true;
        }

        // 4. Animations Flash
        if (type === 'animations') {
            const animContainer = document.getElementById('dynamic-animations-shortcuts');
            if (animContainer && data.animations) {
                animContainer.innerHTML = '';
                data.animations.forEach((cat, index) => {
                    if (!cat.items || cat.items.length === 0) return;
                    cat.items.forEach(group => {
                        if (!group.items || group.items.length === 0) return;
                        const details = document.createElement('details');
                        details.setAttribute('open', '');
                        details.innerHTML = `
                            <summary>
                                <svg class="icon"><use href="#folder-icon" /></svg>
                                <span>${group.name}</span>
                            </summary>
                            <div class="shortcut-grid"></div>
                        `;
                        const grid = details.querySelector('.shortcut-grid');
                        group.items.forEach(item => {
                            const a = document.createElement('a');
                            a.href = 'javascript:void(0);';
                            a.className = 'nav-shortcut';
                            a.setAttribute('data-site', item.id);
                            a.addEventListener('click', () => {
                                const viewer = document.getElementById('viewer');
                                if (viewer && viewer.contentWindow) {
                                    viewer.contentWindow.postMessage({
                                        type: 'openSwf',
                                        url: item.url,
                                        title: item.title
                                    }, '*');
                                }
                            });
                            const icon = item.thumb ? item.thumb : 'favicon.ico';
                            a.innerHTML = `
                                <div class="nav-icon-box">
                                    <img src="${icon}" class="nav-favicon" loading="lazy" onerror="this.onerror=null; this.src='favicon.ico';">
                                    <div class="nav-arrow"></div>
                                </div>
                                <span class="nav-label">${item.title} <span class="sidebar-click-count" style="font-size: 10px; opacity: 0.75; font-weight: normal; margin-left: 4px;">(<span class="click-count" data-site="${item.id}">0</span>)</span></span>
                            `;
                            grid.appendChild(a);
                        });
                        animContainer.appendChild(details);
                    });
                });
            }
            loadedSections.animations = true;
        }

        // 5. MP3
        if (type === 'mp3') {
            const mp3Container = document.getElementById('dynamic-mp3-shortcuts');
            if (mp3Container && data.music) {
                mp3Container.innerHTML = '';
                data.music.forEach((cat, index) => {
                    if (!cat.items || cat.items.length === 0) return;
                    cat.items.forEach(group => {
                        if (!group.tracks || group.tracks.length === 0) return;
                        const details = document.createElement('details');
                        details.setAttribute('open', '');
                        details.innerHTML = `
                            <summary>
                                <svg class="icon"><use href="#folder-icon" /></svg>
                                <span>${group.name}</span>
                            </summary>
                            <div class="shortcut-grid"></div>
                        `;
                        const grid = details.querySelector('.shortcut-grid');
                        group.tracks.forEach(track => {
                            const a = document.createElement('a');
                            a.href = 'javascript:void(0);';
                            a.className = 'nav-shortcut';
                            a.setAttribute('data-site', track.id);
                            a.addEventListener('click', () => {
                                const viewer = document.getElementById('viewer');
                                if (viewer && viewer.contentWindow) {
                                    viewer.contentWindow.postMessage({
                                        type: 'playAudio',
                                        url: track.url,
                                        title: track.title,
                                        id: track.id
                                    }, '*');
                                }
                            });
                            a.innerHTML = `
                                <div class="nav-icon-box">
                                    <span style="font-size:12px;">🎵</span>
                                    <div class="nav-arrow"></div>
                                </div>
                                <span class="nav-label">${track.title} <span class="sidebar-click-count" style="font-size: 10px; opacity: 0.75; font-weight: normal; margin-left: 4px;">(<span class="click-count" data-site="${track.id}">0</span>)</span></span>
                            `;
                            grid.appendChild(a);
                        });
                        mp3Container.appendChild(details);
                    });
                });
            }
            loadedSections.mp3 = true;
        }

        // 6. Images (Gallery)
        if (type === 'images') {
            const imagesContainer = document.getElementById('dynamic-images-shortcuts');
            if (imagesContainer) {
                imagesContainer.innerHTML = '';
                
                const addImageSection = (title, items, basePath) => {
                    if (!items || items.length === 0) return;
                    const details = document.createElement('details');
                    details.setAttribute('open', '');
                    details.innerHTML = `
                        <summary>
                            <svg class="icon"><use href="#folder-icon" /></svg>
                            <span>${title}</span>
                        </summary>
                        <div class="shortcut-grid"></div>
                    `;
                    const grid = details.querySelector('.shortcut-grid');
                    items.forEach(item => {
                        const filename = typeof item === 'string' ? item : item.src;
                        const name = filename.split('.')[0].replace('_slaizen.com', '').replace('_slaizen', '');
                        const fullUrl = basePath + filename;
                        
                        const a = document.createElement('a');
                        a.href = 'javascript:void(0);';
                        a.className = 'nav-shortcut';
                        a.addEventListener('click', () => {
                            const viewer = document.getElementById('viewer');
                            if (viewer && viewer.contentWindow) {
                                viewer.contentWindow.postMessage({
                                    type: 'openImage',
                                    url: fullUrl,
                                    title: name
                                }, '*');
                            }
                        });
                        a.innerHTML = `
                            <div class="nav-icon-box">
                                <img src="icon_images.png" class="nav-favicon" width="16" height="16" style="object-fit: contain;">
                                <div class="nav-arrow"></div>
                            </div>
                            <span class="nav-label">${name}</span>
                        `;
                        grid.appendChild(a);
                    });
                    imagesContainer.appendChild(details);
                };

                // Avatar Tux
                if (window.tuxAvatars) {
                    addImageSection("Avatar Tux", window.tuxAvatars, "img/tux/");
                }
                // Wallpaper
                if (window.wallpaperImages) {
                    addImageSection("Wallpaper", window.wallpaperImages, "img/wallpapers/");
                }
                // Humour
                if (window.humorImages) {
                    addImageSection("Humour", window.humorImages, "img/humor/");
                }
            }
            loadedSections.images = true;
        }

        // 7. Gifs
        if (type === 'gifs') {
            const gifsContainer = document.getElementById('dynamic-gifs-shortcuts');
            if (gifsContainer) {
                gifsContainer.innerHTML = '';
                
                const addGifSection = (title, items, basePath) => {
                    if (!items || items.length === 0) return;
                    const details = document.createElement('details');
                    details.setAttribute('open', '');
                    details.innerHTML = `
                        <summary>
                            <svg class="icon"><use href="#folder-icon" /></svg>
                            <span>${title}</span>
                        </summary>
                        <div class="shortcut-grid"></div>
                    `;
                    const grid = details.querySelector('.shortcut-grid');
                    items.forEach(item => {
                        const filename = typeof item === 'string' ? item : item.src;
                        const name = filename.split('.')[0].replace('_slaizen.com', '').replace('_slaizen', '');
                        const fullUrl = basePath + filename;
                        
                        const a = document.createElement('a');
                        a.href = 'javascript:void(0);';
                        a.className = 'nav-shortcut';
                        a.addEventListener('click', () => {
                            const viewer = document.getElementById('viewer');
                            if (viewer && viewer.contentWindow) {
                                viewer.contentWindow.postMessage({
                                    type: 'openImage',
                                    url: fullUrl,
                                    title: name
                                }, '*');
                            }
                        });
                        a.innerHTML = `
                            <div class="nav-icon-box">
                                <img src="icon_images.png" class="nav-favicon" width="16" height="16" style="object-fit: contain;">
                                <div class="nav-arrow"></div>
                            </div>
                            <span class="nav-label">${name}</span>
                        `;
                        grid.appendChild(a);
                    });
                    gifsContainer.appendChild(details);
                };

                // Gifs MSN
                if (data.gifsMsn) {
                    addGifSection("Gifs MSN", data.gifsMsn, "img/gif/msn/");
                }
                // Smiley Central
                if (window.smileyGifs) {
                    addGifSection("Smiley Central", window.smileyGifs, "img/gif/msn/");
                }
                // Gifs Naruto
                if (window.narutoGifs) {
                    addGifSection("Gifs Naruto", window.narutoGifs, "img/gif/naruto/");
                }
            }
            loadedSections.gifs = true;
        }

        // Appliquer immédiatement les valeurs de clics en cache
        if (window.cachedClicks) {
            for (const [siteId, count] of Object.entries(window.cachedClicks)) {
                document.querySelectorAll(`.click-count[data-site="${siteId}"]`).forEach(el => {
                    el.textContent = count;
                });
            }
        }

        if (typeof window.loadAllSiteClicks === 'function') {
            window.loadAllSiteClicks();
        }
    }

    window.addEventListener('DOMContentLoaded', () => {
        if (typeof initSidebarTracking === 'function') {
            initSidebarTracking();
        }
        let activeCat = localStorage.getItem('activeCategory') || 'sites';
        switchNav(activeCat, true);
    });

    window.addEventListener('storage', (e) => {
        if (e.key === 'activeCategory') {
            switchNav(e.newValue, true);
        }
    });

        // Heartbeat check
        setInterval(checkZoomVisibility, 250);

        // Pseudo Generator Logic
        let currentPseudoIndex = 0;
        const baseName = "Slaizen";
        const patterns = [
            (n) => `xX_${n}_Xx`,
            (n) => `[ ${n} ]`,
            (n) => `-= ${n} =-`,
            (n) => `*~ ${n} ~*`,
            (n) => `(${n}) - (L)`,
            (n) => `[${n}] - (H)`,
            (n) => `... ${n} ...`,
            (n) => `${n}_99`,
            (n) => `o_O ${n} O_o`,
            (n) => `[ ${n.toUpperCase()} ]`,
            (n) => n.split('').map((c, i) => i % 2 === 0 ? c.toUpperCase() : c.toLowerCase()).join(''),
            (n) => `~*¤ ${n} ¤*~`
        ];

        function cycleOldSchoolPseudo() {
            const textElement = document.getElementById('pseudoText');
            const bubble = document.getElementById('pseudoBubble');

            // Generate next pseudo
            currentPseudoIndex = (currentPseudoIndex + 1) % patterns.length;
            const newPseudo = patterns[currentPseudoIndex](baseName);

            // Animation flash
            textElement.style.opacity = '0';
            setTimeout(() => {
                textElement.textContent = newPseudo;
                textElement.style.opacity = '1';
            }, 50)

            // Show bubble feedback
            bubble.textContent = "Nouveau Pseudo généré ! 🎲";
            bubble.classList.add('show');
            setTimeout(() => bubble.classList.remove('show'), 2000);
        }



        // MSN Draggable Logic
        dragElement(document.getElementById("msnWindow"));
        function dragElement(elmnt) {
            var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
            const header = document.getElementById("msnTitle");
            if (header) {
                header.onmousedown = (e) => {
                    if (e.target.closest('.msn-btn-img')) return;
                    e.preventDefault();
                    pos3 = e.clientX;
                    pos4 = e.clientY;
                    document.onmouseup = () => { document.onmouseup = null; document.onmousemove = null; };
                    document.onmousemove = (e) => {
                        e.preventDefault();
                        pos1 = pos3 - e.clientX; pos2 = pos4 - e.clientY; pos3 = e.clientX; pos4 = e.clientY;
                        elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
                        elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
                    };
                };
            }
        }

        // ============================================
        // COMPTEUR DE CLICS DES SHORTCUTS DE LA BARRE LATÉRALE
        // ============================================
        async function trackSiteClick(siteId) {
            console.log('👉 [SIDEBAR] trackSiteClick appelé pour:', siteId);
            const isFileProtocol = window.location.protocol === 'file:';
            if (isFileProtocol || typeof supabase === 'undefined' || !supabase) {
                try {
                    const localClicks = JSON.parse(localStorage.getItem('site-clicks') || '{}');
                    localClicks[siteId] = (localClicks[siteId] || 0) + 1;
                    localStorage.setItem('site-clicks', JSON.stringify(localClicks));
                } catch(e) {}
                return;
            }

            if (typeof isFounderForTracking === 'function') {
                const isFounder = await isFounderForTracking();
                if (isFounder) return;
            }

            try {
                let visitorId = typeof getOrCreateVisitorId === 'function' ? getOrCreateVisitorId() : null;
                let sessionId = typeof getOrCreateSessionId === 'function' ? getOrCreateSessionId() : null;
                let userId = null;
                try {
                    const { data: { session } } = await supabase.auth.getSession();
                    userId = session?.user?.id || null;
                } catch(e) {}

                const timestamp = new Date().toISOString();
                await supabase.from('events_counter').insert([{
                    event_type: 'site-click',
                    event_target: siteId,
                    page_url: window.location.pathname,
                    page_title: 'Site click (sidebar): ' + siteId,
                    referrer: window.location.href,
                    user_agent: navigator.userAgent,
                    visited_at: timestamp,
                    user_id: userId,
                    session_id: sessionId,
                    visitor_id: visitorId
                }]);
            } catch (err) {
                console.error('Error tracking site click from sidebar:', err);
            }
        }

        function initSidebarTracking() {
            // Mapping de secours pour les anciens liens statiques restants
            const siteMapping = {
                'le-repere-site.fr.nf': 'le-repere',
                'pizzaiolo.clan.free.fr': 'pizzaiolo',
                'slaizen.com/oldweb/shattered-souls': 'shattered-souls',
                'membres.lycos.fr/shinobiteam': 'shinobiteam',
                'shinobi-team.com': 'shinobiteam',
                'lapatate.com/index.html': 'lapatate.com',
                'perdu.com/index.html': 'perdu.com',
                'tomchums.blogspot.com': 'tomchums',
                'lestupidshow.com/index.html': 'lestupidshow',
                'follerie.com/index.html': 'follerie.com',
                'ledemondurire/index.html': 'ledemondurire',
                'wfanimation.com/index.htm': 'wfanimation',
                'penofchaos.com': 'naheulbeuk',
                'knarfworld.net': 'survivaure',
                'newgrounds.com': 'newgrounds',
                'radio-canada.ca/jeunesse': 'radio-canada',
                'battleon.com': 'battleon',
                'captainaruto.com': 'captainnaruto',
                'naruto.mx.free.fr': 'naruto-mx',
                'japflap.com': 'japflap',
                'wonaruto.com': 'wonaruto',
                'rpg-creative.net': 'rpg-creative',
                'rpgstory.free.fr': 'rpgstory'
            };

            // Fonction locale d'incrémentation
            window.incrementLocalClick = function(siteId) {
                console.log('👉 [SIDEBAR] Incrémentation locale du compteur de clics pour:', siteId);
                document.querySelectorAll(`.click-count[data-site="${siteId}"]`).forEach(el => {
                    const current = parseInt(el.textContent) || 0;
                    el.textContent = current + 1;
                });
            };

            // Écouter les messages d'incrémentation envoyés par l'iframe
            window.addEventListener('message', (event) => {
                if (event.data && event.data.type === 'incrementClick') {
                    window.incrementLocalClick(event.data.siteId);
                }
            });

            document.querySelectorAll('.nav-shortcut').forEach(link => {
                link.addEventListener('click', (e) => {
                    let matchedSiteId = link.getAttribute('data-site');
                    
                    // Fallback sur le mapping d'URL si data-site est absent
                    if (!matchedSiteId) {
                        const href = link.getAttribute('href');
                        if (href) {
                            for (const [key, siteId] of Object.entries(siteMapping)) {
                                if (href.includes(key)) {
                                    matchedSiteId = siteId;
                                    break;
                                }
                            }
                        }
                    }

                    console.log('👉 [SIDEBAR] Clic raccourci détecté pour siteId:', matchedSiteId);

                    if (matchedSiteId) {
                        if (typeof trackSiteClick === 'function') {
                            trackSiteClick(matchedSiteId);
                        }
                        
                        // Incrémenter notre propre compteur à gauche
                        window.incrementLocalClick(matchedSiteId);

                        // Envoyer un message à l'iframe pour qu'elle incrémente son compteur
                        try {
                            const iframe = document.getElementById('viewer');
                            if (iframe && iframe.contentWindow) {
                                iframe.contentWindow.postMessage({ type: 'incrementClick', siteId: matchedSiteId }, '*');
                            }
                        } catch(err) {
                            console.error('👉 [SIDEBAR] Erreur envoi postMessage:', err);
                        }
                    }
                });
            });
        }

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', initSidebarTracking);
        } else {
            initSidebarTracking();
        }
    </script>
    <script defer charset="utf-8" src="archive-data.js?v=2026.08.19.16"></script>
    <script defer charset="utf-8" src="gifs-data.js?v=2026.08.19.16"></script>
    <script defer src="../coreSystem/security.js"></script>
    <script defer src="../coreSystem/i18n.js"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
    <script defer src="../coreSystem/supabase.js"></script>
    <script defer src="../coreSystem/founder.js"></script>

    <!-- Synchronisation avec l'iframe -->
    <script>
        window.addEventListener('message', (event) => {
            if (event.data && event.data.type === 'languageChanged') {
                if (window.i18n && window.i18n.getLang() !== event.data.lang) {
                    window.i18n.toggle();
                }
            }
        });
    </script>
</body>

</html>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                      ██ FIRST CREATED: 2025-04-24 ██ LAST UPDATED: 2026-04-24 ██                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║ ██ INTRUSION DETECTED ██                                                                              ║    
    ║ ██ UNAUTHORIZED ACCESS ATTEMPT LOGGED ██                                                              ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║ ██ TERMINATING CONNECTION ██                                                                          ║    
    ║ ██ DISCONNECTING FROM SLAIZEN.COM ██                                                                  ║    
    ║ ██ CONNECTION CLOSED ██                                                                               ║    
    ║                                                                                                       ║    
    ║ ██ YOU ARE NOW LEAVING THE UNDER-GRID ██                                                              ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝    
  ███████ ██       █████  ██ ███████ ███████ ███    ██     ██    ███ ███████ ███████ ██  █████       ██ ███████  
  ██      ██      ██   ██ ██    ███  ██      ████   ██     ██   ████      ██  ███    ██ ██   ██      ██      ██  
  ███████ ██      ███████ ██   ███   █████   ██ ██  ██     ██  ██ ██   █████   ███   ██ ███████      ██ ███████  
       ██ ██      ██   ██ ██  ███    ██      ██  ██ ██     ██ ██  ██      ██    ███  ██ ██   ██      ██ ██       
  ███████ ███████ ██   ██ ██ ███████ ███████ ██   ████     ████   ██ ███████ ███████ ██ ██   ██ ███████ ███████  
-->