KULANILAN İNDEX KODU TAMAMİYLE BANA AİTİR UMARIM BEĞENİRSİNİZ
KODDA İSMİ GEÇEN ÜYELER=GHOSTKİLLER ARCHİEN OBT ENSARKARA
KODDA İSMİ GEÇEN ÜYELER=GHOSTKİLLER ARCHİEN OBT ENSARKARA
HTML:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HACKED</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
body {
background-color: #000;
color: #0f0;
font-family: 'Roboto Mono', monospace;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
text-align: center;
overflow: hidden;
position: relative;
}
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(0deg, rgba(0, 255, 0, 0.15), rgba(0, 255, 0, 0.15) 1px, transparent 1px, transparent 2px);
z-index: 2;
pointer-events: none;
animation: flicker 0.15s infinite;
}
#matrix-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.5;
}
.container {
position: relative;
z-index: 3;
background: rgba(0, 0, 0, 0.75);
padding: 40px;
border: 2px solid #0f0;
box-shadow: 0 0 25px #0f0, inset 0 0 15px #0f0;
border-radius: 10px;
animation: fadeIn 2s ease-in-out;
max-width: 90%;
}
.logos {
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
margin-bottom: 30px;
}
.logos img {
max-height: 120px;
filter: drop-shadow(0 0 10px #0f0);
transition: transform 0.3s ease;
}
.logos img:hover {
transform: scale(1.1);
}
h1 {
font-size: 3em;
color: #ff0000;
text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
margin: 0;
animation: pulse 1.5s infinite;
}
p {
font-size: 1.5em;
margin: 20px 0;
color: #fff;
text-shadow: 0 0 5px #fff;
}
.signatures {
margin-top: 40px;
border-top: 1px solid #0f0;
padding-top: 20px;
}
.signatures h2 {
margin: 0;
padding: 0;
font-size: 1.8em;
color: #0f0;
text-shadow: 0 0 7px #0f0;
}
.names {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
font-size: 1.4em;
color: #fff;
}
.names span {
transition: color 0.3s, text-shadow 0.3s;
}
.names span:hover {
color: #ff0000;
text-shadow: 0 0 10px #ff0000;
}
@keyframes flicker { 0%, 100% { opacity: 1; } 50% { opacity: 0.8; } }
@keyframes pulse { 0% { transform: scale(1); text-shadow: 0 0 10px #ff0000; } 50% { transform: scale(1.05); text-shadow: 0 0 20px #ff0000, 0 0 30px #ff0000; } 100% { transform: scale(1); text-shadow: 0 0 10px #ff0000; } }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 768px) {
h1 { font-size: 2em; }
p { font-size: 1.2em; }
.logos { flex-direction: column; gap: 20px; }
.logos img { max-height: 80px; }
.names { font-size: 1em; }
}
</style>
</head>
<body>
<audio id="bg-music" loop>
<source src="https://cdns-preview-d.dzcdn.net/stream/c-d33221153835e6a3782b354391983584-11.mp3" type="audio/mpeg">
</audio>
<canvas id="matrix-bg"></canvas>
<div class="container">
<div class="logos">
<img src="https://pbs.twimg.com/media/F9oWGXNXYAANcXW?format=jpg&name=large" alt="TurkHackTeam Logo">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSVOmOIbVXHMGmgmhkJAFp4MGeOGgHhlS1cDg&s" alt="Anka RedTeam Logo">
</div>
<h1>:: HACKED ::</h1>
<p>İstediğimiz Zaman, İstediğimiz Yerde...</p>
<div class="signatures">
<h2>TURKHACKTEAM & ANKA REDTEAM</h2>
<div class="names">
<span>ENSARKARA</span>
<span>-</span>
<span>OBT</span>
<span>-</span>
<span>GHOSTKİLLER</span>
<span>-</span>
<span>ARCHİEN</span>
</div>
</div>
</div>
<script>
const canvas = document.getElementById('matrix-bg');
const ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const letters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789アァカサタナハマヤャラワガザダバパイィキシチニヒミリヰギジヂビピウゥクスツヌフムユュルグズブプエェケセテネヘメレヱゲゼデベペオォコソトノホモヨョロヲゴゾドボポヴッン';
const fontSize = 16;
const columns = canvas.width / fontSize;
const drops = [];
for (let x = 0; x < columns; x++) { drops[x] = 1; }
function draw() {
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = '#0f0';
ctx.font = fontSize + 'px arial';
for (let i = 0; i < drops.length; i++) {
const text = letters[Math.floor(Math.random() * letters.length)];
ctx.fillText(text, i * fontSize, drops[i] * fontSize);
if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) { drops[i] = 0; }
drops[i]++;
}
}
setInterval(draw, 33);
window.addEventListener('resize', () => {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const newColumns = canvas.width / fontSize;
if (newColumns > drops.length) { for (let x = drops.length; x < newColumns; x++) { drops[x] = 1; } } else { drops.length = newColumns; }
});
window.onload = function() {
var music = document.getElementById('bg-music');
var promise = music.play();
if (promise !== undefined) {
promise.then(_ => {
}).catch(error => {
document.body.addEventListener('click', () => { music.play(); }, { once: true });
});
}
};
</script>
</body>
</html>
