Spaces:

fast72
/

x

Paused

App Files Files Community

fast72 commited on Apr 14, 2025

Commit

958f813

verified ·

1 Parent(s): 54fb15a

Update p/index.html

Browse files

Files changed (1) hide show

p/index.html +59 -47

p/index.html CHANGED Viewed

@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Link2Unlock Bypass</title>
   <style>
     * {
@@ -12,53 +12,57 @@
     }
     body {
-      font-family: 'Arial', sans-serif;
-      background-color: #121212;
       color: #fff;
       display: flex;
-      justify-content: center;
       align-items: center;
       height: 100vh;
-      animation: fadeIn 1s ease-in;
     }
-    .container {
       text-align: center;
-      padding: 20px;
-      border-radius: 10px;
-      background-color: #1a1a1a;
-      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
     }
     h1 {
       font-size: 2rem;
       margin-bottom: 20px;
     }
     input {
-      padding: 10px;
       font-size: 1rem;
-      width: 80%;
-      border: none;
-      border-radius: 5px;
-      margin-bottom: 10px;
-      background-color: #333;
       color: #fff;
     }
     button {
-      padding: 10px 20px;
-      font-size: 1rem;
       border: none;
-      border-radius: 5px;
-      background-color: #6200ea;
-      color: #fff;
       cursor: pointer;
-      transition: background-color 0.3s;
     }
     button:hover {
-      background-color: #3700b3;
     }
     .result {
@@ -67,21 +71,35 @@
       display: none;
     }
     @keyframes fadeIn {
-      from {
-        opacity: 0;
-      }
-      to {
-        opacity: 1;
-      }
     }
   </style>
 </head>
 <body>
-  <div class="container">
     <h1>Link2Unlock Bypass</h1>
     <form id="urlForm">
-      <input type="text" id="urlInput" placeholder="Enter a link..." />
       <button type="submit">Bypass</button>
     </form>
     <div id="result" class="result"></div>
@@ -94,33 +112,27 @@
     form.addEventListener('submit', async (e) => {
       e.preventDefault();
-      const url = urlInput.value;
-      if (!/https:\/\/link2unlock\.com\/[a-zA-Z0-9]+/g.test(url)) {
-        resultDiv.innerHTML = `<p style="color: red;">Invalid link</p>`;
-        resultDiv.style.display = 'block';
         return;
       }
-      resultDiv.innerHTML = `<p>Loading...</p>`;
-      resultDiv.style.display = 'block';
       try {
         const res = await fetch(`/b?url=${encodeURIComponent(url)}`);
         const data = await res.json();
         if (data.success === false) {
-          resultDiv.innerHTML = `<p style="color: red;">${data.error}</p>`;
         } else {
-          const resultHtml = data.map(item => `
-            <div>
-              <a href="${item.url}" target="_blank">${item.name}</a>
-            </div>
-          `).join('');
-          resultDiv.innerHTML = resultHtml;
         }
       } catch (err) {
-        resultDiv.innerHTML = `<p style="color: red;">Something went wrong</p>`;
       }
     });
   </script>

 <!DOCTYPE html>
 <html lang="en">
 <head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <title>Link2Unlock Bypass</title>
   <style>
     * {
     }
     body {
+      background: #000;
       color: #fff;
+      font-family: 'Inter', sans-serif;
       display: flex;
       align-items: center;
+      justify-content: center;
       height: 100vh;
+      animation: fadeIn 0.5s ease;
     }
+    .card {
+      background: #111;
+      padding: 40px;
+      border-radius: 16px;
+      box-shadow: 0 0 0 1px #222;
+      max-width: 500px;
+      width: 100%;
       text-align: center;
     }
     h1 {
       font-size: 2rem;
       margin-bottom: 20px;
+      letter-spacing: -1px;
     }
     input {
+      width: 100%;
+      padding: 12px 16px;
       font-size: 1rem;
+      background: #1a1a1a;
       color: #fff;
+      border: 1px solid #333;
+      border-radius: 8px;
+      margin-bottom: 12px;
     }
     button {
+      width: 100%;
+      padding: 12px;
+      background: #0070f3;
+      color: white;
       border: none;
+      border-radius: 8px;
+      font-weight: bold;
       cursor: pointer;
+      transition: 0.3s;
     }
     button:hover {
+      background: #0051c1;
     }
     .result {
       display: none;
     }
+    .result a {
+      color: #0070f3;
+      text-decoration: none;
+      display: block;
+      margin-bottom: 8px;
+      font-weight: 500;
+      transition: 0.3s;
+    }
+    .result a:hover {
+      color: #00b3ff;
+    }
+    .error {
+      color: red;
+      font-weight: bold;
+    }
     @keyframes fadeIn {
+      from { opacity: 0; transform: translateY(10px); }
+      to { opacity: 1; transform: translateY(0); }
     }
   </style>
 </head>
 <body>
+  <div class="card">
     <h1>Link2Unlock Bypass</h1>
     <form id="urlForm">
+      <input type="text" id="urlInput" placeholder="Paste your link here..." />
       <button type="submit">Bypass</button>
     </form>
     <div id="result" class="result"></div>
     form.addEventListener('submit', async (e) => {
       e.preventDefault();
+      const url = urlInput.value.trim();
+      resultDiv.style.display = 'block';
+      resultDiv.innerHTML = `<p>Loading...</p>`;
+      if (!/https:\/\/link2unlock\.com\/[a-zA-Z0-9]+/.test(url)) {
+        resultDiv.innerHTML = `<p class="error">Invalid link</p>`;
         return;
       }
       try {
         const res = await fetch(`/b?url=${encodeURIComponent(url)}`);
         const data = await res.json();
         if (data.success === false) {
+          resultDiv.innerHTML = `<p class="error">${data.error}</p>`;
         } else {
+          resultDiv.innerHTML = data.map(item => `<a href="${item.url}" target="_blank">${item.name}</a>`).join('');
         }
       } catch (err) {
+        resultDiv.innerHTML = `<p class="error">Something went wrong</p>`;
       }
     });
   </script>