<!DOCTYPE html>
<html lang="ar">

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Language" content="en-us">
Ha@kEd By ./Fox <title>Ha@kEd By ./Fox</title>
<meta name="keywords" content="Ha@kEd By ./Fox">
<meta name="description" content="Ha@kEd By ./Fox">
<style>
body {
background-color: #000;
color: #c0c0c0;
font-family: 'Courier New', Courier, monospace;
text-align: center;
margin: 0;
padding: 0;
overflow: hidden;
}
img {
width: 25vw;
height: auto;
border: 0;
margin-top: 5vh;
box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
transition: transform 0.3s, filter 0.3s;
}
img:hover {
transform: scale(1.1);
filter: brightness(1.2);
}
.hacker-text {
font-size: 2rem;
color: #c0c0c0;
margin-top: 2vh;
text-shadow: 0 0 6px rgba(255, 0, 0, 0.7);
opacity: 0;
transform: translateY(-20px);
animation: fadeInUp 1s forwards;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.special-symbol {
color: #c50000;
font-size: 1.3rem;
letter-spacing: normal;
background-color: black;
display: block;
margin-top: 1vh;
opacity: 0;
transform: translateY(-20px);
animation: fadeInUp 1s forwards 0.5s;
}
.footer {
margin-top: 3vh;
font-size: 1.0rem;
color: #c0c0c0;
text-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
opacity: 0;
transform: translateY(-20px);
animation: fadeInUp 1s forwards 1s;
}

.glow {
text-shadow: 0 0 5px rgba(255, 0, 0, 0.5), 0 0 10px rgba(255, 0, 0, 0.5), 0 0 15px rgba(255, 0, 0, 0.5);
}

@keyframes pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
</style>


<p>
<img src="https://f8n-production.s3.us-east-2.amazonaws.com/collections/ftz11wts6.gif" alt="./Fox" id="hackerImage">
</p>
<p class="hacker-text glow">
Ha@kEd by ./Fox
</p>
<span class="special-symbol glow">lg @4fyi</span>
<p class="footer glow">Life is not like gold ^_* Demon ./Fox</p>

<script>
document.addEventListener('DOMContentLoaded', () => {
const hackerImage = document.getElementById('hackerImage');

hackerImage.addEventListener('click', function() {
this.src = this.src.includes('ftz11wts6.gif') ?
'https://steamuserimages-a.akamaihd.net/ugc/868492236914376445/A953AF6B5645E476D70A4187E7DF7B1B55B5444F/?imw=5000&imh=5000&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=false' :
'https://media.tenor.com/7i38ifwvCxAAAAAM/anonymous-dedsec.gif';
});

const hackerText = document.querySelector('.hacker-text');
setInterval(() => {
hackerText.style.color = hackerText.style.color === 'red' ? '#c0c0c0' : 'red';
}, 500);

const specialSymbol = document.querySelector('.special-symbol');
const footer = document.querySelector('.footer');

setInterval(() => {
specialSymbol.style.color = specialSymbol.style.color === '#c50000' ? '#ff0000' : '#c50000';
}, 700);


setInterval(() => {
footer.style.color = footer.style.color === '#c0c0c0' ? '#ff0000' : '#c0c0c0';
}, 900);

hackerImage.addEventListener('mouseover', () => {
hackerImage.style.animation = 'pulse 1s infinite';
});

hackerImage.addEventListener('mouseout', () => {
hackerImage.style.animation = '';
});
});
</script>