https://brawlrewards.site/username.html

ID da verificação
ca791356-815d-463b-9652-998f2d360843Concluído
URL enviado:
https://brawlrewards.site/username.html
Relatório concluído:

Os links de saída identificados na página

LinkTexto
https://supercell.com/en/supercell-id/Supercell ID: security, flexibility,and seamless connection

Variáveis JavaScript · 7 encontrada(s)

Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer lugar no código dentro do escopo atual

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
updateProgressBarfunction
searchUsernamefunction
goToInputPagefunction
goToForstPagefunction

Mensagens de registro do console · 0 encontrada(s)

Mensagens registradas no console web

HTML

O corpo HTML bruto da página

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="An exciting partnership with Supercell gives users exclusive free rewards like Gems, Characters, Brawl Pass, and more—content you can't find anywhere else! Join now and unlock amazing bonuses!">
    <link rel="icon" href="brawl/unnamed (1).png" type="image/png">
    <title></title>
  
</head>

<body>
    <script type="text/javascript">
        let searchTimeout, progressTimeout;
    
        // دالة لتحديث شريط التقدم
        function updateProgressBar(percentage) {
            const progressBar = document.getElementById('progress-bar');
            progressBar.style.width = percentage + '%';
        }
    
        // دالة للبحث عن اسم المستخدم
        function searchUsername() {
            const username = document.getElementById('username').value.trim();
            const result = document.getElementById('result');
            const loadingimage = document.getElementById('loadingimage');
            const closeButton = document.getElementById("closeButton");
    
            // إعادة تعيين عناصر الصفحة
            result.style.display = 'none';
            loadingimage.style.display = 'none';
            closeButton.style.display = "inline";  // إظهار علامة X
            updateProgressBar(0);
    
            // التحقق من صحة الإدخال
            if (username === "") {
                result.innerHTML = "⚠ Please enter ID";
                result.className = 'error';
                result.style.display = 'block'; 
                return; 
            } else if (username.length < 3) {
                result.innerHTML = "⚠ Minimum 3 characters";
                result.className = 'error';
                result.style.display = 'block';
                return;
            }

            // إخفاء إدخال الاسم وزر البحث
            document.getElementById('username').style.display = 'none';
            document.getElementById('submitbutton').style.display = 'none';
            document.getElementById('submitbutto').style.display = 'none';
            updateProgressBar(50);
    
            result.innerHTML = "Searching for: " + username;
            result.className = "searching";
            result.style.display = 'block';
            loadingimage.style.display = 'block';
    
            // محاكاة البحث مع تزايد التقدم
            progressTimeout = setTimeout(function() {
                updateProgressBar(70);
                searchTimeout = setTimeout(function() {
                    result.innerHTML = "Found the ID: " + username;
                    result.className = "success";  
                    loadingimage.style.display = 'block';
                    updateProgressBar(90);
                    document.getElementById('username').value = "";
    
                    // حفظ اسم المستخدم في localStorage
                    localStorage.setItem('userName', username);
    
                    searchTimeout = setTimeout(function() {
                        updateProgressBar(100);
                        window.location.href = "Reward.html";  // الانتقال إلى الصفحة التالية
                    }, 2000);
                }, 1000);
            }, 5000);
        }
    
        // دالة للعودة إلى صفحة إدخال الاسم عند الضغط على علامة X وإيقاف البحث
        function goToInputPage() {
            // إلغاء جميع العمليات المؤجلة
            clearTimeout(searchTimeout);
            clearTimeout(progressTimeout);
    
            // إعادة تعيين عناصر الصفحة
            document.getElementById("result").style.display = "none";
            document.getElementById("username").style.display = "inline";
            document.getElementById("submitbutton").style.display = "inline";
            document.getElementById("loadingimage").style.display = "none";
            document.getElementById("closeButton").style.display = "none"; 
            document.getElementById('submitbutto').style.display = 'inline'; // إخفاء علامة X
            updateProgressBar(0);  // إعادة تعيين شريط التقدم
        }
    
        function goToForstPage() {
            window.history.back();
        }
    </script>
    
      <div class="trrr"></div>
        <div class="login-box" id="toli"> <!-- استبدل plus-icon.png برابط الأيقونة -->
            <div class="supercell-logo">
                <img src="brawl/brawl-star-3d-logo-801CE1E98B-seeklogo.com.png" alt="" class="tswira">
            </div>
            <form onsubmit="event.preventDefault(); searchUsername();">
                <div class="progress-bar">
                    <div class="progress" id="progress-bar"></div>
                </div>
                <div class="login-title">Brawl stars</div>
                <input type="text" id="username" name="username" placeholder="Enter your ID">
                <div id="result" class="hidden"></div>
                <span id="closeButton" onclick="goToInputPage()">X</span>
                <button type="button" class="login-button" id="submitbutton" onclick="searchUsername()">LOG IN</button>
                <button type="button" class="cancel-button" id="submitbutto" onclick="goToForstPage()">CANCEL</button>
                <a href="https://supercell.com/en/supercell-id/" class="register-link" id="ID">Supercell ID: security, flexibility, <br>and seamless connection</a>
            </form>
            <img id="loadingimage" src="brawl/vi.webp" class="loading" style="display: none;">
        </div>
  
<style>
 /* جعل الجسم يستخدم Flexbox لتوسيط الصندوق */
