Spaces:

HenzHosting
/

Esteams

Running

App Files Files Community

HenzHosting commited on Feb 14, 2025

Commit

7df0fcf

verified ·

1 Parent(s): 756afd5

Update index.html

Browse files

Files changed (1) hide show

index.html +134 -19

index.html CHANGED Viewed

@@ -1,19 +1,134 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</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>Login to Premium</title>
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+  <!-- Google Fonts -->
+  <link href="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/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 -->
+  <script type="text/javascript">
+  (function(w,d,v3){
+  w.chaportConfig = {
+  appId : '6512c90d8bbcce468960ab73'
+  };
+  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></html>