Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>MegaGameHub - 9,696,987,456,321 Jeux!</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| /* Animation pour les boutons */ | |
| @keyframes rainbow { | |
| 0% { background-color: #ff0000; } | |
| 14% { background-color: #ff7f00; } | |
| 28% { background-color: #ffff00; } | |
| 42% { background-color: #00ff00; } | |
| 57% { background-color: #0000ff; } | |
| 71% { background-color: #4b0082; } | |
| 85% { background-color: #9400d3; } | |
| 100% { background-color: #ff0000; } | |
| } | |
| .rainbow-btn { | |
| animation: rainbow 10s infinite; | |
| background-size: 200% 200%; | |
| color: white; | |
| font-weight: bold; | |
| border: none; | |
| transition: all 0.3s ease; | |
| } | |
| .rainbow-btn:hover { | |
| transform: scale(1.05); | |
| box-shadow: 0 0 15px rgba(255,255,255,0.7); | |
| } | |
| /* Effet de particules */ | |
| .particles { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| pointer-events: none; | |
| z-index: -1; | |
| } | |
| /* Animation pour le compteur */ | |
| @keyframes count-up { | |
| from { transform: translateY(20px); opacity: 0; } | |
| to { transform: translateY(0); opacity: 1; } | |
| } | |
| .count-up { | |
| animation: count-up 1s ease-out forwards; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-black text-white overflow-x-hidden"> | |
| <!-- Effet de particules --> | |
| <canvas id="particles" class="particles"></canvas> | |
| <!-- En-tête --> | |
| <header class="bg-gradient-to-b from-purple-900 to-black py-10 px-5 text-center"> | |
| <div class="max-w-6xl mx-auto"> | |
| <h1 class="text-5xl md:text-7xl font-bold mb-6"> | |
| <span class="bg-clip-text text-transparent bg-gradient-to-r from-red-500 via-yellow-500 to-blue-500"> | |
| MegaGameHub | |
| </span> | |
| </h1> | |
| <p class="text-xl md:text-2xl text-gray-300 mb-8"> | |
| La plateforme avec <span id="gameCounter" class="text-yellow-400 font-bold">9,696,987,456,321</span> jeux uniques! | |
| </p> | |
| <div class="flex justify-center space-x-4 mb-10"> | |
| <button id="autoOpenBtn" class="rainbow-btn px-8 py-4 rounded-full text-lg"> | |
| <i class="fas fa-bolt mr-2"></i> Activer l'ouverture automatique | |
| </button> | |
| <button id="stopAutoBtn" class="bg-gray-800 hover:bg-gray-700 px-8 py-4 rounded-full text-lg border border-gray-600"> | |
| <i class="fas fa-stop-circle mr-2"></i> Arrêter | |
| </button> | |
| </div> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-lg p-4 mb-8"> | |
| <p class="text-yellow-300"> | |
| <i class="fas fa-exclamation-triangle mr-2"></i> | |
| Attention: Cette page va ouvrir des milliers de fenêtres! Utilisez avec prudence. | |
| </p> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Section principale avec les boutons --> | |
| <main class="py-10 px-5"> | |
| <div class="max-w-6xl mx-auto"> | |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4" id="gameButtonsContainer"> | |
| <!-- Les boutons seront générés dynamiquement --> | |
| </div> | |
| <div class="text-center mt-10"> | |
| <button id="loadMoreBtn" class="rainbow-btn px-6 py-3 rounded-full"> | |
| <i class="fas fa-plus-circle mr-2"></i> Charger plus de jeux | |
| </button> | |
| </div> | |
| </div> | |
| </main> | |
| <!-- Pied de page --> | |
| <footer class="bg-gray-900 py-8 px-5 text-center"> | |
| <div class="max-w-6xl mx-auto"> | |
| <p class="text-gray-400 mb-4"> | |
| © 2023 MegaGameHub - Tous droits réservés à personne | |
| </p> | |
| <p class="text-gray-500 text-sm"> | |
| <i class="fas fa-shield-alt mr-1"></i> Sécurité: Aucune | | |
| <i class="fas fa-cookie mr-1"></i> Cookies: Tous | | |
| <i class="fas fa-battery-three-quarters mr-1"></i> Batterie: 42% | |
| </p> | |
| </div> | |
| </footer> | |
| <script> | |
| // Configuration | |
| const TOTAL_GAMES = 9696987456321; // 9,696,987,456,321 jeux! | |
| const BATCH_SIZE = 100; // Nombre de boutons à charger à chaque fois | |
| let autoOpenInterval = null; | |
| let openedWindows = []; | |
| // Initialiser les particules | |
| function initParticles() { | |
| const canvas = document.getElementById('particles'); | |
| const ctx = canvas.getContext('2d'); | |
| canvas.width = window.innerWidth; | |
| canvas.height = window.innerHeight; | |
| const particles = []; | |
| const particleCount = Math.floor(window.innerWidth / 10); | |
| for (let i = 0; i < particleCount; i++) { | |
| particles.push({ | |
| x: Math.random() * canvas.width, | |
| y: Math.random() * canvas.height, | |
| size: Math.random() * 3 + 1, | |
| speedX: Math.random() * 2 - 1, | |
| speedY: Math.random() * 2 - 1, | |
| color: `hsl(${Math.random() * 360}, 100%, 50%)` | |
| }); | |
| } | |
| function animate() { | |
| ctx.clearRect(0, 0, canvas.width, canvas.height); | |
| particles.forEach(particle => { | |
| ctx.beginPath(); | |
| ctx.arc(particle.x, particle.y, particle.size, 0, Math.PI * 2); | |
| ctx.fillStyle = particle.color; | |
| ctx.fill(); | |
| particle.x += particle.speedX; | |
| particle.y += particle.speedY; | |
| if (particle.x < 0 || particle.x > canvas.width) particle.speedX *= -1; | |
| if (particle.y < 0 || particle.y > canvas.height) particle.speedY *= -1; | |
| }); | |
| requestAnimationFrame(animate); | |
| } | |
| animate(); | |
| window.addEventListener('resize', () => { | |
| canvas.width = window.innerWidth; | |
| canvas.height = window.innerHeight; | |
| }); | |
| } | |
| // Générer des noms de jeux aléatoires | |
| function generateGameName(index) { | |
| const prefixes = ['Super', 'Mega', 'Ultra', 'Hyper', 'Extreme', 'Epic', 'Legendary', 'Fantasy', 'Galactic', 'Quantum']; | |
| const types = ['Adventure', 'Quest', 'Battle', 'Race', 'Puzzle', 'Shooter', 'Strategy', 'Simulator', 'Tycoon', 'Survival']; | |
| const suffixes = ['Pro', 'Deluxe', 'Unlimited', 'Infinite', 'Reborn', 'Legacy', 'Evolution', 'Revolution', 'X', 'Zero']; | |
| const prefix = prefixes[Math.floor(Math.random() * prefixes.length)]; | |
| const type = types[Math.floor(Math.random() * types.length)]; | |
| const suffix = Math.random() > 0.7 ? suffixes[Math.floor(Math.random() * suffixes.length)] : ''; | |
| return `${prefix} ${type} ${suffix} ${index}`.trim(); | |
| } | |
| // Générer des URL de jeux aléatoires | |
| function generateGameUrl() { | |
| const domains = ['gamehub', 'playnow', 'funzone', 'gamingworld', 'playfree', 'gamersparadise']; | |
| const tlds = ['.com', '.io', '.gg', '.fun', '.games', '.xyz']; | |
| const domain = domains[Math.floor(Math.random() * domains.length)]; | |
| const tld = tlds[Math.floor(Math.random() * tlds.length)]; | |
| const path = Math.random() > 0.5 ? `/game/${Math.floor(Math.random() * 1000000)}` : ''; | |
| return `https://${domain}${tld}${path}`; | |
| } | |
| // Créer un bouton de jeu | |
| function createGameButton(index) { | |
| const button = document.createElement('button'); | |
| button.className = 'rainbow-btn w-full py-3 rounded-lg text-sm md:text-base'; | |
| button.innerHTML = ` | |
| <i class="fas fa-gamepad mr-2"></i> | |
| ${generateGameName(index)} | |
| `; | |
| button.dataset.index = index; | |
| button.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const url = generateGameUrl(); | |
| const newWindow = window.open(url, '_blank', 'width=800,height=600'); | |
| if (newWindow) { | |
| openedWindows.push(newWindow); | |
| updateCounter(); | |
| } | |
| }); | |
| return button; | |
| } | |
| // Charger une série de boutons | |
| function loadGameButtons(startIndex, count) { | |
| const container = document.getElementById('gameButtonsContainer'); | |
| for (let i = startIndex; i < startIndex + count && i < TOTAL_GAMES; i++) { | |
| container.appendChild(createGameButton(i + 1)); | |
| } | |
| // Animer le compteur | |
| animateCounter(); | |
| } | |
| // Animer le compteur | |
| function animateCounter() { | |
| const counter = document.getElementById('gameCounter'); | |
| counter.classList.remove('count-up'); | |
| void counter.offsetWidth; // Trigger reflow | |
| counter.classList.add('count-up'); | |
| } | |
| // Mettre à jour le compteur de fenêtres ouvertes | |
| function updateCounter() { | |
| const counter = document.getElementById('gameCounter'); | |
| counter.textContent = openedWindows.length.toLocaleString(); | |
| } | |
| // Ouvrir automatiquement des jeux | |
| function startAutoOpen() { | |
| if (autoOpenInterval) return; | |
| autoOpenInterval = setInterval(() => { | |
| const buttons = document.querySelectorAll('#gameButtonsContainer button'); | |
| if (buttons.length === 0) return; | |
| const randomIndex = Math.floor(Math.random() * buttons.length); | |
| const randomButton = buttons[randomIndex]; | |
| // Simuler un clic | |
| randomButton.click(); | |
| // Faire défiler pour voir le bouton cliqué | |
| randomButton.scrollIntoView({ behavior: 'smooth', block: 'center' }); | |
| // Ajouter un effet visuel | |
| randomButton.classList.add('ring-4', 'ring-white'); | |
| setTimeout(() => { | |
| randomButton.classList.remove('ring-4', 'ring-white'); | |
| }, 500); | |
| }, 1000); // Toutes les secondes | |
| } | |
| // Arrêter l'ouverture automatique | |
| function stopAutoOpen() { | |
| if (autoOpenInterval) { | |
| clearInterval(autoOpenInterval); | |
| autoOpenInterval = null; | |
| } | |
| } | |
| // Fermer toutes les fenêtres ouvertes | |
| function closeAllWindows() { | |
| openedWindows.forEach(win => { | |
| try { | |
| if (win && !win.closed) { | |
| win.close(); | |
| } | |
| } catch (e) { | |
| console.log("Impossible de fermer une fenêtre:", e); | |
| } | |
| }); | |
| openedWindows = []; | |
| updateCounter(); | |
| } | |
| // Initialisation | |
| document.addEventListener('DOMContentLoaded', function() { | |
| initParticles(); | |
| loadGameButtons(0, BATCH_SIZE); | |
| // Bouton pour charger plus de jeux | |
| document.getElementById('loadMoreBtn').addEventListener('click', function() { | |
| const currentCount = document.querySelectorAll('#gameButtonsContainer button').length; | |
| loadGameButtons(currentCount, BATCH_SIZE); | |
| }); | |
| // Bouton d'ouverture automatique | |
| document.getElementById('autoOpenBtn').addEventListener('click', startAutoOpen); | |
| // Bouton d'arrêt | |
| document.getElementById('stopAutoBtn').addEventListener('click', stopAutoOpen); | |
| // Fermer toutes les fenêtres quand on quitte la page | |
| window.addEventListener('beforeunload', closeAllWindows); | |
| // Avertissement | |
| alert("ATTENTION: Ce site va ouvrir des milliers de fenêtres de jeux! Êtes-vous sûr de vouloir continuer?"); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/megagamehub" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |