https://brawlrewards.site/username.html

ID de l'analyse :: ca791356-815d-463b-9652-998f2d360843Terminée
URL soumise :: https://brawlrewards.site/username.html
Fin du rapport :: 15 déc. 2024, 20:05:18
Liens : 1 trouvé(s)

Liens sortants identifiés à partir de la page
Lien	texte
https://supercell.com/en/supercell-id/	Supercell ID: security, flexibility,and seamless connection
Variables JavaScript : 7 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
updateProgressBar	function
searchUsername	function
goToInputPage	function
goToForstPage	function
Messages de journal de console : 0 trouvé(s)

Messages consignés dans la console web
HTML

Le corps HTML de la page en données brutes
<!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>