Загрузка данных
<!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>