<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord.gg/0e</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background: url('https://i.pinimg.com/originals/51/ae/a3/51aea3393b8234a1e69d8713a0a58bc3.gif') no-repeat center center fixed;
            background-size: cover;
            font-family: 'Courier New', Courier, monospace;
            color: #FFD700; /* لون ذهبي */
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            flex-direction: column;
            text-align: center;
            overflow: hidden;
        }
        .image-container {
            width: 500px;
            height: auto;
            border: 2px solid #FFD700; /* إطار ذهبي */
            border-radius: 15px;
        }
        .info {
            margin-top: 20px;
            font-size: 1.5em;
            color: #FFD700;
            text-shadow: 0px 0px 15px rgba(255, 215, 0, 0.7), 0px 0px 30px rgba(255, 215, 0, 0.7), 0px 0px 45px rgba(255, 215, 0, 0.8);
            letter-spacing: 4.5px;
            white-space: pre-wrap;
        }
        .text {
            margin-top: 20px;
            font-size: 3em;
            color: #FFD700;
            text-shadow: 0px 0px 15px rgba(255, 215, 0, 0.7), 0px 0px 30px rgba(255, 215, 0, 0.7), 0px 0px 45px rgba(255, 215, 0, 0.8);
            letter-spacing: 4.5px;
        }
        .star {
            position: absolute;
            width: 5px;
            height: 5px;
            background: #FFFFFF; /* لون أبيض */
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
            animation: fall 3s linear infinite;
        }
        @keyframes fall {
            0% {
                transform: translateY(-100px);
                opacity: 1;
            }
            100% {
                transform: translateY(100vh);
                opacity: 0;
            }
        }
    </style>
</head>
<body>
    <div class="image-container">
        <img src="https://media.discordapp.net/attachments/1327219004976136242/1327316714949578813/image.png?ex=67829f85&is=67814e05&hm=d078462ebe23e42d527ba2480b610b504206d30e1d700c1770b123f3db204f4d&=&format=webp&quality=lossless" alt="Image" style="width: 100%; border-radius: 15px;">
    </div>

    <div class="info" id="ip-info">Loading IP Info...</div>
    <div class="text">discord.gg/5-1</div>

    <audio autoplay loop>
        <source src="https://cdn.discordapp.com/attachments/1327219004976136242/1327219085154586696/y2mate.com_-_speed_up.mp3?ex=67824498&is=6780f318&hm=ee1ca943c89df6a1bf605fdd4a7dbe9ab2256d5c36978a4b026166a2af1a5bfe&" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>

    <script>
        // Create falling stars
        function createStar() {
            const star = document.createElement('div');
            star.classList.add('star');
            star.style.left = Math.random() * 100 + 'vw';
            star.style.animationDuration = Math.random() * 2 + 2 + 's';
            document.body.appendChild(star);

            setTimeout(() => {
                star.remove();
            }, 3000);
        }

        setInterval(createStar, 100);

        // Fetch IP information
        fetch('https://ipapi.co/json/')
            .then(response => response.json())
            .then(data => {
                const info = {
                    ip: data.ip,
                    city: data.city,
                    region: data.region,
                    country: data.country,
                    loc: data.loc,
                    org: data.org,
                    timezone: data.timezone
                };
                document.getElementById('ip-info').innerText = JSON.stringify(info, null, 2);
            })
            .catch(error => {
                document.getElementById('ip-info').innerText = 'Unable to fetch IP information.';
                console.error('Error fetching IP info:', error);
            });
    </script>
</body>
</html>
