sevgilim #116
Description
<title>Sevgilim 💖</title>
<style>
body {
margin: 0;
padding: 0;
background-color: pink;
font-family: 'Segoe UI', sans-serif;
color: #333;
text-align: center;
}
.container {
padding: 30px;
}
h1 {
font-size: 2.5em;
margin-bottom: 10px;
}
.special-date {
font-size: 1.2em;
margin-bottom: 30px;
}
.countdown {
font-size: 1.5em;
color: #d63384;
margin-bottom: 30px;
}
.note {
font-size: 1.2em;
padding: 20px;
background: white;
border-radius: 10px;
margin: 20px auto;
width: 80%;
max-width: 500px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.hearts {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
}
.heart {
position: absolute;
color: red;
font-size: 24px;
animation: float 5s linear infinite;
}
@Keyframes float {
0% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(-100vh); opacity: 0; }
}
</style>
<script>
// Geri Sayım
const targetDate = new Date("2025-05-03T00:00:00").getTime();
const countdown = document.getElementById("countdown");
setInterval(() => {
const now = new Date().getTime();
const distance = targetDate - now;
if (distance < 0) {
countdown.innerHTML = "Bugün bizim özel günümüz! 🎉";
return;
}
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
countdown.innerHTML = `Birlikte olduğumuz o güne ${days} gün kaldı.`;
}, 1000);
// Kalp Efekti
function createHeart() {
const heart = document.createElement('div');
heart.classList.add('heart');
heart.style.left = Math.random() * 100 + 'vw';
heart.style.animationDuration = (2 + Math.random() * 3) + 's';
heart.innerText = '❤️';
document.getElementById('hearts').appendChild(heart);
setTimeout(() => heart.remove(), 5000);
}
setInterval(createHeart, 300);
</script>
Sevgilim 💖
03.05.2024 – Birlikte olduğumuz o ilk gün 🥰
<div class="countdown" id="countdown">Yükleniyor...</div>
<div class="note">
Canım sevgilim,<br><br>
Bu site senin için hazırlandı. Her anımız özel, ama bu tarih bizim için ayrı bir yer taşıyor.<br>
Seninle geçirdiğim her an bir ömre bedel. Yüreğimden tutan kadına sonsuz sevgilerimle... 💞<br><br>
— Xerib
</div>
<audio controls autoplay loop>
<source src="https://www.dropbox.com/scl/fi/vx8x5olngkdfku7uafh2q/Yuregimden-Tut-Eylem-Aktas.mp3?rlkey=2atc8f85czqwcuhrbt2wws9pa&raw=1" type="audio/mpeg">
Tarayıcınız müziği desteklemiyor.
</audio>