<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Defaced by Order403</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
padding: 0;
height: 100vh;
overflow: hidden;
font-family: "Courier New", monospace;
color: white;
background: #0a0a0a;
display: flex;
justify-content: center;
align-items: center;
}
canvas {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.content {
display: flex;
gap: 80px;
align-items: center;
}
.logo {
flex: 0 0 auto;
}
.logo img {
width: 370px;
height: 370px;
border-radius: 15px;
object-fit: cover;
filter: drop-shadow(0 0 25px red);
}
.text-box {
background: rgba(0,0,0,0.65);
padding: 30px 50px;
border-radius: 12px;
box-shadow: 0 0 35px rgba(255,0,0,0.5);
max-width: 500px;
}
.title {
font-size: 36px;
font-weight: bold;
color: #ff2a2a;
text-shadow: 0 0 12px red;
margin-bottom: 15px;
}
.subtitle {
font-size: 17px;
color: #ff7f7f;
margin-bottom: 10px;
}
.link {
font-size: 18px;
color: #ff4a4a;
text-decoration: none;
text-shadow: 0 0 8px red;
}
.members{
font-size: 20px;
margin-bottom: 20px;
color: white;
}
</style>
</head>
<body>
<canvas id="bgCanvas"></canvas>
<div class="content">
<div class="logo">
<img src="https://cdn.discordapp.com/attachments/1444031492622651435/1445865274602557440/order403.png?ex=6931e678&is=693094f8&hm=7dfbf10c47076dc23f960245aa52e5317ab55573d32efea77075d610ad7f5874&" alt="Logo">
</div>
<div class="text-box">
<div class="title">Webiste defacement by order403</div>
<div class="subtitle">Hello owners this website. This website has been compromissed & defaced. Contact us on telegram!</div>
<div class="members">Greetz: Order403 | @Unydigma,@Scary403,@ddoseandote,@udyco,
@litvin0vz</div>
<a href="https://t.me/order403" class="link" target="_blank">https://t.me/order403</a>
</div>
</div>
<script>
const canvas = document.getElementById('bgCanvas');
const ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
let particles = [];
for(let i=0;i<150;i++) {
particles.push({x: Math.random()*canvas.width, y: Math.random()*canvas.height, r: Math.random()*2+1, vx: (Math.random()-0.5)*1, vy: (Math.random()-0.5)*1});
}
function animate() {
ctx.fillStyle = '#0a0a0a';
ctx.fillRect(0,0,canvas.width,canvas.height);
ctx.strokeStyle = 'rgba(255,0,0,0.3)';
for(let i=0;i<particles.length;i++) {
let p = particles[i];
ctx.beginPath();
ctx.arc(p.x, p.y, p.r, 0, Math.PI*2);
ctx.fillStyle = 'rgba(255,0,0,0.7)';
ctx.fill();
p.x += p.vx;
p.y += p.vy;
if(p.x < 0 || p.x > canvas.width) p.vx *= -1;
if(p.y < 0 || p.y > canvas.height) p.vy *= -1;
for(let j=i+1;j<particles.length;j++) {
let p2 = particles[j];
let dx = p.x - p2.x;
let dy = p.y - p2.y;
let dist = Math.sqrt(dx*dx+dy*dy);
if(dist<100){
ctx.beginPath();
ctx.moveTo(p.x,p.y);
ctx.lineTo(p2.x,p2.y);
ctx.stroke();
}
}
}
requestAnimationFrame(animate);
}
animate();
window.addEventListener('resize', ()=>{
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
});
</script>
</body>
</html>