Telegram: flexerd
Alıntı
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>Yönlendirme</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: linear-gradient(45deg, #1a1a1a, #2c3e50);
overflow: hidden;
}
.particle {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
pointer-events: none;
animation: float 4s infinite linear;
}
@keyframes float {
0% { transform: translateY(0) rotate(0deg); opacity: 0; }
50% { opacity: 0.8; }
100% { transform: translateY(-100vh) rotate(360deg); opacity: 0; }
}
.container {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
width: 90%;
max-width: 400px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timer {
font-size: 2.5em;
color: #fff;
margin: 20px 0;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
h1 {
color: #fff;
font-size: 1.5em;
margin-bottom: 20px;
}
p {
color: #ddd;
font-size: 0.9em;
}
.progress-ring {
position: relative;
width: 120px;
height: 120px;
margin: 20px auto;
}
.progress-ring circle {
transition: stroke-dashoffset 0.35s;
transform: rotate(-90deg);
transform-origin: 50% 50%;
}
</style>
</head>
<body>
<div class="container">
<h1>Yönlendiriliyor</h1>
<svg class="progress-ring" viewBox="0 0 100 100">
<circle cx="50" cy="50" r="45" fill="none" stroke="#1a1a1a" stroke-width="5"/>
<circle cx="50" cy="50" r="45" fill="none" stroke="#3498db" stroke-width="5"
stroke-dasharray="282.7433388230814"
stroke-dashoffset="0"/>
</svg>
<div class="timer" id="timer">3</div>
<p>Hedef sayfaya yönlendiriliyorsunuz...</p>
</div>
<script>
for (let i = 0; i < 50; i++) {
const particle = document.createElement('div');
particle.className = 'particle';
particle.style.left = Math.random() * 100 + 'vw';
particle.style.width = particle.style.height = Math.random() * 10 + 5 + 'px';
particle.style.animationDuration = Math.random() * 3 + 2 + 's';
particle.style.animationDelay = Math.random() * 2 + 's';
document.body.appendChild(particle);
}
const circle = document.querySelector('.progress-ring circle:nth-child(2)');
const circumference = 282.7433388230814;
function setProgress(percent) {
const offset = circumference - (percent / 100 * circumference);
circle.style.strokeDashoffset = offset;
}
let timeLeft = 3;
const timerDisplay = document.getElementById('timer');
const updateTimer = setInterval(function() {
timerDisplay.textContent = timeLeft;
setProgress((3 - timeLeft) * 33.33);
timeLeft--;
if (timeLeft < 0) clearInterval(updateTimer);
}, 1000);
document.addEventListener('contextmenu', function(event) {
event.preventDefault();
});
setTimeout(function() {
location.href = 'buraya kısayol url link';
}, 3000);
</script>
</body>
</html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>Yönlendirme</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: linear-gradient(45deg, #1a1a1a, #2c3e50);
overflow: hidden;
}
.particle {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
pointer-events: none;
animation: float 4s infinite linear;
}
@keyframes float {
0% { transform: translateY(0) rotate(0deg); opacity: 0; }
50% { opacity: 0.8; }
100% { transform: translateY(-100vh) rotate(360deg); opacity: 0; }
}
.container {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
width: 90%;
max-width: 400px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timer {
font-size: 2.5em;
color: #fff;
margin: 20px 0;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
h1 {
color: #fff;
font-size: 1.5em;
margin-bottom: 20px;
}
p {
color: #ddd;
font-size: 0.9em;
}
.progress-ring {
position: relative;
width: 120px;
height: 120px;
margin: 20px auto;
}
.progress-ring circle {
transition: stroke-dashoffset 0.35s;
transform: rotate(-90deg);
transform-origin: 50% 50%;
}
</style>
</head>
<body>
<div class="container">
<h1>Yönlendiriliyor</h1>
<svg class="progress-ring" viewBox="0 0 100 100">
<circle cx="50" cy="50" r="45" fill="none" stroke="#1a1a1a" stroke-width="5"/>
<circle cx="50" cy="50" r="45" fill="none" stroke="#3498db" stroke-width="5"
stroke-dasharray="282.7433388230814"
stroke-dashoffset="0"/>
</svg>
<div class="timer" id="timer">3</div>
<p>Hedef sayfaya yönlendiriliyorsunuz...</p>
</div>
<script>
for (let i = 0; i < 50; i++) {
const particle = document.createElement('div');
particle.className = 'particle';
particle.style.left = Math.random() * 100 + 'vw';
particle.style.width = particle.style.height = Math.random() * 10 + 5 + 'px';
particle.style.animationDuration = Math.random() * 3 + 2 + 's';
particle.style.animationDelay = Math.random() * 2 + 's';
document.body.appendChild(particle);
}
const circle = document.querySelector('.progress-ring circle:nth-child(2)');
const circumference = 282.7433388230814;
function setProgress(percent) {
const offset = circumference - (percent / 100 * circumference);
circle.style.strokeDashoffset = offset;
}
let timeLeft = 3;
const timerDisplay = document.getElementById('timer');
const updateTimer = setInterval(function() {
timerDisplay.textContent = timeLeft;
setProgress((3 - timeLeft) * 33.33);
timeLeft--;
if (timeLeft < 0) clearInterval(updateTimer);
}, 1000);
document.addEventListener('contextmenu', function(event) {
event.preventDefault();
});
setTimeout(function() {
location.href = 'buraya kısayol url link';
}, 3000);
</script>
</body>
</html>
