<!--index.html v.4 by X-ZERO-->
<meta name="msapplication-TileImage" content="https://e.top4top.io/p_31484bftv0.png">
<meta property="og:image" content="https://e.top4top.io/p_31484bftv0.png">
<meta name="msapplication-navbutton-color" content="#080510">
<meta name="msapplication-TileColor" content="#000000">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="theme-color" content="#080510">
<meta name="googlebot" content="index,follow"/>
<meta name="robots" content="all"/>
<meta name="robots schedule" content="auto"/>
<meta name="distribution" content="global"/>
<meta name="author" content="X-ZERO"/>
<meta name="robots" content="index,follow"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="HACKED BY X-ZERO">
<meta property="og:description" content="The hack has been successful">
<meta name="keywords" content="HACKED BY X-ZERO, X-ZERO, hacking, chaos, justice">
<meta name="description" content="HACKED BY X-ZERO - In the depths of the lines, I hide, angry without features...">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="https://e.top4top.io/p_31484bftv0.png">
<title>HACKED BY X-ZERO</title>
*{background: #080510;text-align: center;margin: 0;padding: 0;box-sizing: border-box;}#container {display: flex;flex-direction: column; align-items: center; justify-content: center; height: 100vh; position: relative;overflow: hidden; }#logo {width: 200px;border-radius: 50%;animation: glow 1.5s linear infinite; margin-top: 20px; margin-bottom: 40px; }h1 {font-size: 50px;color: transparent;background-image: linear-gradient(90deg, #00f, #0ff, #00f);background-size: 200% auto;background-clip: text;text-fill-color: transparent;animation: shine 2s linear infinite;margin-bottom: 10px; cursor: pointer; }button {background-color: transparent;color: transparent;padding: 10px 20px;font-size: 1em;border: 2px solid transparent;cursor: pointer;border-radius: 20px;background-image: linear-gradient(90deg, #00f, #0ff, #00f);background-size: 200% auto;background-clip: text;text-fill-color: transparent;animation: shine 2s linear infinite;border: 2px solid #00f;}button:hover {background-color: rgba(255, 255, 255, 0.1);}#link {margin-top: 20px;color: transparent;background-image: linear-gradient(90deg, #00f, #0ff, #00f);background-size: 200% auto;background-clip: text;text-fill-color: transparent;animation: shine_t 2s linear infinite;margin-bottom: 10px; cursor: pointer; text-decoration: none;font-size: 20px;}#dialog {display: none; position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.8);border: 2px solid #00f;border-radius: 10px;padding: 20px;color: white;z-index: 1000; }#close {margin-top: 10px;padding: 5px 10px;background: #00f;color: black;border: none;border-radius: 5px;cursor: pointer;}.particle {position: absolute;width: 5px;height: 5px;border-radius: 50%;pointer-events: none;animation: fall 2s linear forwards;}.attract {animation: attract 0.5s forwards;opacity: 0;}
box-shadow: 0 0 20px rgba(0, 0, 255, 0.8), 0 0 40px rgba(0, 255, 255, 0.8);
box-shadow: 0 0 20px rgba(0, 255, 255, 0.8), 0 0 40px rgba(0, 0, 255, 0.8);
background-position: 200% center;
background-position: 200% center;
transform: translateY(100vh);
<h1 onclick="showDialog()">HACKED BY X-ZERO</h1>
<img src="https://e.top4top.io/p_31484bftv0.png" id="logo" />
<button onclick="playMusic()">PLAY MUSIC</button>
<a id="link" href="https://t.me/+trsOiq0MnA8wMWRk" target="_blank">Subscribe to my channel on Telegram</a>
<p>“Creativity is intelligence that has fun.”</p>
<button id="close" onclick="hideDialog()">close</button>
<audio id="myAudio" src="https://l.top4top.io/m_3245hfxnl1.m4a"></audio>
var audio = document.getElementById("myAudio");
document.getElementById("dialog").style.display = "block";
document.getElementById("dialog").style.display = "none";
function createParticles() {
const container = document.getElementById('container');
const particle = document.createElement('div');
particle.classList.add('particle');
particle.style.left = `${Math.random() * window.innerWidth}px`;
particle.style.top = `0px`;
const color = Math.random() < 0.5 ? 'rgba(0, 150, 255, 0.8)' : 'rgba(0, 50, 150, 0.8)';
particle.style.background = color;
container.appendChild(particle);
document.getElementById('container').addEventListener('click', (event) => {
const particles = document.querySelectorAll('.particle');
particles.forEach(particle => {
const dx = x - parseFloat(particle.style.left);
const dy = y - parseFloat(particle.style.top);
const distance = Math.sqrt(dx * dx + dy * dy);
particle.classList.add('attract');
particle.style.transition = 'transform 0.5s ease-out';
particle.style.transform = `translate(${dx / distance * 50}px, ${dy / distance * 50}px)`;
<!--The programmer: X-ZERO-->