File manager - Edit - /home/citicucv/mdakarachi.com/Cyb3rSn4ke.html
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hacked By Cyb3r Sn4ke</title> <meta property="og:title" content="Hacked By Cyb3r Sn4ke"> <meta property="og:description" content="Don't play with the snake, its venom is deadly."> <meta property="og:image" content="https://files.catbox.moe/wx71i6.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Seized By Cyb3r Sn4ke"> <meta name="twitter:description" content="Don't play with the snake, its venom is deadly."> <meta name="twitter:image" content="https://files.catbox.moe/wx71i6.jpg"> <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght=500;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'"> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { overflow: hidden; background: #010502; position: relative; width: 100vw; height: 100vh; font-family: 'Orbitron', monospace; cursor: none; content-visibility: auto; } .bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https://files.catbox.moe/0xrb52.png') no-repeat center center; background-size: cover; z-index: 1; opacity: 0.85; filter: brightness(1.4) contrast(1.15); will-change: transform; } #matrix-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.35; } .glass-container { position: absolute; top: 50%; left: 50px; transform: translateY(-50%); width: 420px; background: rgba(2, 18, 8, 0.85); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 2px solid rgba(0, 255, 51, 0.4); border-radius: 15px; padding: 30px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9), inset 0 0 25px rgba(0, 255, 51, 0.15); z-index: 4; text-align: center; } #border-snakes-canvas { position: absolute; top: -200px; left: -200px; width: calc(100% + 400px); height: calc(100% + 400px); pointer-events: none; z-index: 5; } .hacker-gif { width: 100%; border-radius: 8px; margin-bottom: 25px; border: 1px solid rgba(214, 202, 56, 0.2); } .snake-box { position: relative; display: block; width: 100%; margin-bottom: 20px; white-space: nowrap; } .hacked-text { font-size: 20px; font-weight: 700; color: #d6ca38; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 15px rgba(214, 202, 56, 0.6); display: block; width: 100%; } .contact-btn { display: inline-block; text-decoration: none; background: rgba(214, 202, 56, 0.05); color: #d6ca38; border: 1px solid rgba(214, 202, 56, 0.3); padding: 10px 25px; font-size: 14px; font-family: 'Orbitron', monospace; font-weight: bold; border-radius: 5px; cursor: none; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; position: relative; z-index: 6; } .contact-btn:hover { background: rgba(214, 202, 56, 0.2); color: #fff; border-color: #d6ca38; box-shadow: 0 0 15px rgba(214, 202, 56, 0.5); transform: scale(1.03); } .quote { font-size: 12px; color: rgba(214, 202, 56, 0.7); letter-spacing: 1px; margin-top: 25px; line-height: 1.5; border-top: 1px solid rgba(214, 202, 56, 0.15); padding-top: 20px; } #snake-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; pointer-events: none; cursor: move; } @media (max-width: 768px) { .glass-container { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; padding: 20px; } .hacked-text { font-size: 16px; letter-spacing: 0.5px; } body { cursor: default; } .contact-btn { cursor: pointer; } } </style> </head> <body> <div class="bg-image"></div> <canvas id="matrix-canvas"></canvas> <canvas id="snake-canvas"></canvas> <div class="glass-container" id="glassBox"> <canvas id="border-snakes-canvas"></canvas> <img src="https://i.imgur.com/OwXrcFE.gif" alt="Hacker" class="hacker-gif" loading="lazy"> <div class="snake-box"> <h1 class="hacked-text">Seized By Cyb3r Sn4ke</h1> </div> <a href="https://t.me/cyb3rsn4ke" target="_blank" class="contact-btn">Contact Me</a> <audio id="bg-audio" loop preload="auto"> <source src="https://files.catbox.moe/rqrwlh.mp3" type="audio/mpeg"> </audio> <p class="quote">"Don't play with the snake, its venom is deadly"</p> </div> <script> const mcv = document.getElementById('matrix-canvas'); const mCtx = mcv.getContext('2d'); mcv.width = window.innerWidth; mcv.height = window.innerHeight; const chars = '0101101001'.split(''); const fSize = 14; const cols = mcv.width / fSize; const drops = Array(Math.floor(cols)).fill(1); function drawMatrix() { mCtx.fillStyle = 'rgba(1, 5, 2, 0.15)'; mCtx.fillRect(0, 0, mcv.width, mcv.height); mCtx.fillStyle = '#008f11'; mCtx.font = fSize + 'px monospace'; for (let i = 0; i < drops.length; i++) { const txt = chars[Math.floor(Math.random() * chars.length)]; mCtx.fillText(txt, i * fSize, drops[i] * fSize); if (drops[i] * fSize > mcv.height && Math.random() > 0.98) drops[i] = 0; drops[i]++; } } setInterval(drawMatrix, 45); const audio = document.getElementById('bg-audio'); function startAudio() { audio.play().then(() => { window.removeEventListener('mousemove', startAudio); window.removeEventListener('click', startAudio); window.removeEventListener('touchstart', startAudio); }).catch(e => {}); } window.addEventListener('mousemove', startAudio); window.addEventListener('click', startAudio); window.addEventListener('touchstart', startAudio); const scv = document.getElementById('snake-canvas'); const sCtx = scv.getContext('2d'); function resize() { mcv.width = window.innerWidth; mcv.height = window.innerHeight; scv.width = window.innerWidth; scv.height = window.innerHeight; } window.addEventListener('resize', resize); resize(); const pts = []; const sLen = 38; let mx = window.innerWidth / 2, my = window.innerHeight / 2; let hX = mx, hY = my; let clicked = false, cTimer = 0; for (let i = 0; i < sLen; i++) pts.push({ x: mx, y: my }); window.addEventListener('mousemove', (e) => { mx = e.clientX; my = e.clientY; }); window.addEventListener('mousedown', () => { clicked = true; cTimer = 12; }); window.addEventListener('touchstart', (e) => { clicked = true; cTimer = 12; if(e.touches.length > 0) { mx = e.touches[0].clientX; my = e.touches[0].clientY; } }); window.addEventListener('touchmove', (e) => { if(e.touches.length > 0) { mx = e.touches[0].clientX; my = e.touches[0].clientY; } }); window.addEventListener('touchend', () => { clicked = false; }); function updateSnake() { sCtx.clearRect(0, 0, scv.width, scv.height); const t = Date.now() * 0.008; if (clicked) { cTimer--; if (cTimer <= 0) clicked = false; } hX += (mx - hX) * 0.22; hY += (my - hY) * 0.22; let dxH = mx - hX, dyH = my - hY; let spd = Math.sqrt(dxH * dxH + dyH * dyH); pts[0].x = hX; pts[0].y = hY; for (let i = 1; i < sLen; i++) { let p1 = pts[i - 1], p2 = pts[i]; let dx = p1.x - p2.x, dy = p1.y - p2.y; let d = Math.sqrt(dx * dx + dy * dy); if (d > 7.5) { let r = 7.5 / d; p2.x = p1.x - dx * r; p2.y = p1.y - dy * r; } if (spd > 1) { let ang = Math.atan2(dy, dx); let wv = Math.sin(t * 2.5 - i * 0.4) * Math.min(spd * 0.25, 4.5); p2.x += Math.cos(ang + Math.PI / 2) * wv * (i / sLen); p2.y += Math.sin(ang + Math.PI / 2) * wv * (i / sLen); } } if (pts.length > 1) { let hA = Math.atan2(pts[0].y - pts[1].y, pts[0].x - pts[1].x); sCtx.beginPath(); sCtx.strokeStyle = '#ff0000'; sCtx.lineWidth = clicked ? 5 : 3.5; sCtx.lineCap = 'round'; let tL = (clicked ? 32 : 12) + Math.sin(t * 8) * 4; sCtx.moveTo(pts[0].x, pts[0].y); sCtx.lineTo(pts[0].x + Math.cos(hA) * tL, pts[0].y + Math.sin(hA) * tL); sCtx.stroke(); } sCtx.beginPath(); sCtx.lineJoin = 'round'; sCtx.lineCap = 'round'; sCtx.strokeStyle = '#050505'; sCtx.lineWidth = 20; sCtx.moveTo(pts[0].x, pts[0].y); for (let i = 1; i < pts.length; i++) sCtx.lineTo(pts[i].x, pts[i].y); sCtx.stroke(); sCtx.beginPath(); sCtx.strokeStyle = '#228b22'; sCtx.lineWidth = 15; sCtx.moveTo(pts[0].x, pts[0].y); for (let i = 1; i < pts.length; i++) sCtx.lineTo(pts[i].x, pts[i].y); sCtx.stroke(); sCtx.beginPath(); sCtx.strokeStyle = '#000000'; sCtx.lineWidth = 5; sCtx.moveTo(pts[0].x, pts[0].y); for (let i = 1; i < pts.length; i++) sCtx.lineTo(pts[i].x, pts[i].y); sCtx.stroke(); if (pts.length > 1) { let hA = Math.atan2(pts[0].y - pts[1].y, pts[0].x - pts[1].x); let eA = 0.55; let lEX = pts[0].x + Math.cos(hA + eA) * 7, lEY = pts[0].y + Math.sin(hA + eA) * 7; let rEX = pts[0].x + Math.cos(hA - eA) * 7, rEY = pts[0].y + Math.sin(hA - eA) * 7; sCtx.fillStyle = '#ff0000'; if(clicked) { sCtx.shadowBlur = 18; sCtx.shadowColor = '#ff0000'; } let eS = clicked ? 6 : 3.5; sCtx.beginPath(); sCtx.arc(lEX, lEY, eS, 0, Math.PI * 2); sCtx.fill(); sCtx.beginPath(); sCtx.arc(rEX, rEY, eS, 0, Math.PI * 2); sCtx.fill(); sCtx.shadowBlur = 0; } requestAnimationFrame(updateSnake); } const bcv = document.getElementById('border-snakes-canvas'); const bCtx = bcv.getContext('2d'); const box = document.getElementById('glassBox'); function resizeBoxCanvas() { bcv.width = box.clientWidth + 400; bcv.height = box.clientHeight + 400; } window.addEventListener('load', resizeBoxCanvas); window.addEventListener('resize', resizeBoxCanvas); const bSnakes = [ { pts: [], progress: 0, speed: 0.003, coil: false }, { pts: [], progress: 0.33, speed: 0.003, coil: false }, { pts: [], progress: 0.66, speed: 0.003, coil: false } ]; const fSnakes = [ { pts: [], ang: 0, rx: 250, ry: 280, spd: 0.004, dir: 1, ph: 0, alert: false }, { pts: [], ang: Math.PI, rx: 270, ry: 300, spd: 0.0035, dir: -1, ph: Math.PI / 2, alert: false } ]; for (let s of bSnakes) { for (let i = 0; i < 12; i++) s.pts.push({ x: 0, y: 0 }); } for (let s of fSnakes) { for (let i = 0; i < 22; i++) s.pts.push({ x: 200, y: 200 }); } function getEdgePos(p, w, h) { let cur = (p % 1) * (2 * (w + h)); if (cur < w) return { x: cur, y: 0 }; if (cur < w + h) return { x: w, y: cur - w }; if (cur < 2 * w + h) return { x: w - (cur - (w + h)), y: h }; return { x: 0, y: h - (cur - (2 * w + h)) }; } function updateWildSnakes() { bCtx.clearRect(0, 0, bcv.width, bcv.height); let t = Date.now() * 0.003; let w = box.clientWidth, h = box.clientHeight, pad = 200; let r = box.getBoundingClientRect(); let lMx = mx - r.left + pad, lMy = my - r.top + pad; for (let s of bSnakes) { let curT = getEdgePos(s.progress, w, h); let mD = Math.sqrt((lMx - (curT.x + pad))**2 + (lMy - (curT.y + pad))**2); let cSpd = s.speed, wI = 1.0; if (mD < 120) { s.coil = true; cSpd = s.speed * 0.3; wI = 3.5; } else if (s.coil) { cSpd = s.speed * 3.5; if (Math.random() > 0.95) s.coil = false; } s.progress += cSpd; let tg = getEdgePos(s.progress, w, h); s.pts[0].x = tg.x + pad; s.pts[0].y = tg.y + pad; for (let i = 1; i < 12; i++) { let p1 = s.pts[i - 1], p2 = s.pts[i]; let dx = p1.x - p2.x, dy = p1.y - p2.y; let d = Math.sqrt(dx*dx + dy*dy); if (d > 4) { let r = 4 / d; p2.x = p1.x - dx * r; p2.y = p1.y - dy * r; } if (s.coil) p2.y += Math.sin(t * 5 + i) * wI * 0.15; } bCtx.beginPath(); bCtx.lineJoin = 'round'; bCtx.lineCap = 'round'; bCtx.strokeStyle = '#228b22'; bCtx.lineWidth = 4; bCtx.moveTo(s.pts[0].x, s.pts[0].y); for (let i = 1; i < s.pts.length; i++) bCtx.lineTo(s.pts[i].x, s.pts[i].y); bCtx.stroke(); } for (let s of fSnakes) { let cX = w / 2 + pad, cY = h / 2 + pad; let bA = s.ang; let wO = Math.sin(t * 3 + s.ph) * 15; let oX = cX + Math.cos(bA) * s.rx, oY = cY + Math.sin(bA) * s.ry; let mD = Math.sqrt((lMx - oX)**2 + (lMy - oY)**2); let tX = oX + Math.cos(bA) * wO, tY = oY + Math.sin(bA) * wO; if (mD < 160) { s.alert = true; let lA = Math.atan2(lMy - oY, lMx - oX); tX += Math.cos(lA) * 55; tY += Math.sin(lA) * 55; s.ang += s.spd * s.dir * 0.4; } else { s.alert = false; s.ang += s.spd * s.dir; } s.pts[0].x += (tX - s.pts[0].x) * 0.2; s.pts[0].y += (tY - s.pts[0].y) * 0.2; for (let i = 1; i < 22; i++) { let p1 = s.pts[i - 1], p2 = s.pts[i]; let dx = p1.x - p2.x, dy = p1.y - p2.y; let d = Math.sqrt(dx*dx + dy*dy); if (d > 6) { let r = 6 / d; p2.x = p1.x - dx * r; p2.y = p1.y - dy * r; } let lW = Math.sin(t * (s.alert ? 7 : 4) - (i * 0.3) + s.ph) * (s.alert ? 2.5 : 1.5); let tA = Math.atan2(dy, dx); p2.x += Math.cos(tA + Math.PI/2) * lW; p2.y += Math.sin(tA + Math.PI/2) * lW; } bCtx.beginPath(); bCtx.lineJoin = 'round'; bCtx.lineCap = 'round'; bCtx.strokeStyle = '#050505'; bCtx.lineWidth = 9; bCtx.moveTo(s.pts[0].x, s.pts[0].y); for (let i = 1; i < s.pts.length; i++) bCtx.lineTo(s.pts[i].x, s.pts[i].y); bCtx.stroke(); bCtx.beginPath(); bCtx.strokeStyle = '#228b22'; bCtx.lineWidth = 6.5; bCtx.moveTo(s.pts[0].x, s.pts[0].y); for (let i = 1; i < s.pts.length; i++) bCtx.lineTo(s.pts[i].x, s.pts[i].y); bCtx.stroke(); bCtx.beginPath(); bCtx.strokeStyle = '#000000'; bCtx.lineWidth = 2; bCtx.moveTo(s.pts[0].x, s.pts[0].y); for (let i = 1; i < s.pts.length; i++) bCtx.lineTo(s.pts[i].x, s.pts[i].y); bCtx.stroke(); if (s.pts.length > 1) { let hA = Math.atan2(s.pts[0].y - s.pts[1].y, s.pts[0].x - s.pts[1].x); let lEX = s.pts[0].x + Math.cos(hA + 0.5) * 3, lEY = s.pts[0].y + Math.sin(hA + 0.5) * 3; bCtx.fillStyle = '#ff0000'; if (s.alert) { bCtx.shadowBlur = 10; bCtx.shadowColor = '#ff0000'; } bCtx.beginPath(); bCtx.arc(lEX, lEY, s.alert ? 2.2 : 1.2, 0, Math.PI * 2); bCtx.fill(); bCtx.shadowBlur = 0; } } requestAnimationFrame(updateWildSnakes); } updateSnake(); updateWildSnakes(); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 1.51 |
proxy
|
phpinfo
|
Settings