💛 Eine Nachricht von Emilia 💛
Hallo Andrea,
ich habe heute etwas ganz Besonderes zu fragen.
Aber bevor wir beginnen ...
Bist du bereit für eine kleine Überraschung?
▓░░░░ 20%
🤫 Noch eine Frage
Kannst du ein Geheimnis für dich behalten?
▓▓░░░ 40%
👀 Perfekt ...
Ich habe nämlich sehr lange über diese Frage nachgedacht.
▓▓▓░░ 60%
💛 Eine ganz wichtige Frage 💛
Mama und Papa haben gesagt,
dass ich mir eine ganz besondere
Taufpatin aussuchen darf.
Bevor du auf „Nein“ klickst:
Ich beobachte alles. 👀
🌷 Möchtest du meine Taufpatin werden? 🌷
Ich habe da schon jemanden im Sinn ... 🥰
🎉 JAAAA! 🎉
{
document.getElementById()
{
flee(e.clientX,e.clientY);
});
document.addEventListener("touchmove",(e)=>{
const touch=e.touches[0];
flee(
touch.clientX,
touch.clientY
);
},{passive:true});
noBtn.addEventListener("touchstart",(e)=>{
e.preventDefault();
x=Math.random()*(window.innerWidth-120);
y=Math.random()*(window.innerHeight-100);
updateNoPosition();
});
document.getElementById("yes").addEventListener("click",()=>{
document.getElementById("page4").style.display="none";
noBtn.style.display="none";
document.getElementById("success").style.display="block";
for(let i=0;i<80;i++){
const heart = document.createElement("div");
heart.className = "heart";
heart.innerHTML =
Math.random() > 0.5
? "💛"
: "❤️";
// Zufällige Position
heart.style.left =
Math.random() * 100 + "vw";
heart.style.top =
(50 + Math.random() * 40) + "vh";
// Unterschiedliche Größen
const size =
20 + Math.random() * 80;
heart.style.fontSize =
size + "px";
// Unterschiedliche Flugrichtungen
heart.style.setProperty(
"--driftX",
(-250 + Math.random()*500) + "px"
);
heart.style.setProperty(
"--travel",
(500 + Math.random()*400) + "px"
);
heart.style.setProperty(
"--rotation",
(-180 + Math.random()*360) + "deg"
);
// Unterschiedliche Dauer
heart.style.animationDuration =
(3 + Math.random()*4) + "s";
// Unterschiedlicher Startzeitpunkt
heart.style.animationDelay =
(Math.random()*2) + "s";
document
.getElementById("hearts")
.appendChild(heart);
}
});