gamerks856-glitch · January 2, 2026 03:56
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>For Aashima ❤️</title>

 <style>
 body{
 margin:0;
 min-height:100vh;
 display:flex;
 justify-content:center;
 align-items:center;
 background:linear-gradient(135deg,#ffd6e8,#fff0f6);
 font-family:Arial, sans-serif;
 overflow:hidden;
 }

 .page{
 display:none;
 width:100%;
 height:100%;
 justify-content:center;
 align-items:center;
 text-align:center;
 position:absolute;
 top:0;left:0;
 }

 .page.active{display:flex;}

 .card{
 background:white;
 padding:30px;
 border-radius:25px;
 max-width:420px;
 box-shadow:0 25px 50px rgba(255,105,180,0.35);
 animation:fadeIn 1s ease;
 }

 @keyframes fadeIn{
 from{opacity:0;transform:scale(0.9)}
 to{opacity:1;transform:scale(1)}
 }

 h1{color:#ff2f6d;font-size:34px}
 p{color:#444;font-size:18px;line-height:1.6}

 button{
 margin-top:22px;
 padding:16px 28px;
 font-size:18px;
 border:none;
 border-radius:35px;
 background:#ff2f6d;
 color:white;
 cursor:pointer;
 }

 /* 💋 KISS */
 .kiss{
 position:absolute;
 font-size:28px;
 animation:float 2.2s ease forwards;
 }

 @keyframes float{
 from{transform:scale(0);opacity:1}
 to{transform:scale(2) translateY(-220px);opacity:0}
 }

 /* ❤️ HEART FLOAT */
 .heart{
 position:absolute;
 font-size:26px;
 animation:heartFloat 3s ease forwards;
 }

 @keyframes heartFloat{
 from{transform:translateY(0);opacity:1}
 to{transform:translateY(-260px);opacity:0}
 }
 </style>
 </head>

 <body>

 <!-- PAGE 1 -->
 <div class="page active" id="page1">
  <div class="card">
    <h1>Tap the screen ❤️</h1>
    <button onclick="go('page2')">Tap for Love 💗</button>
  </div>
 </div>

 <!-- PAGE 2 -->
 <div class="page" id="page2">
  <div class="card">
    <h1>Dear Aashima ❤️</h1>
    <p>
      You are stronger than you think,<br>
      braver than you feel,<br>
      and more loved than you realize.<br><br>
      Bunny will always be proud of you 🤍
    </p>
    <button onclick="go('page3')">One last thing 💞</button>
  </div>
 </div>

 <!-- PAGE 3 -->
 <div class="page" id="page3">
  <div class="card">
    <h1>For You 💖</h1>
    <p>
      Every smile of yours matters.<br>
      Every dream of yours matters.<br><br>
      Bunny always loves you 🐰❤️
    </p>
    <button onclick="blowKiss()">Blow a kiss 💋</button>
  </div>
 </div>

 <!-- PAGE 4 – CUTE ENDING -->
 <div class="page" id="page4">
  <div class="card">
    <h1>Always Us 💕</h1>
    <p>
      No matter where life takes us,<br>
      this love stays gentle, strong,<br>
      and forever 🤍
    </p>
  </div>
 </div>

 <script>
 window.onload=()=>go('page1');

 function go(id){
  document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));
  document.getElementById(id).classList.add('active');
 }

 function blowKiss(){
  // Kisses
  for(let i=0;i<20;i++){
    let k=document.createElement("div");
    k.className="kiss";
    k.innerHTML="💋";
    k.style.left=Math.random()*100+"vw";
    k.style.top=Math.random()*100+"vh";
    document.body.appendChild(k);
    setTimeout(()=>k.remove(),2200);
  }

  // Hearts
  for(let i=0;i<15;i++){
    let h=document.createElement("div");
    h.className="heart";
    h.innerHTML="❤️";
    h.style.left=Math.random()*100+"vw";
    h.style.top="100vh";
    document.body.appendChild(h);
    setTimeout(()=>h.remove(),3000);
  }

  setTimeout(()=>go('page4'),2000);
 }
 </script>

 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>For Aashima ❤️</title>

	<style>
	body{
	margin:0;
	min-height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	background:linear-gradient(135deg,#ffd6e8,#fff0f6);
	font-family:Arial, sans-serif;
	overflow:hidden;
	}

	.page{
	display:none;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
	text-align:center;
	position:absolute;
	top:0;left:0;
	}

	.page.active{display:flex;}

	.card{
	background:white;
	padding:30px;
	border-radius:25px;
	max-width:420px;
	box-shadow:0 25px 50px rgba(255,105,180,0.35);
	animation:fadeIn 1s ease;
	}

	@keyframes fadeIn{
	from{opacity:0;transform:scale(0.9)}
	to{opacity:1;transform:scale(1)}
	}

	h1{color:#ff2f6d;font-size:34px}
	p{color:#444;font-size:18px;line-height:1.6}

	button{
	margin-top:22px;
	padding:16px 28px;
	font-size:18px;
	border:none;
	border-radius:35px;
	background:#ff2f6d;
	color:white;
	cursor:pointer;
	}

	/* 💋 KISS */
	.kiss{
	position:absolute;
	font-size:28px;
	animation:float 2.2s ease forwards;
	}

	@keyframes float{
	from{transform:scale(0);opacity:1}
	to{transform:scale(2) translateY(-220px);opacity:0}
	}

	/* ❤️ HEART FLOAT */
	.heart{
	position:absolute;
	font-size:26px;
	animation:heartFloat 3s ease forwards;
	}

	@keyframes heartFloat{
	from{transform:translateY(0);opacity:1}
	to{transform:translateY(-260px);opacity:0}
	}
	</style>
	</head>

	<body>

	<!-- PAGE 1 -->
	<div class="page active" id="page1">
	<div class="card">
	<h1>Tap the screen ❤️</h1>
	<button onclick="go('page2')">Tap for Love 💗</button>
	</div>
	</div>

	<!-- PAGE 2 -->
	<div class="page" id="page2">
	<div class="card">
	<h1>Dear Aashima ❤️</h1>
	<p>
	You are stronger than you think,<br>
	braver than you feel,<br>
	and more loved than you realize.<br><br>
	Bunny will always be proud of you 🤍
	</p>
	<button onclick="go('page3')">One last thing 💞</button>
	</div>
	</div>

	<!-- PAGE 3 -->
	<div class="page" id="page3">
	<div class="card">
	<h1>For You 💖</h1>
	<p>
	Every smile of yours matters.<br>
	Every dream of yours matters.<br><br>
	Bunny always loves you 🐰❤️
	</p>
	<button onclick="blowKiss()">Blow a kiss 💋</button>
	</div>
	</div>

	<!-- PAGE 4 – CUTE ENDING -->
	<div class="page" id="page4">
	<div class="card">
	<h1>Always Us 💕</h1>
	<p>
	No matter where life takes us,<br>
	this love stays gentle, strong,<br>
	and forever 🤍
	</p>
	</div>
	</div>

	<script>
	window.onload=()=>go('page1');

	function go(id){
	document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));
	document.getElementById(id).classList.add('active');
	}

	function blowKiss(){
	// Kisses
	for(let i=0;i<20;i++){
	let k=document.createElement("div");
	k.className="kiss";
	k.innerHTML="💋";
	k.style.left=Math.random()*100+"vw";
	k.style.top=Math.random()*100+"vh";
	document.body.appendChild(k);
	setTimeout(()=>k.remove(),2200);
	}

	// Hearts
	for(let i=0;i<15;i++){
	let h=document.createElement("div");
	h.className="heart";
	h.innerHTML="❤️";
	h.style.left=Math.random()*100+"vw";
	h.style.top="100vh";
	document.body.appendChild(h);
	setTimeout(()=>h.remove(),3000);
	}

	setTimeout(()=>go('page4'),2000);
	}
	</script>

	</body>
	</html>
No results found