From 281d1a4e4352159f978a49c77c0c30ca9a307f48 Mon Sep 17 00:00:00 2001
From: Busratekel <tekel477@gmail.com>
Date: Wed, 26 Mar 2025 08:47:17 +0300
Subject: [PATCH] Add files via upload

add files
---
 index.html | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 115 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..ea83eb1
--- /dev/null
+++ b/index.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <style>
+        body {
+            margin: 0;
+            overflow: hidden;
+            background: transparent;
+        }
+        .balloon {
+            position: fixed;
+            bottom: -100px;
+            width: 45px;
+            height: 55px;
+            border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
+            animation: float 8s infinite;
+            opacity: 0.95;
+            pointer-events: none;
+            z-index: 9999;
+            box-shadow: inset -5px -5px 15px rgba(0,0,0,0.3),
+                        inset 5px 5px 15px rgba(255,255,255,0.3);
+        }
+
+        .balloon:before {
+            content: '';
+            position: absolute;
+            top: 10%;
+            left: 20%;
+            width: 15px;
+            height: 10px;
+            background: rgba(255,255,255,0.5);
+            border-radius: 50%;
+            transform: rotate(45deg);
+        }
+
+        .balloon:after {
+            content: '';
+            position: absolute;
+            bottom: -30px;
+            left: 22px;
+            width: 2px;
+            height: 30px;
+            background: inherit;
+            animation: swingString 2s infinite;
+        }
+
+        @keyframes float {
+            0% { transform: translateY(0) translateX(0) rotate(0) scale(1); opacity: 0.95; }
+            25% { transform: translateY(-200px) translateX(30px) rotate(10deg) scale(1.1); opacity: 0.9; }
+            50% { transform: translateY(-400px) translateX(-20px) rotate(-15deg) scale(1); opacity: 0.85; }
+            75% { transform: translateY(-600px) translateX(25px) rotate(5deg) scale(0.9); opacity: 0.8; }
+            100% { transform: translateY(-800px) translateX(0) rotate(0) scale(0.7); opacity: 0; }
+        }
+
+        @keyframes swingString {
+            0%, 100% { transform: rotate(-5deg); }
+            50% { transform: rotate(5deg); }
+        }
+    </style>
+</head>
+<body>
+    <script>
+        function createBalloon() {
+            const colors = [
+                'linear-gradient(135deg, #FF1493 0%, #FF69B4 100%)',
+                'linear-gradient(135deg, #00FF00 0%, #32CD32 100%)',
+                'linear-gradient(135deg, #FF4500 0%, #FF8C00 100%)',
+                'linear-gradient(135deg, #FFD700 0%, #FFA500 100%)',
+                'linear-gradient(135deg, #FF0000 0%, #FF4444 100%)',
+                'linear-gradient(135deg, #4169FF 0%, #1E90FF 100%)',
+                'linear-gradient(135deg, #8A2BE2 0%, #9370DB 100%)',
+                'linear-gradient(135deg, #00FFFF 0%, #40E0D0 100%)'
+            ];
+
+            const balloon = document.createElement('div');
+            balloon.className = 'balloon';
+            
+            const randomColor = colors[Math.floor(Math.random() * colors.length)];
+            balloon.style.background = randomColor;
+            
+            const groupPosition = Math.floor(Math.random() * 4);
+            const basePosition = (groupPosition * 25) + Math.random() * 15;
+            balloon.style.left = basePosition + '%';
+            
+            const size = 45 + Math.random() * 25;
+            balloon.style.width = size + 'px';
+            balloon.style.height = (size * 1.2) + 'px';
+            
+            const duration = 6 + Math.random() * 2;
+            balloon.style.animationDuration = duration + 's';
+            
+            document.body.appendChild(balloon);
+            
+            setTimeout(() => {
+                balloon.remove();
+            }, duration * 1000);
+        }
+
+        function createBalloonGroup() {
+            const balloonCount = 4 + Math.floor(Math.random() * 3);
+            for(let i = 0; i < balloonCount; i++) {
+                setTimeout(() => createBalloon(), i * 150);
+            }
+        }
+
+        // Her 2 saniyede bir grup balon oluştur
+        setInterval(createBalloonGroup, 2000);
+
+        // Başlangıçta iki grup balon oluştur
+        createBalloonGroup();
+        setTimeout(createBalloonGroup, 1000);
+    </script>
+</body>
+</html>
\ No newline at end of file
