Загрузка данных


<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Защищенное соединение</title>
    <style>
        body {
            background-color: #ffffff;
            color: #333;
            font-family: sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            overflow: hidden;
        }
        /* Упрощенная, но рабочая кнопка */
        #bait-btn {
            padding: 20px 40px;
            font-size: 20px;
            font-weight: bold;
            border: 2px solid #ccc;
            background: #fff;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }
        #hack-screen {
            display: none;
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            background-color: #000088;
            z-index: 99999;
        }
        .flash-active {
            animation: strobe 0.15s infinite;
        }
        @keyframes strobe {
            0% { background-color: #000088; }
            50% { background-color: #aa0000; }
            100% { background-color: #000088; }
        }
        .ui-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #fff;
            font-family: monospace;
            font-size: 24px;
        }
        .win7-error {
            position: absolute;
            width: 300px;
            background: #f0f0f0;
            border: 1px solid #707070;
            padding: 15px;
            color: #000;
            font-family: sans-serif;
            z-index: 100;
        }
    </style>
</head>
<body>

    <!-- Простая кнопка для теста -->
    <button id="bait-btn" onclick="startPrank()">Я не робот (Нажми для теста)</button>

    <!-- ЭКРАН ВЗЛОМА -->
    <div id="hack-screen">
        <div class="ui-container">
            <h1 style="color:red;">M O R I A R T Y</h1>
            <div id="progress">ЗАГРУЗКА СИСТЕМЫ...</div>
        </div>
    </div>

    <!-- ТРИ ПЛЕЕРА ДЛЯ АУДИО -->
    <audio id="audio-quiet" src="quiet.mp3"></audio>
    <audio id="audio-noise" src="background_noise.mp3" loop></audio>
    <audio id="audio-moriarty" src="moriarty.mp3"></audio>

    <script>
        function spawnWin7Error() {
            const errorDiv = document.createElement('div');
            errorDiv.className = 'win7-error';
            errorDiv.style.left = Math.random() * (window.innerWidth - 300) + 'px';
            errorDiv.style.top = Math.random() * (window.innerHeight - 100) + 'px';
            errorDiv.innerHTML = `<b>Ошибка системы:</b><br>Обнаружен вирус MORIARTY.<br><br><button onclick="this.parentElement.remove()">ОК</button>`;
            document.getElementById('hack-screen').appendChild(errorDiv);
        }

        function startPrank() {
            // Пытаемся включить полноэкранный режим
            if (document.documentElement.requestFullscreen) {
                document.documentElement.requestFullscreen().catch(e => console.log(e));
            }

            // ЗВУК 1: Шепот
            const quiet = document.getElementById('audio-quiet');
            quiet.volume = 0.5;
            quiet.play().catch(e => console.log("Звук 1 не запустился:", e));

            // ЧЕРЕЗ 3 СЕКУНДЫ — ЭФФЕКТЫ
            setTimeout(() => {
                quiet.pause(); 

                document.getElementById('bait-btn').style.display = 'none';
                const hackScreen = document.getElementById('hack-screen');
                hackScreen.style.display = 'block';
                hackScreen.classList.add('flash-active');

                // ЗВУК 2: Шум
                const noise = document.getElementById('audio-noise');
                noise.volume = 1.0;
                noise.play().catch(e => console.log("Звук 2 не запустился:", e));

                // Спам окнами ошибок
                let errorInterval = setInterval(spawnWin7Error, 400);

                // Таймер процентов
                let percent = 0;
                let interval = setInterval(() => {
                    percent += 5;
                    if (percent >= 100) {
                        percent = 100;
                        clearInterval(interval);
                        clearInterval(errorInterval);
                        document.getElementById('progress').innerText = "СИСТЕМА УНИЧТОЖЕНА";
                    } else {
                        document.getElementById('progress').innerText = `УДАЛЕНИЕ ДАННЫХ: ${percent}%`;
                    }
                }, 200);

            }, 3000);

            // ЧЕРЕЗ 5.5 СЕКУНД — Мориарти
            setTimeout(() => {
                const moriarty = document.getElementById('audio-moriarty');
                moriarty.volume = 1.0; 
                moriarty.play().catch(e => console.log("Звук 3 не запустился:", e));
            }, 5500); 
        }
    </script>
</body>
</html>