Spaces:
Running
Running
| <html lang="en"> | |
| <!-- Mirrored from es-teams-database2025.onrender.com/fb1-ban-lock.html by HTTrack Website Copier/3.x [XR&CO'2017], Fri, 14 Feb 2025 22:35:08 GMT --> | |
| <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Login to Premium</title> | |
| <!-- Tailwind CSS --> | |
| <script src="../external.html?link=https://cdn.tailwindcss.com/"></script> | |
| <!-- Google Fonts --> | |
| <link href="../external.html?link=https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet"> | |
| <style> | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| /* Moving text animation */ | |
| .moving-text { | |
| font-weight: bold; | |
| color: #ff4d4d; /* Thin red bold text */ | |
| white-space: nowrap; | |
| position: relative; | |
| display: inline-block; | |
| animation: moveText 10s linear infinite, zoomText 2s ease-in-out infinite; | |
| transform-origin: center center; | |
| } | |
| @keyframes moveText { | |
| from { transform: translateX(100%); } | |
| to { transform: translateX(-100%); } | |
| } | |
| @keyframes zoomText { | |
| 0%, 100% { transform: scale(1); } | |
| 50% { transform: scale(1.05); } /* Slight zoom to avoid cutting off */ | |
| } | |
| /* Ensure container handles text overflow */ | |
| .text-container { | |
| overflow: hidden; | |
| width: 100%; | |
| text-align: center; /* Center the text horizontally */ | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-white flex flex-col items-center justify-center min-h-screen"> | |
| <div id="login-page" class="w-full max-w-md bg-gray-800 p-6 rounded-lg shadow-md"> | |
| <h2 class="text-3xl font-bold text-center mb-6">ππ’πππ‘ π§π’ π£π₯ππ ππ¨π </h2> | |
| <form id="login-form" class="space-y-6"> | |
| <div class="form-group"> | |
| <label for="username" class="block font-medium mb-2">Username</label> | |
| <input | |
| type="text" | |
| id="username" | |
| name="username" | |
| placeholder="Enter your username" | |
| required | |
| class="w-full px-4 py-2 bg-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 focus:outline-none" | |
| /> | |
| </div> | |
| <div class="form-group"> | |
| <label for="pin" class="block font-medium mb-2">Pin</label> | |
| <input | |
| type="text" | |
| id="pin" | |
| name="pin" | |
| placeholder="Enter your 4-digit pin" | |
| maxlength="4" | |
| required | |
| oninput="validatePin(this)" | |
| class="w-full px-4 py-2 bg-gray-700 rounded-md focus:ring-2 focus:ring-blue-500 focus:outline-none" | |
| /> | |
| </div> | |
| <!-- Replacing Click to Purchase Premium with moving text --> | |
| <div class="text-container mb-4"> | |
| <span class="moving-text">Click Our LiveChat Button below and Purchase Username/Pin</span> | |
| </div> | |
| <button | |
| type="submit" | |
| class="w-full py-3 bg-blue-600 rounded-md text-white font-bold hover:bg-blue-700 transition focus:outline-none focus:ring-4 focus:ring-blue-500"> | |
| Login | |
| </button> | |
| </form> | |
| </div> | |
| <script> | |
| const rawFileUrl = 'https://huggingface.co/spaces/HenzHosting/Database/raw/main/id.json'; | |
| // This function validates the pin to ensure it's a 4-digit number | |
| function validatePin(input) { | |
| input.value = input.value.replace(/[^0-9]/g, '').slice(0, 4); | |
| } | |
| // Function to handle the login action when the form is submitted | |
| async function handleLogin(event) { | |
| event.preventDefault(); // Prevent default form submission | |
| const username = document.getElementById('username').value.trim(); | |
| const pin = document.getElementById('pin').value.trim(); | |
| if (!username || pin.length !== 4) { | |
| alert('Invalid Input'); | |
| return; | |
| } | |
| try { | |
| const response = await fetch(rawFileUrl); | |
| if (!response.ok) { | |
| alert('Error fetching data. Please try again later.'); | |
| return; | |
| } | |
| const approvedUsers = await response.json(); | |
| const userKey = `${username}-${pin}`; // Combine username and pin as the key | |
| // Check if the username and PIN pair exists in the JSON data | |
| const userExists = approvedUsers.includes(userKey); | |
| if (userExists) { | |
| // Redirect if the user exists | |
| window.location.href = 'fb1-ban.html'; | |
| } else { | |
| alert('Unable to Access ES TEAMS PREMIUM. Please check your credentials.'); | |
| } | |
| } catch (error) { | |
| console.error('Error processing login:', error); | |
| alert('An error occurred. Please try again later.'); | |
| } | |
| } | |
| // Add event listener for form submission | |
| document.getElementById('login-form').addEventListener('submit', handleLogin); | |
| </script> | |
| <!-- Begin of Chaport Live Chat code --> | |
| <!-- Begin of Chaport Live Chat code --> | |
| <script type="text/javascript"> | |
| (function(w,d,v3){ | |
| w.chaportConfig = { | |
| appId : '67afc72cb566d6e8eae35b55' | |
| }; | |
| if(w.chaport)return;v3=w.chaport={};v3._q=[];v3._l={};v3.q=function(){v3._q.push(arguments)};v3.on=function(e,fn){if(!v3._l[e])v3._l[e]=[];v3._l[e].push(fn)};var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://app.chaport.com/javascripts/insert.js';var ss=d.getElementsByTagName('script')[0];ss.parentNode.insertBefore(s,ss)})(window, document); | |
| </script> | |
| <!-- End of Chaport Live Chat code --> | |
| </body> | |
| <!-- Mirrored from es-teams-database2025.onrender.com/fb1-ban-lock.html by HTTrack Website Copier/3.x [XR&CO'2017], Fri, 14 Feb 2025 22:35:09 GMT --> | |
| </html> |