Notes
Cyber falcon
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HACKED BY cOmReD</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
:root { --red:#ff0000; --green:#00ff66; --black:#000; }
html,body {
margin:0; padding:0; width:100%; height:100%;
background:var(--black); color:var(--red);
font-family:'Courier New', monospace;
text-align:center; font-weight:bold;
overflow:hidden;
}
/* Background Text Particles */
.matrix-wrap {
position:fixed; inset:0; z-index:0;
pointer-events:none; overflow:hidden;
font-weight:bold;
}
.particle {
position:absolute;
font-size:10px;
color:var(--green);
opacity:.85;
animation:float 4s ease-in-out infinite;
animation-delay:calc(var(--d)*-1s);
white-space:nowrap;
user-select:none;
}
@keyframes float {
0% { transform:translateY(0) scale(1); opacity:.9; }
50% { transform:translateY(-30px) scale(1.15); opacity:1; }
100% { transform:translateY(0) scale(1); opacity:.9; }
}
/* Text Glow */
.arabic {
font-size:32px; margin-top:30px;
text-shadow:0 0 8px var(--red);
position:relative; z-index:2;
}
.logo {
width:200px; height:200px; margin:20px auto;
z-index:2; position:relative;
}
h1 {
font-size:36px; color:var(--red);
text-shadow:0 0 10px var(--red),0 0 20px var(--red);
position:relative; z-index:2;
}
.typewriter {
display:inline-block; overflow:hidden; white-space:nowrap;
animation:typing 5s steps(50,end), blink .75s step-end infinite;
font-size:20px; margin-top:10px;
border-right:.15em solid var(--red);
position:relative; z-index:2;
}
@keyframes typing { from{width:0} to{width:100%} }
@keyframes blink { from,to{border-color:transparent} 50%{border-color:var(--red)} }
.warning {
font-size:22px; margin-top:40px;
text-shadow:0 0 6px var(--red);
position:relative; z-index:2;
}
img { max-width:100%; height:auto; }
</style>
</head>
<body>
<!-- Green Text Particles Background -->
<div class="matrix-wrap" id="matrix"></div>
<!-- Hidden AutoPlay Audio (no controls) -->
<audio id="bg-music" autoplay loop>
<source src="https://drive.google.com/uc?export=download&id=1-mrgqVTvMel0s0fyuzIiw5qLzYlq0ILk" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<!-- Main Content -->
<div class="arabic">
? <br>
??? ??????? ?????? ???????? ????????? ??????? ???????
</div>
<div class="logo">
<img src="https://f.top4top.io/p_3485wrxhz0.jpg" alt="Cyber Falcon Logo" style="width:100%;border-radius:50%;">
</div>
<h1>? HACKED BY CYBER FALCON ?</h1>
<div class="typewriter">
— The Site Was Hacked By CYBER FALCON TEM And We Warned You —
</div>
<p class="warning">YOU'RE NOT SAFE FROM US OR OUR MESSAGES</p>
<script>
/* Generate text particles */
(function(){
const WORDS = ['HACK','CYBER FALCON'];
const N = 160; // number of particles
const wrap = document.getElementById('matrix');
function makeParticle(w,h){
const s=document.createElement('span');
s.className='particle';
s.textContent=WORDS[Math.random()<0.6?0:1]; // more HACK than CYBER FALCON
const x=Math.random()*w, y=Math.random()*h;
const delay=(Math.random()*4).toFixed(2);
const dur = (3 + Math.random()*3).toFixed(2); // 3s-6s
s.style.left=x+'px';
s.style.top=y+'px';
s.style.setProperty('--d',delay);
s.style.animationDuration=dur+'s';
wrap.appendChild(s);
}
function init(){
const w=window.innerWidth, h=window.innerHeight;
wrap.innerHTML='';
for(let i=0;i<N;i++) makeParticle(w,h);
}
window.addEventListener('resize',init);
init();
})();
/* Force autoplay (browsers may block; try on interaction) */
const audio = document.getElementById('bg-music');
document.addEventListener('click', tryPlayOnce, {once:true});
document.addEventListener('touchstart', tryPlayOnce, {once:true});
function tryPlayOnce(){
if(audio.paused){
audio.play().catch(()=>{ /* ignored */ });
}
}
</script>
</body>
</html>
Prepared By : Cyber