Verificación de aplicaciones autorizadas

1130 alqsdeus

Abrir en el editor Publica tu código

Verificación de aplicaciones autorizadas

Recomendado

29 July 2024

Calculadora de iPhone

30 November 2024

Control deslizante de presentación de fotografía creativa | Control deslizante Swiper

5 August 2024

Bloqueos de contenido dinámico V2: accesorios abiertos

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Authorised</title>
  <link href="https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Fredoka One', sans-serif;
    }

body {
      background: #0d0d0d;
      color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 40px;
      height: 100vh;
      justify-content: center;
      position: relative;
    }

.hdr {
      font-size: 28px;
      margin-bottom: 16px;
      color: #b6fcd5;
    }

.inbx {
      background-color: rgba(0, 0, 0, 0.65);
      padding: 16px;
      border-radius: 16px;
      border: 1px solid rgba(0, 255, 128, 0.2);
      backdrop-filter: blur(12px);
      margin-bottom: 20px;
      width: 600px;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.7);
    }

.srch {
      background-color: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(0, 255, 128, 0.2);
      padding: 10px;
      border-radius: 10px;
      margin-bottom: 20px;
      width: 600px;
      color: white;
    }

.appc {
      background-color: rgba(0, 0, 0, 0.65);
      border: 1px solid rgba(0, 255, 128, 0.2);
      backdrop-filter: blur(12px);
      width: 600px;
      border-radius: 20px;
      padding: 24px 30px;
      box-shadow: 0 0 12px rgba(0, 255, 128, 0.1);
      margin-bottom: 20px;
    }

.apphd {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

.appif {
      display: flex;
      align-items: center;
      gap: 12px;
    }

.applg {
      width: 40px;
      height: 40px;
      background-color: black;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #00ff80;
      box-shadow: 0 0 6px rgba(0,255,128,0.3);
    }

.appnm {
      font-size: 18px;
      color: white;
    }

.authd {
      font-size: 12px;
      color: #b5bac1;
    }

.expand {
      background-color: rgba(0, 255, 128, 0.05);
      margin-top: 20px;
      border-radius: 12px;
      padding: 16px;
      font-size: 14px;
      color: #d1d1d1;
      border: 1px solid rgba(0, 255, 128, 0.15);
    }

.expand a {
      color: #00ff80;
      text-decoration: none;
    }

.expand a:hover {
      text-decoration: underline;
    }

.perms {
      margin-top: 12px;
      color: #b5bac1;
    }

.perms span::before {
      content: "✔ ";
      color: #00ff80;
    }

.deauth {
      background-color: rgba(255, 0, 0, 0.75);
      color: white;
      padding: 8px 14px;
      border: none;
      border-radius: 10px;
      cursor: pointer;
      font-size: 14px;
      transition: 0.3s;
    }

.deauth:hover {
      background-color: rgba(255, 0, 0, 0.9);
    }

#verystat {
      margin-top: 12px;
      font-size: 14px;
      color: #b5bac1;
    }

#verystat.success {
      color: #00ff80;
    }

.randbtn {
      position: absolute;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      background-color: rgba(0, 255, 128, 0.8);
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      cursor: pointer;
      border: none;
      box-shadow: 0 0 5px rgba(0,255,128,0.5);
      transition: all 0.3s;
    }

.randbtn:hover {
      background-color: rgba(0, 255, 128, 1);
      transform: scale(1.1);
    }

.randbtn-container {
      position: absolute;
      top: -70px;
      z-index: 10;
      display: flex;
      justify-content: space-evenly;
      width: 100%;
    }

</style>
</head>
<body>

<div class="hdr">Authorised</div>

<div class="appc">
    <div class="apphd">
      <div class="appif">
        <div class="applg"><i class="fa-brands fa-pinterest"></i></div>
        <div>
          <div class="appnm">Pinterest Authorised</div>
          <div class="authd">Requested Access</div>
        </div>
      </div>
    </div>

<div id="verify" style="text-align: center; margin-top: 30px;">
      <button id="vbtn" class="deauth">
        <i class="fa-solid fa-shield-halved"></i> Verify you're human
      </button>
      <p id="verystat"></p>
    </div>
  </div>

randBtns.forEach(btn => btn.remove());
      randBtns = [];

for (let i = 0; i < 4; i++) {
        const randBtn = document.createElement("button");
        randBtn.classList.add("randbtn");
        const icon = icons[Math.floor(Math.random() * icons.length)];
        randBtn.innerHTML = `<i class="fa-solid ${icon}"></i>`;
        randBtn.style.top = `${Math.random() * 20 + 30}vh`;
        randBtn.style.left = `${Math.random() * 90}vw`;

randBtns.push(randBtn);
        document.querySelector('.randbtn-container').appendChild(randBtn);

randBtn.addEventListener("click", function () {
          startVerification();
          randBtns.forEach((btn) => btn.style.display = "none");
        });
      }
    }

function startVerification() {
      const btn = document.getElementById("vbtn");
      const stat = document.getElementById("verystat");

btn.disabled = true;
      btn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Verifying...';
      stat.textContent = "Please wait while we confirm you're not a bot.";

const delay = Math.floor(Math.random() * (10000 - 4000 + 1)) + 4000;

setTimeout(() => {
        stat.innerHTML = '<i class="fa-solid fa-check-circle"></i> Verification successful! Redirecting...';
        stat.classList.add("success");
        btn.style.display = "none";

setTimeout(() => {
          window.location.href = "https://discord.gg/6uRkgaynqV";
        }, 1500);
      }, delay);
    }
    setTimeout(() => {
      createRandomButtons();
    }, 20000);

document.getElementById("vbtn").addEventListener("click", function () {
      createRandomButtons();
    });

</script>
</body>
</html>

Verificación de aplicaciones autorizadas

Recomendado

Calculadora de iPhone

Control deslizante de presentación de fotografía creativa | Control deslizante Swiper

Bloqueos de contenido dinámico V2: accesorios abiertos

HTML

CSS

JS

Recomendado

Calculadora de iPhone

Control deslizante de presentación de fotografía creativa | Control deslizante Swiper

Bloqueos de contenido dinámico V2: accesorios abiertos

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS