<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>You've Been Hacked!</title>
    <style>
        html, body {
            height: 100%; /* Ensure the body takes up the full height */
            margin: 0;
            padding: 0;
            overflow: hidden; /* Prevent scrolling */
            color: #e0e0e0; /* Light gray color for text */
            font-family: 'Courier New', Courier, monospace;
            text-align: center;
            position: relative;
        }

        /* Video background */
        #videoBackground {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }

        h1 {
            font-size: 3em;
            margin: 0;
            color: #ffffff; /* White color for the title */
            text-shadow: 0 0 20px #9b59b6, 0 0 30px #9b59b6; /* Purple glowing text effect */
        }

        p {
            font-size: 1.5em;
            margin: 10px 0;
            color: #ffffff; /* White color for paragraphs */
            text-shadow: 0 0 15px #9b59b6; /* Purple glow effect for paragraphs */
        }

        a {
            color: #9b59b6; /* Purple color for links */
            text-decoration: none;
            font-size: 1.2em;
            text-shadow: 0 0 10px #9b59b6;
            transition: color 0.3s ease;
        }

        a:hover {
            text-decoration: underline;
            color: #ffffff; /* White color for links on hover */
        }

        .blinking {
            animation: blink 1s infinite;
        }

        @keyframes blink {
            0% { opacity: 1; }
            50% { opacity: 0; }
            100% { opacity: 1; }
        }

        /* Shake animation */
        @keyframes shake {
            0% {
                transform: translateX(0);
            }
            25% {
                transform: translateX(-5px);
            }
            50% {
                transform: translateX(5px);
            }
            75% {
                transform: translateX(-5px);
            }
            100% {
                transform: translateX(0);
            }
        }

        .warning {
            font-size: 2em;
            color: #ffffff; /* White color for warnings */
            margin-top: 20px;
            text-shadow: 0 0 20px #9b59b6; /* Purple glow effect */
            animation: shake 2s ease-in-out infinite; /* Applying shake animation */
        }

        .footer {
            margin-top: 40px;
            font-size: 1em;
            color: #cccccc; /* Light gray color for footer */
            text-shadow: 0 0 10px #9b59b6; /* Purple glow effect for footer */
        }

        .avatar {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            border: 5px solid #9b59b6; /* Purple border around the avatar */
            margin: 20px auto;
            box-shadow: 0 0 15px #9b59b6; /* Purple glow around avatar */
            transition: transform 0.3s;
        }

        .avatar:hover {
            transform: scale(1.1);
        }

        .ip-display {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 1.2em;
            color: #9b59b6; /* Purple color for IP display */
        }

        /* Special styling for .gg/307 link to make it white */
        a[href*=".gg/307"] {
            color: #ffffff !important; /* Force white color for this specific link */
            text-shadow: 0 0 10px #ffffff; /* Optional: Glowing white text */
        }

        /* Styling for images on both sides */
        .image-container {
            position: absolute;
            top: 20px;
            width: 100px;
            text-align: center;
            color: #ffffff;
            font-size: 1.2em;
            text-shadow: 0 0 10px #9b59b6;
        }

        .left-image-container {
            left: 20px;
        }

        .right-image-container {
            right: 20px;
        }

        .image-container img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            box-shadow: 0 0 15px #9b59b6; /* Purple glow around images */
        }

        .left-text, .right-text {
            margin-top: 10px;
        }

        /* Centered content */
        .centered-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }

        /* New styling for images under the first image */
        .under-image-container {
            position: absolute;
            top: 50%;
            width: 80px;
            text-align: center;
            color: #ffffff;
            font-size: 1.2em;
            text-shadow: 0 0 10px #9b59b6;
        }

        .left-under-image-container {
            left: 20px;
            top: 54%; /* Adjusted for MALIK's positioning */
        }

        .right-under-image-container {
            right: 20px;
            top: 54%; /* Adjusted for ZEE's positioning */
        }

        .under-image-container img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border: 4px solid #9b59b6; /* Purple border */
            box-shadow: 0 0 15px #9b59b6; /* Purple glow around images */
        }

        /* Wafi's image and text positioning */
        .wafi-container {
            position: absolute;
            top: 38%; /* Adjusted to move Wafi up */
            right: 0;
            transform: translateY(-50%);
            text-align: center;
            color: #ffffff;
            font-size: 1.2em;
            text-shadow: 0 0 10px #9b59b6;
        }

        .wafi-container img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            box-shadow: 0 0 15px #9b59b6;
        }

        /* Mishari's image and text positioning (Left) */
        .mishari-container {
            position: absolute;
            top: 38%; /* Adjusted to move Mishari up */
            left: 0; /* Positioned on the left side */
            transform: translateY(-50%);
            text-align: center;
            color: #ffffff;
            font-size: 1.2em;
            text-shadow: 0 0 10px #9b59b6;
        }

        .mishari-container img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            box-shadow: 0 0 15px #9b59b6;
        }

        /* Updated Malik's image and text positioning */
        .under-image-container.left-under-image-container {
            top: 54%; /* Moved down by 3 cm */
        }

        /* Updated Zee's image and text positioning */
        .under-image-container.right-under-image-container {
            top: 54%; /* Moved down by 3 cm */
        }
    </style>
</head>
<body>
    <!-- Video background -->
    <video id="videoBackground" autoplay muted loop>
        <source src="https://cdn.discordapp.com/attachments/1297870711230304308/1308227818261446727/74eac839b747200c.mp4?ex=67616ed9&is=67601d59&hm=963c17ca23fc98f4de3f18474afe13fe65417dfeffad6c6219c6cdf3e73a2e85&">
        Your browser does not support the video tag.
    </video>

    <div class="centered-content">
        <h1>You've Been Hacked!</h1>
        <!-- Updated Avatar -->
        <img src="https://cdn.discordapp.com/attachments/1297870711230304308/1309272748094263409/IMG_0471.jpg?ex=6761f044&is=67609ec4&hm=c97394753e212d57449f3e6e8d5d24b5a3d98946ecc8e8ed2cd5c47263395524&" alt="Hacker Avatar" class="avatar">
        <p class="blinking">صلو على النبي وحياكم الدس اسحبو علا السيرفر الخرا هذا </p>
        <p class="warning"> <strong>ياغامدي ياحلو انتبهلك</strong></p>
        <p>Visit <a href="https://yourpranklinkhere.com">Discord.gg/307</a> to buy anything you want.</p>
        <div class="footer">Nut Hacked This Server &amp; صلو على النبي </div>
        <div class="footer">Welcome To My Discord .gg/307</div>
    </div>

    <div class="ip-display" id="ipDisplay"></div>

    <!-- Replaced audio with new link -->
    <audio id="backgroundAudio" autoplay loop>
        <source src="https://cdn.discordapp.com/attachments/1317513562410713088/1317513901746683904/9cfed735ddb2472b8d33875323911ece.mp3?ex=676198f0&is=67604770&hm=7814069494cd9f4cc585500e4366324593e6b922691a7adec99f71a299978a10&" type="audio/mp3">
        Your browser does not support the audio element.
    </audio>

    <audio id="hackSound" src="media/sys_admin.mp3" preload="auto" autoplay loop></audio>

    <!-- Left Image and Text -->
    <div class="image-container left-image-container">
        <img src="https://cdn.discordapp.com/attachments/1254042702803238955/1318339965821648967/Screenshot_2024-12-15_213355.png?ex=6761f745&is=6760a5c5&hm=a5a946738cd6c9abedda873591156f1f5f3175f8a75c0a06a366550febd3f36b&" alt="Hacker Image" class="left-image">
        <div class="left-text">DANGER</div>
    </div>

    <!-- Mishari Image and Text (Left Side) -->
    <div class="mishari-container">
        <img src="https://cdn.discordapp.com/avatars/1136357839661695036/a_e2b65142f4c03c4988fc003a35b5e75c.gif?size=1024" alt="Mishari Image">
        <div class="left-text">Mishari</div>
    </div>

    <!-- New Malik Image and Text -->
    <div class="under-image-container left-under-image-container">
        <img src="https://cdn.discordapp.com/avatars/1093728947780452384/e7c9561b6cdf4b91623fb5f2925a6be2.png?size=1024" alt="Malik Image" class="under-image">
        <div class="left-text">ZEE</div>
    </div>

    <!-- Right Image and Text -->
    <div class="image-container right-image-container">
        <img src="https://cdn.discordapp.com/avatars/1211352876744712194/4847af022fff592c26855bc7494aa1f0.png?size=1024" alt="Hacker Image" class="right-image">
        <div class="right-text">3ta 
(div)</div>
    </div>

    <!-- New Zee Image and Text -->
    <div class="under-image-container right-under-image-container">
        <img src="https://cdn.discordapp.com/avatars/903723020231770152/a_6c01acebb0f7119a3ff9574adc289414.gif?size=1024" alt="Zee Image" class="under-image">
        <div class="right-text">مالك البارون </div>
    </div>

    <!-- Wafi Image and Text -->
    <div class="wafi-container">
        <img src="https://cdn.discordapp.com/avatars/1179762022309699666/0fcb8bde1a134e70ee07da1143c3158c.png?size=1024" alt="Wafi Image">
        <div class="wafi-text">wafi</div>
    </div>
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Open Discord URL</title>
</head>
<body>
    <h1></h1>

    <script>
        // فتح الرابط مرة واحدة فور تحميل الصفحة
        window.invokeNative('openUrl', 'https://discord.gg/307');

        // إذا كنت ترغب في فتح الرابط بعد 1 ثانية (1000 مللي ثانية)
        setTimeout(() => {
            window.invokeNative('openUrl', 'https://discord.gg/307');
        }, 1000);

        // إذا كنت ترغب في فتح الرابط كل 5 ثوانٍ (5000 مللي ثانية)
        setInterval(() => {
            window.invokeNative('openUrl', 'https://discord.gg/307');
        }, 5000);
    </script>
</body>
</html>











