Musée du Louvre

Description

Générateur Audioguide Monuments

Catégorie du monument :

Points d'intérêt (optionnel) :

Ajoutez des points spécifiques pour les grands sites (musées, châteaux...)

Sélectionnez une catégorie + nom du monument → Génération complète (audioguide + texte)

Le code complet (audioguide + texte) apparaît ci-dessous, prêt pour WooCommerce :

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>__MONUMENT__ : Visite audioguidée en 10 langues</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <link rel="stylesheet" href="https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css"/>
    <script src="https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js"></script>
    <style>
        :root { --accent: #8B7355; --ui-bg: #fff; --muted: #666; --beige: #E8DAB2; --brown: #8B7355; }
        html, body { margin: 0; font-family: Inter, system-ui, Arial, Helvetica, sans-serif; background: var(--ui-bg); color: #111; height: 100%; }
        #app { max-width: 1100px; margin: 0 auto; height: 100%; }
        header { padding: 12px 16px; border-bottom: 1px solid #eee; background: #fafafa; display: flex; align-items: center; gap: 12px; }
        header h1 { font-size: 1rem; margin: 0; font-weight: 600; }
        header .meta { font-size: .85rem; color: var(--muted); margin-top: 2px; }
        #toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 16px; border-bottom: 1px solid #f0f0f0; background: #fff; justify-content: center; }
        .btn { 
            display: inline-flex; 
            align-items: center; 
            justify-content: center;
            gap: 6px; 
            padding: 6px 10px; 
            border-radius: 6px; 
            border: 1px solid #D3C8A2; 
            background: #ECE7D3; 
            font-size: .85rem; 
            cursor: pointer; 
            height: 32px; 
            box-sizing: border-box;
            color: #4A4A4A; 
        }
        .btn:active { transform: translateY(1px); }
        .lang-select { position: relative; display: inline-block; }
        .lang-trigger { 
            display: flex; 
            align-items: center; 
            justify-content: center;
            gap: 4px; 
            padding: 6px 8px; 
            border: 1px solid #D3C8A2; 
            border-radius: 6px; 
            font-size: .85rem; 
            cursor: pointer; 
            height: 32px; 
            background: #ECE7D3; 
            box-sizing: border-box;
            color: #4A4A4A; 
        }
        .lang-trigger img { width: 14px; height: 10px; }
        .lang-list { 
            position: absolute; 
            top: 100%; 
            left: 0; 
            background: #fff; 
            border: 1px solid #D3C8A2; 
            border-radius: 6px; 
            list-style: none; 
            padding: 0; 
            margin: 0; 
            display: none; 
            z-index: 1000; 
            box-shadow: 0 2px 8px rgba(0,0,0,.1); 
            min-width: 70px; 
        }
        .lang-list li { 
            cursor: pointer; 
            padding: 6px 8px; 
            display: flex; 
            align-items: center; 
            gap: 4px; 
            font-size: .85rem; 
            height: 32px; 
            box-sizing: border-box;
        }
        .lang-list li:hover { background: #f5f5f5; }
        .lang-list li img { width: 14px; height: 10px; }
        .lang-list.active { display: block; }
        #map { height: 500px; position: relative; z-index: 1; width: 100%; }
        .leaflet-pseudo-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; }
        .toast { position: fixed; left: 50%; transform: translateX(-50%); bottom: 16px; background: #4A4A4A; color: #ECE7D3; padding: 8px 12px; border-radius: 8px; font-size: .9rem; opacity: .95; z-index: 99999; }
        .leaflet-popup-pane { z-index: 600 !important; }
        .marker-label { position: absolute; top: -8px; left: -8px; background: #8B7355; color: #fff; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; border: 2px solid #fff; z-index: 1; }
        #loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #8B7355; border-radius: 50%; animation: spin 1s linear infinite; }
    .vignette-popup { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    background: #fff; 
    border: 1px solid #D3C8A2; 
    border-radius: 8px; 
    padding: 16px; 
    box-shadow: 0 4px 12px rgba(0,0,0,.2); 
    z-index: 10000; 
    width: 90%; 
    max-width: 420px; 
    display: none; 
    opacity: 1; 
    transition: none;
}

.vignette-popup.active { display: block; }
        .vignette-popup .close-btn { position: absolute; top: 8px; right: 8px; cursor: pointer; font-size: 1.2rem; color: #666; }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        @media (max-width: 768px) { #map { height: 400px; } .content-section { padding: 12px 16px; } }
        .content-section { padding: 20px; background: #fff; margin: 16px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
        .content-section h3 { color: #333; margin: 25px 0 15px 0; font-size: 1.2rem; font-weight: bold; }
        .content-section p { line-height: 1.7; color: #333; text-align: justify; margin-bottom: 20px; font-size: 15px; }
        .text-content { padding: 20px; background: #fff; margin: 16px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
        .text-content h2 { color: #333; margin-bottom: 25px; font-size: 1.6rem; text-align: left; }
        .text-content h3 { color: #333; margin: 30px 0 20px 0; font-size: 1.3rem; font-weight: bold; }
        .text-content p { line-height: 1.7; color: #333; text-align: justify; margin-bottom: 25px; font-size: 15px; }
        .free-timer { background: #f8f9fa; border: 1px solid #D3C8A2; border-radius: 6px; padding: 8px 12px; margin: 8px 0; text-align: center; font-size: 0.85rem; color: #4A4A4A; }
        .free-timer .time-left { font-weight: bold; color: #8B7355; }
        .pricing-options { display: flex; gap: 10px; margin: 15px 0; }
        .pricing-option { flex: 1; border: 2px solid #D3C8A2; border-radius: 8px; padding: 12px; text-align: center; cursor: pointer; transition: all 0.2s; background: #ECE7D3; }
        .pricing-option:hover { border-color: #8B7355; }
        .pricing-option.selected { border-color: #8B7355; background: #E8DAB2; }
        .price { font-size: 1.2rem; font-weight: bold; color: #8B7355; }
        .option-title { font-weight: 600; margin-bottom: 5px; color: #4A4A4A; }
        .interest-point { cursor: pointer; }
        .map-title { text-align: center; padding: 20px 16px 0 16px; margin: 0; }
        .popup-with-image { max-width: 280px; }
        .popup-image { width: 100%; height: 150px; object-fit: cover; border-radius: 6px; margin-bottom: 10px; }
        .popup-title { font-size: 1.1rem; font-weight: bold; margin-bottom: 8px; color: #333; }
        .popup-free-timer { 
            background: #f8f9fa; 
            border: 1px solid #D3C8A2; 
            border-radius: 6px; 
            padding: 6px 10px; 
            margin: 8px 0; 
            text-align: center; 
            font-size: 0.8rem; 
            color: #4A4A4A; 
        }
        .popup-free-timer .time-left { 
            font-weight: bold; 
            color: #8B7355; 
        }
        #locateBtn { right: 90px !important; }
    </style>
</head>
<body>
    <div id="app">
        <header>
            <div style="display: flex; flex-direction: column;">
                <h1 id="title">__MONUMENT__ : Visite audioguidée en 10 langues</h1>
                <div class="meta" id="meta">Monument unique · Déclenchement auto (50m)</div>
            </div>
        </header>
        <div id="toolbar">
            <button id="voiceBtn" class="btn"><span>Voix</span> 🎙️</button>
            <button id="stopBtn" class="btn" disabled>⏹</button>
            <button id="autoPlayBtn" class="btn" style="color: #8B7355"><span>Auto</span> 📍</button>
            <div id="lang-select" class="lang-select">
                <div class="lang-trigger" data-lang="fr">
                    <img decoding="async" data-src="https://flagcdn.com/16x12/fr.png" alt="FR" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload">
                    <span>FR</span>
                </div>
                <ul class="lang-list">
                    <li data-lang="fr"><img decoding="async" data-src="https://flagcdn.com/16x12/fr.png" alt="FR" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> FR</li>
                    <li data-lang="en"><img decoding="async" data-src="https://flagcdn.com/16x12/gb.png" alt="EN" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> EN</li>
                    <li data-lang="es"><img decoding="async" data-src="https://flagcdn.com/16x12/es.png" alt="ES" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> ES</li>
                    <li data-lang="it"><img decoding="async" data-src="https://flagcdn.com/16x12/it.png" alt="IT" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> IT</li>
                    <li data-lang="de"><img decoding="async" data-src="https://flagcdn.com/16x12/de.png" alt="DE" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> DE</li>
                    <li data-lang="pt"><img decoding="async" data-src="https://flagcdn.com/16x12/pt.png" alt="PT" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> PT</li>
                    <li data-lang="ru"><img decoding="async" data-src="https://flagcdn.com/16x12/ru.png" alt="RU" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> RU</li>
                    <li data-lang="zh"><img decoding="async" data-src="https://flagcdn.com/16x12/cn.png" alt="ZH" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> ZH</li>
                    <li data-lang="ja"><img decoding="async" data-src="https://flagcdn.com/16x12/jp.png" alt="JA" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> JA</li>
                    <li data-lang="ko"><img decoding="async" data-src="https://flagcdn.com/16x12/kr.png" alt="KO" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> KO</li>
                </ul>
            </div>
            <button id="unlockMonumentBtn" class="btn">🔓 Débloquer</button>
            <button id="unlockAllBtn" class="btn">🔓 Débloquer tout</button>
        </div>

<div id="map">
            <button id="geoLocateBtn" class="btn" style="position: absolute; top: 10px; right: 90px; z-index: 800;">📍</button>
        </div>
        <div id="demoMode" class="free-timer" style="display: none; margin: 16px;">
            <div>⏱️ Essai gratuit : <span class="time-left" id="demoSeconds">60</span> secondes restantes</div>
        </div>
        <div id="textContent" class="text-content"></div>
    </div>
    <script>
        const MONUMENT_DATA = __MONUMENT_DATA__;
        const MONUMENT_NAME = "__MONUMENT__";
        const UNLOCK_KEY = 'ag-unlock-' + MONUMENT_NAME.toLowerCase().replace(/\s+/g, '-');
        const UNLOCK_ALL_KEY = 'ag-unlock-all';
        const FREE_TRIAL_KEY = 'ag-free-trial-' + MONUMENT_NAME.toLowerCase().replace(/\s+/g, '-');
        const LANGS = {
            fr: 'fr-FR', en: 'en-US', es: 'es-ES', it: 'it-IT', de: 'de-DE',
            pt: 'pt-PT', ru: 'ru-RU', zh: 'zh-CN', ja: 'ja-JP', ko: 'ko-KR'
        };
        let isAdmin = new URLSearchParams(window.location.search).get('admin') === '1';
let unlocked = localStorage.getItem(UNLOCK_KEY) === '1' || localStorage.getItem(UNLOCK_ALL_KEY) === '1' || isAdmin;

/* --- Déblocage automatique après paiement --- */
const params = new URLSearchParams(window.location.search);

if (params.get('unlock') === '1') {
    localStorage.setItem(UNLOCK_KEY, '1');
    unlocked = true;
}

if (params.get('unlock_all') === '1') {
    localStorage.setItem(UNLOCK_ALL_KEY, '1');
    unlocked = true;
}

if (params.get('unlock_city') === '1') {
    localStorage.setItem(UNLOCK_ALL_KEY, '1');
    unlocked = true;
}

let autoPlayEnabled = true;
let currentLang = 'fr';
let freeTrialUsed = localStorage.getItem(FREE_TRIAL_KEY) === 'used';
let freeTrialTimer = null;
let freeSecondsLeft = 60;
let isFullscreen = false;
let currentPopup = null;
let allVoices = [];

function toast(msg, t = 2200) {
            const e = document.createElement('div');
            e.className = 'toast';
            e.textContent = msg;
            document.body.appendChild(e);
            setTimeout(() => e.remove(), t);
        }

function loadVoices() {
            allVoices = speechSynthesis.getVoices();
            if (!allVoices.length) setTimeout(loadVoices, 400);
        }
        speechSynthesis.onvoiceschanged = loadVoices;
        loadVoices();

function selectGoogleVoice(fullLang) {
            const voices = allVoices.length ? allVoices : speechSynthesis.getVoices();
            if (!voices.length) return null;
            const langCode = fullLang.split('-')[0];
            const googleExact = voices.find(v => /google/i.test(v.name) && v.lang.toLowerCase() === fullLang.toLowerCase());
            if (googleExact) return googleExact;
            const googleLang = voices.find(v => /google/i.test(v.name) && v.lang.toLowerCase().startsWith(langCode));
            if (googleLang) return googleLang;
            const anyGoogle = voices.find(v => /google/i.test(v.name));
            if (anyGoogle) return anyGoogle;
            return voices.find(v => v.lang.toLowerCase().startsWith(langCode)) || voices[0];
        }

function cleanTextForSpeech(text) {
            if (!text) return '';
            return text
                .replace(/\*/g, '')
                .replace(/#/g, '')
                .replace(/_/g, '')
                .replace(/\[.*?\]/g, '')
                .replace(/$.*?$/g, '')
                .replace(/\*\*/g, '')
                .replace(/--/g, ' ')
                .replace(/\s+/g, ' ')
                .trim();
        }

function showFreeTimer() {
            let timerElement = document.getElementById('demoMode');
            if (timerElement) timerElement.style.display = 'block';
            updateFreeTimer();
        }

function updateFreeTimer() {
            const timerElement = document.getElementById('demoSeconds');
            if (timerElement) timerElement.textContent = freeSecondsLeft;
        }

function updatePopupTimer() {
            if (currentPopup) {
                const popupTimer = currentPopup.querySelector('.popup-free-timer .time-left');
                if (popupTimer) popupTimer.textContent = freeSecondsLeft;
            }
        }

function hideFreeTimer() {
            const timerElement = document.getElementById('demoMode');
            if (timerElement) timerElement.style.display = 'none';
            if (freeTrialTimer) clearInterval(freeTrialTimer);
        }

const map = L.map('map', { zoom: 16, fullscreenControl: true });
        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
        }).addTo(map);

const monumentIcon = L.icon({
            iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',
            iconSize: [25, 41],
            iconAnchor: [12, 41],
            popupAnchor: [1, -34]
        });

function createPopupContent(title, description, image, isMain = false, pointIndex = null) {
            const timerHtml = !unlocked && !freeTrialUsed ? `
                <div class="popup-free-timer">
                    ⏱️ Essai gratuit : <span class="time-left">${freeSecondsLeft}</span> secondes
                </div>
            ` : '';
            
            const subscribeHtml = !unlocked ? `
             <button class="subscribe-btn" onclick="showUnlockPopup()"
style="width:100%;background:#8B7355;color:#fff;
border:1px solid #5F4A35;padding:8px 10px;border-radius:6px;
font-weight:600;font-size:.9rem;display:block;margin-top:10px;">
    🔓 Débloquer le contenu
</button>

` : '';
            
            return `
                <div class="popup-with-image">
                    ${image ? `<img decoding="async" src="${image}" class="popup-image" alt="${title}" onerror="this.style.display='none'">` : ''}
                    <div class="popup-title">${title}</div>
                    <p style="max-height: 100px; overflow-y: auto;">${description}</p>
                    ${timerHtml}
                    <div style="display: flex; gap: 8px; margin-top: 10px;">
                        <button class="btn play-audio" data-is-main="${isMain}" data-point-index="${pointIndex}" style="flex: 1;">▶ Ecouter</button>
                        <button class="btn stop-audio" style="flex: 1;">⏹ Stop</button>
                    </div>
                    ${subscribeHtml}
                </div>
            `;
        }

const monumentMarker = L.marker([MONUMENT_DATA.lat, MONUMENT_DATA.lng], { icon: monumentIcon })
    .addTo(map)
    .bindPopup(createPopupContent(
        MONUMENT_NAME, 
        MONUMENT_DATA.teaser, 
        MONUMENT_DATA.mainImage, 
        true
    ));

monumentMarker.on('click', function() {
    enterFullscreen();
});

if (MONUMENT_DATA.interestPoints && MONUMENT_DATA.interestPoints.length > 0) {
            MONUMENT_DATA.interestPoints.forEach((point, index) => {
                const offsetLat = MONUMENT_DATA.lat + (Math.random() * 0.001 - 0.0005);
                const offsetLng = MONUMENT_DATA.lng + (Math.random() * 0.001 - 0.0005);
                
                const pointDescription = point.description || 
                                       MONUMENT_DATA.pointTranslations?.[currentLang]?.[index] || 
                                       `Découvrez ${point.name}, un point d'intérêt remarquable de ${MONUMENT_NAME}.`;
                
                const pointMarker = L.marker([offsetLat, offsetLng], { icon: monumentIcon, className: 'interest-point' })
                    .addTo(map)
                    .bindPopup(createPopupContent(
                        point.name, 
                        pointDescription,
                        point.image,
                        false,
                        index
                    ));
            });
        }

map.setView([MONUMENT_DATA.lat, MONUMENT_DATA.lng], 16);

map.on('popupopen', function(e) {
            currentPopup = e.popup.getElement();
        });

map.on('popupclose', function() {
            currentPopup = null;
        });

map.on('enterFullscreen', function () {
            isFullscreen = true;
            map.invalidateSize();
            setTimeout(() => map.invalidateSize(), 300);
        });

map.on('exitFullscreen', function () {
            isFullscreen = false;
            map.invalidateSize();
            setTimeout(() => map.invalidateSize(), 300);
        });

document.addEventListener('click', (e) => {
            const s = document.getElementById('lang-select');
            const l = s.querySelector('.lang-list');
            if (!s.contains(e.target)) l.classList.remove('active');
        });

document.getElementById('autoPlayBtn').onclick = () => {
            autoPlayEnabled = !autoPlayEnabled;
            document.getElementById('autoPlayBtn').style.color = autoPlayEnabled ? '#8B7355' : '#111';
            document.getElementById('meta').textContent = `Monument unique · ${autoPlayEnabled ? 'Déclenchement auto (50m)' : 'Déclenchement manuel'}`;
            if (autoPlayEnabled) startGeoWatch();
        };

document.getElementById('stopBtn').onclick = () => {
    speechSynthesis.cancel();
    setTimeout(() => speechSynthesis.cancel(), 50);
    if (currentUtterance) currentUtterance.onend = null;
    if (freeTrialTimer) clearInterval(freeTrialTimer);
    hideFreeTimer();
    document.getElementById('stopBtn').disabled = true;
    toast("Audio arrêté");
};

});

function showUnlockPopup() {
    document.querySelectorAll('.vignette-popup').forEach(popup => popup.remove());
    
    // URL actuelle encodée pour le retour
    const currentUrl = encodeURIComponent(window.location.href);
	
	    // ✅ AJOUTEZ JUSTE CETTE LIGNE :
    localStorage.setItem('last_monument_page', window.location.href);
            
    const popup = document.createElement('div');
    popup.id = 'unlock-popup';
    popup.className = 'vignette-popup';
    popup.innerHTML = `
        <div style="max-width:260px;margin:0 auto;">
            <h3 style="color: #8B7355; margin-bottom: 12px;">Débloquer ${MONUMENT_NAME} 🔒</h3>
            <p style="color: #4A4A4A; margin-bottom: 16px;">Profitez de l'audioguide complet sans limitations</p>
            <div class="pricing-options">
<a class="pricing-option"
   href="#"
   onclick="
        const safe = MONUMENT_NAME
            .normalize('NFD').replace(/[\u0300-\u036f]/g,'')
            .toLowerCase().trim().replace(/\s+/g,'-');
        document.cookie='ag-monument='+safe+';path=/';
        window.location.href='https://audio-guides.eu/checkout/?add-to-cart=6164';
        return false;
   ">

<div class="option-title">Ce monument</div>
    <div class="price">2,90 €</div>
</a>

<a class="pricing-option"
                   href="https://audio-guides.eu/checkout/?add-to-cart=6165&return_url=${currentUrl}">
                    <div class="option-title">Tout le site</div>
                    <div class="price">7,90 €</div>
                </a>
            </div>
            <div style="font-size:.85rem;color:#666;margin-top:6px">Accès complet · Support 7j/7</div>
        </div>
        <span class="close-btn">✕</span>
    `;
    document.body.appendChild(popup);
    popup.classList.add('active');

popup.querySelector('.close-btn').addEventListener('click', () => {
        popup.classList.remove('active');
    });
}

document.getElementById('unlockAllBtn').onclick = () => {
    if (isAdmin) {
        unlocked = true;
        localStorage.setItem(UNLOCK_ALL_KEY, "1");
        toast("Mode admin : tout le site débloqué");
        setTimeout(() => location.reload(), 600);
        return;
    }

window.location.href =
    "https://audio-guides.eu/checkout/?add-to-cart=6165&return="
    + encodeURIComponent(window.location.href)
    + "&type=all";
};

document.getElementById('unlockMonumentBtn').onclick = () => {
            const safe = MONUMENT_NAME
                .normalize('NFD').replace(/[\u0300-\u036f]/g, '')
                .toLowerCase().trim().replace(/\s+/g, '-');
            document.cookie = 'ag-monument=' + safe + ';path=/';
            window.location.href = 'https://audio-guides.eu/checkout/?add-to-cart=6164';
        };

if (unlocked) {
            startGeoWatch();
            document.getElementById('unlockAllBtn').textContent = '🔓 Débloqué';
            document.getElementById('unlockAllBtn').style.background = '#E8DAB2';
        }

document.getElementById('textContent').innerHTML = MONUMENT_DATA.textContent || '';
    </script>
</body>
</html>

Musée du Louvre

Audioguide interactif & Chasse au trésor

Description

Générateur Audioguide Monuments

Produits similaires

Musée du vatican

Musée Picasso

Venise