<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Gib Airdrop</title>
  <style>
    * { margin: 0; padding: 0; overflow: hidden; box-sizing: border-box; background: #000; }
    canvas { display: block; }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>
  <script>
    const canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d');
    const width = canvas.width = window.innerWidth, height = canvas.height = window.innerHeight;
    const fontSize = 14, columns = Math.floor(width / (fontSize * 0.5)), drops = Array(columns).fill(0);

    const emojis = ["🦄", "⭐", "🌟", "✨", "🎵", "🎶", "🎼"];
    const colors = ["#FF69B4", "#FFFF00", "#1E90FF"];

    function draw() {
      ctx.fillStyle = "rgba(0, 0, 0, 0.1)";
      ctx.fillRect(0, 0, width, height);

      drops.forEach((y, x) => {
        const emoji = emojis[Math.floor(Math.random() * emojis.length)];
        const color = colors[Math.floor(Math.random() * colors.length)];
        ctx.fillStyle = color;
        ctx.font = `${fontSize}px serif`;
        ctx.fillText(emoji, x * fontSize * 0.5, y * fontSize);

        drops[x] = y * fontSize > height || Math.random() > 0.95 ? 0 : y + 1;
      });
    }

    setInterval(draw, 50);
  </script>
</body>
</html>

<html lang="en"> <head> <meta charset="UTF-8"> <title>Gib Airdrop</title> <style> * { margin: 0; padding: 0; overflow: hidden; box-sizing: border-box; background: #000; } canvas { display: block; } </style> </head> <body> <canvas id="canvas"></canvas> <script> const canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'); const width = canvas.width = window.innerWidth, height = canvas.height = window.innerHeight; const fontSize = 14, columns = Math.floor(width / (fontSize * 0.5)), drops = Array(columns).fill(0); const emojis = ["🦄", "⭐", "🌟", "✨", "🎵", "🎶", "🎼"]; const colors = ["#FF69B4", "#FFFF00", "#1E90FF"]; function draw() { ctx.fillStyle = "rgba(0, 0, 0, 0.1)"; ctx.fillRect(0, 0, width, height); drops.forEach((y, x) => { const emoji = emojis[Math.floor(Math.random() * emojis.length)]; const color = colors[Math.floor(Math.random() * colors.length)]; ctx.fillStyle = color; ctx.font = `${fontSize}px serif`; ctx.fillText(emoji, x * fontSize * 0.5, y * fontSize); drops[x] = y * fontSize > height || Math.random() > 0.95 ? 0 : y + 1; }); } setInterval(draw, 50); </script> </body> </html>