File: /home/schuftan/domains/schuftan.cl/public_html/a.html
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Şehitlerimiz Anısına</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Rajdhani', sans-serif;
color: white;
overflow: hidden;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background-color: #000;
}
.slideshow {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1.5s ease-in-out;
filter: brightness(0.7);
}
.slide.active {
opacity: 1;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
z-index: -1;
}
.header {
margin-bottom: 30px;
}
.hacked-by {
font-family: 'Orbitron', sans-serif;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 1.5px;
margin-bottom: 10px;
text-transform: uppercase;
color: #ff3333;
text-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}
.martyrs-container {
margin: 30px 0;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.martyr-name {
font-size: 1.8rem;
font-weight: 700;
opacity: 0;
transition: opacity 1s ease-in-out;
position: absolute;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.7), 0 0 30px rgba(255, 255, 255, 0.5);
animation: textGlow 3s ease-in-out infinite alternate;
}
.martyr-name.active {
opacity: 1;
}
.quote {
font-size: 1.5rem;
font-weight: 500;
font-style: italic;
max-width: 80%;
margin: 0 auto;
padding: 15px;
border-top: 2px solid rgba(255, 255, 255, 0.3);
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
letter-spacing: 1px;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.music-control {
position: fixed;
bottom: 20px;
right: 20px;
background: rgba(0, 0, 0, 0.7);
color: white;
border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
z-index: 100;
}
.music-control:hover {
background: rgba(0, 0, 0, 0.9);
transform: scale(1.1);
}
.music-control i {
font-size: 1.5rem;
}
@keyframes textGlow {
from {
text-shadow: 0 0 10px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.7), 0 0 30px rgba(255, 255, 255, 0.5);
}
to {
text-shadow: 0 0 15px rgba(255, 255, 255, 1), 0 0 25px rgba(255, 255, 255, 0.8), 0 0 35px rgba(255, 255, 255, 0.6);
}
}
@media (max-width: 768px) {
.hacked-by {
font-size: 1.5rem;
}
.martyr-name {
font-size: 1.4rem;
}
.quote {
font-size: 1.2rem;
}
.music-control {
width: 45px;
height: 45px;
bottom: 15px;
right: 15px;
}
}
</style>
</head>
<body>
<div class="slideshow">
<div class="slide active" style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ9GjzsB15m0J1J-Y-w5m0mMNYyiOK80R_vNQfqmidyJQ&s=10')"></div>
<div class="slide" style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSKkZHZy_71nTVO5n3uxeJvrPAekEkPtBATXa9SfpfV3w&s=10')"></div>
<div class="slide" style="background-image: url('https://avatars.mds.yandex.net/i?id=60b7d1ab8da90cae989f48891d031a7021298a3f-9986976-images-thumbs&n=13')"></div>
<div class="slide" style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSmHDAKSCAEgUG52VzQduCP_Ot9-1p7ZlSNCEJCOdRKeA&s=10')"></div>
<div class="slide" style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQb3kIz-uTdu9u88gz9i8BAow0xhA-T6tvMPUPTUbNuWQ&s=10')"></div>
<div class="overlay"></div>
</div>
<div class="header">
<h1 class="hacked-by">Hacked By Emin Sarsılmaz & LydexCoding & Froxy & Bilinmez Yüz & Root Syrox</h1>
</div>
<div class="martyrs-container">
<div class="martyr-name active"></div>
</div>
<div class="quote">Onlar bu vatan için can verdiler, biz de onların hatırasına sahip çıkacağız!</div>
<div class="music-control" id="musicToggle">
<i class="fas fa-volume-up"></i>
</div>
<audio id="backgroundMusic" loop>
<source src="https://youtu.be/NtSBJoO-pqg?si=JhHuHhWnhQwtl_-e" type="audio/mpeg">
Tarayıcınız audio elementini desteklemiyor.
</audio>
<script>
// Şehitlerimizin listesi
const martyrs = [
"Hava Pilot Binbaşı Serdar Uslu - Şehit",
"Hava Pilot Binbaşı Nihat İlgen - Şehit",
"Pilot Yarbay Gökhan Korkmaz - Şehit",
"Hava Uçak Bakım Üsteğmen Emre Mercan - Şehit",
"Hava Pilot Üsteğmen Cüneyt Kandemir - Şehit",
"Hava Uçak Bakım Astsubay Üstçavuş Berkay Karaca - Şehit",
"Hava Bakım Astsubay Üstçavuş Emre Altıok - Şehit",
"Hava Uçak Bakım Astsubay Üstçavuş İlhan Ongan - Şehit",
"Hava Astsubay Üstçavuş Burak İbbiği - Şehit",
"Hava Uçak Bakım Astsubay Kıdemli Başçavuş Nuri Özcan - Şehit",
"Hava Uçak Bakım Astsubay Başçavuş Hamdi Armağan Kaplan - Şehit",
"Hava Uçak Bakım Astsubay Başçavuş Emrah Kuran - Şehit",
"Hava Uçak Bakım Astsubay Başçavuş İlker Aykut - Şehit",
"Hava İkmal Astsubay Kıdemli Çavuş Ahmet Yasir Kuyucu - Şehit",
"Hava Ulaştırma Uzman Çavuş Emre Sayın - Şehit",
"Hava Kıdemli Başçavuş Ümit İnce - Şehit",
"Hava Başçavuş Ramazan Yağız - Şehit",
"Hava Uzman Çavuş Cem Dolapçı - Şehit",
"Hava Başçavuş Akın Karakuş - Şehit",
"Hava Başçavuş Burak Özcan - Şehit"
];
// Arka plan slaytları için
const slides = document.querySelectorAll('.slide');
let currentSlide = 0;
function nextSlide() {
slides[currentSlide].classList.remove('active');
currentSlide = (currentSlide + 1) % slides.length;
slides[currentSlide].classList.add('active');
}
// Şehit isimleri için
const martyrElement = document.querySelector('.martyr-name');
let currentMartyrIndex = 0;
function nextMartyr() {
martyrElement.classList.remove('active');
setTimeout(() => {
martyrElement.textContent = martyrs[currentMartyrIndex];
martyrElement.classList.add('active');
currentMartyrIndex = (currentMartyrIndex + 1) % martyrs.length;
}, 1000);
}
// Müzik kontrolü için
const musicToggle = document.getElementById('musicToggle');
const backgroundMusic = document.getElementById('backgroundMusic');
let isMusicPlaying = true;
// Sayfa yüklendiğinde müziği başlat
window.addEventListener('load', function() {
backgroundMusic.play().catch(e => {
console.log("Otomatik müzik çalma engellendi, kullanıcı etkileşimi gerekiyor.");
isMusicPlaying = false;
musicToggle.innerHTML = '<i class="fas fa-volume-mute"></i>';
});
});
// Müzik kontrol butonu
musicToggle.addEventListener('click', function() {
if (isMusicPlaying) {
backgroundMusic.pause();
musicToggle.innerHTML = '<i class="fas fa-volume-mute"></i>';
} else {
backgroundMusic.play();
musicToggle.innerHTML = '<i class="fas fa-volume-up"></i>';
}
isMusicPlaying = !isMusicPlaying;
});
// İlk şehit ismini göster
martyrElement.textContent = martyrs[0];
// Slaytları ve şehit isimlerini döndür
setInterval(nextSlide, 3000);
setInterval(nextMartyr, 3000);
</script>
</body>
</html>