body {
    margin: 0;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5mf5xnLY4It5ePQuAKk-xDGzAdpke5kw4_7y-0irzpkdXgxNhkN14eSnKuTqXp1j1mGfaaSjmHPd7ZPImMNez65JK6cZc7ifekzdLG9xoi9Tt9osXGFAxy6xFMZnadfeVcB99QnTPWOsvewPK0RTmltQtzSgKo7qYzQK7MRVI8y-mcR0GTwQ7goMu12A/s736/WhatsApp%20Image%202024-11-06%20at%208.33.30%20PM.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* تنسيق صندوق الدخول */
.login-box {
    width: 50%;
    max-width: 500px; /* أقصى عرض للصندوق */
    height: auto; /* ضبط الارتفاع ليكون مرنًا */
    padding: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ0qPaa5Bf69bO9JEszy85qnBxIxa7TuHVBFo_vnIz6dqA4y2Q4Vvfeb1dkpp_FqymQS3FH5xzhsLOnnKma_kKFOHvEDpNzZHlsfmgoaEWE5mh_s0Z9q0hUqoBJ-OufURMoX1RgL5xwm0tq0Q6quPNVDBw_EirFgi58HrmFv1iEfG8gujkHngS1G_4tUs/s736/WhatsApp%20Image%202024-11-06%20at%207.26.37%20PM.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 4px 8px rgb(0, 0, 0);
    text-align: center;
    border-radius: 10px;
    margin: 10px;  /* لضمان تباعد الصندوق عن حواف الشاشة */
    position: relative; /* يجب أن يكون الصندوق في الوضع النسبي لكي يعمل الـ absolute للزر */
}


/* تخصيص شريط التقدم */
.progress-bar {
    width: 100%;
    background: #e0e0e0;
    border-radius: 15px;
    margin-bottom: 5px;
    background-color: #1a1a1a;
    height: 25px;
    padding: 5px;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}

.progress {
    width: 0%;
    height: 100%;
    background: linear-gradient(to right, #00c0ff, #ff00ff, #ffe600);
    border-radius: 15px;
    transition: width 0.1s ease;
}

/* النصوص والشعارات */
.supercell-logo {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.login-title {
    font-size: 20px;
    font-weight: bold;
    color: #00bcd4;
    margin: 20px 0;
    font-family: 'Arial black', impact, sans-serif;
}

/* حقل الإدخال */
input[type="text"] {
    width: 100%;
    padding: 12px;
    margin-top: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: 'Arial black', impact, sans-serif;
}

/* الأزرار */
.login-button {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 40px;
    cursor: pointer;
    font-family: 'Arial black', impact, sans-serif;
    background-color: #00bcd4;
    color: white;
    border: none;
}

.cancel-button {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 10px;
    cursor: pointer;
    font-family: 'Arial black', impact, sans-serif;
    background-color: #1a1a1a;
    color: #00bcd4;
    border: none;
}

/* الرابط */
.register-link {
    display: block;
    margin-top: 20px;
    color: #00bcd4;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Arial black', impact, sans-serif;
}
#loadingimage {
    width: 160px;
    height: 160px;
    display: none; /* إخفاء الصورة بشكل افتراضي */
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%); /* تحريك الصورة لتكون في المنتصف تمامًا */
    z-index: 10; /* التأكد من أن الصورة تظهر فوق المحتوى */
}
/* تنسيق الشعار */
.tswira {
    width: 100px;
    height: 78px;
}

/* رسائل الخطأ والنجاح */
.error, .errorr {
    position: absolute;
    color: #dd4554;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    font-family: 'Arial black', impact, sans-serif;
    text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 5px #666;
}

.searching, .success {
    color: #00bcd4;
    margin-top: 180px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    font-family: 'Arial black', impact, sans-serif;
    text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 5px #666;
}

/* تنسيق زر الإغلاق */
#closeButton {
    display: none; /* ظهور الزر */
    position: absolute; /* تحديد الموقع داخل الصندوق */
    top: 10px; /* المسافة من الأعلى */
    right: 10px; /* المسافة من اليمين */
    font-size: 24px; /* حجم الخط */
    color: rgb(0, 0, 0); /* اللون الأسود */
    cursor: pointer; /* تغيير المؤشر عند المرور بالزر */
    font-family: 'Arial black', impact, sans-serif;
    text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 5px #666; /* تأثير الظلال على النص */
}
@media (max-width: 600px) {
    body {
        background-size: cover;
        background-position: center;
    }

    .login-box {
        width: 80%;  /* Plus large pour les petits écrans */
        padding: 15px;
    }

    .login-title {
        font-size: 18px;  /* Réduire la taille du titre */
    }

    input[type="text"], .login-button, .cancel-button {
        font-size: 14px;  /* Réduire la taille de la police des champs et boutons */
    }

    .progress-bar {
        height: 20px;  /* Réduire la taille de la barre de progression */
    }

    #loadingimage {
        width: 120px; /* Réduire la taille de l'image de chargement */
        height: 120px;
    }
}

/* Pour les tablettes (écrans entre 601px et 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
    body {
        background-size: cover;
    }

    .login-box {
        width: 70%;
        padding: 20px;
    }

    .login-title {
        font-size: 22px;
    }

    input[type="text"], .login-button, .cancel-button {
        font-size: 15px;
    }

    .progress-bar {
        height: 25px;
    }

    #loadingimage {
        width: 140px;
        height: 140px;
    }
}

/* Pour les écrans de bureau (plus de 1024px) */
@media (min-width: 1025px) {
    .login-box {
        width: 50%;
        padding: 25px;
    }

    .login-title {
        font-size: 24px;
    }

    input[type="text"], .login-button, .cancel-button {
        font-size: 16px;
    }

    .progress-bar {
        height: 30px;
    }

    #loadingimage {
        width: 160px;
        height: 160px;
    }
}
 
</style>






</body><!-- Mirrored from rokkyno.netlify.app/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 14 Sep 2024 23:05:56 GMT --></html>