Acesso com liberação após pagamento pix, tron ~ Universo Aleatório

<!DOCTYPE html>
<html lang="pt-PT">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  /* ESTÉTICA LIVRARIA DIGITAL */
  @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Playfair+Display:wght@400;700&display=swap');
  
  body {
    background-color: #e8dfcc;
    margin: 0;
    padding: 20px;
  }

#library-access-panel {
    background-color: #f5f0e1;
    color: #5a4a3a;
    font-family: 'Merriweather', serif;
    border: 1px solid #d4c4a4;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    padding: 40px 20px;
    border-radius: 8px;
    text-align: center;
    max-width: 600px;
    margin: 30px auto;
    background-image: url('https://www.transparenttextures.com/patterns/cream-paper.png');
  }

h1 {
    font-family: 'Playfair Display', serif;
    color: #8b4513;
    font-size: 2em;
    margin-bottom: 15px;
  }

.payment-section {
    background: #fff8e1;
    border: 1px solid #d4c4a4;
    padding: 20px;
    margin: 20px 0;
    border-radius: 5px;
  }

.payment-section h3 {
    margin-top: 0;
    font-size: 1.1em;
    color: #8b4513;
  }

.btn-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
  }

.btn {
    padding: 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    transition: transform 0.2s, background 0.3s;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

.btn:active { transform: scale(0.98); }

.btn-pix { background-color: #32bcad; color: white; }
  .btn-tron { background-color: #ef0027; color: white; }
  .btn-wa { background-color: #25d366; color: white; }
  .btn-unlock { background-color: #8b4513; color: white; width: 100%; margin-top: 10px; }

input[type="password"] {
    background-color: #fdfaf0;
    border: 1px solid #a08a6a;
    color: #5a4a3a;
    padding: 12px;
    width: 90%;
    margin: 10px 0;
    font-family: inherit;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
  }

#protected-content {
    display: none;
    background-color: #fff8e1;
    border: 1px solid #d4c4a4;
    padding: 40px;
    color: #5a4a3a;
    font-family: 'Merriweather', serif;
    max-width: 800px;
    margin: 50px auto;
    line-height: 1.8;
  }

.toast {
    visibility: hidden;
    min-width: 200px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    position: fixed;
    z-index: 1;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
  }

.toast.show { visibility: visible; animation: fadein 0.5s, fadeout 0.5s 2.5s; }

@keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} }
  @keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} }
</style>
</head>
<body>

<div id="library-access-panel">
  <h1>Livraria Digital</h1>
  <p>O acesso a este tomo é restrito. Adquira o seu código de catálogo abaixo:</p>
  
  <div class="payment-section">
    <h3>Opções de Pagamento</h3>
    <div class="btn-group">
      <button class="btn btn-pix" onclick="copyToClipboard('tigotunes@gmail.com', 'Chave Pix copiada!')">
        <span>💎</span> Pagar via PIX (Copiar Chave)
      </button>
      <button class="btn btn-tron" onclick="copyToClipboard('trxofoo896f8f98ghfh89', 'Carteira TRON copiada!')">
        <span>⛓️</span> Pagar via TRON TRX (Copiar)
      </button>
      <a href="https://wa.me/557399429726?text=Olá! Acabei de realizar o pagamento do Ebook e aguardo o código de acesso." target="_blank" class="btn btn-wa">
        <span>💬</span> Contactar Administrador (WhatsApp)
      </a>
    </div>
  </div>

<p style="font-size: 0.9em; margin-bottom: 5px;">Já possui o código? Insira-o abaixo:</p>
  <input type="password" id="accessCodeInput" placeholder="Insira o Código Secreto">
  <button class="btn btn-unlock" onclick="authenticate()">ABRIR TOMO</button>
  <p id="error-msg" style="color: #cc0000; margin-top: 15px; font-weight: bold; font-size: 0.85em;"></p>
</div>

<div id="protected-content">
  <h2>[ TOMO DESBLOQUEADO COM SUCESSO ]</h2>
  <p>Prezado leitor, você demonstrou a perspicácia necessária para desvendar os segredos deste arquivo.</p>
  <button class="btn btn-unlock" onclick="logout()" style="max-width: 200px;">FECHAR TOMO E SAIR</button>
</div>

<div id="toast" class="toast">Copiado com sucesso!</div>

let sessionCode = sessionStorage.getItem("LIVRARIA_CODE");
  if (!sessionCode) {
    sessionCode = generateRandomCode(10);
    sessionStorage.setItem("LIVRARIA_CODE", sessionCode);
  }

// FUNÇÃO DE CÓPIA AUTOMÁTICA
  function copyToClipboard(text, message) {
    navigator.clipboard.writeText(text).then(() => {
      showToast(message);
    });
  }

function showToast(message) {
    const toast = document.getElementById("toast");
    toast.innerText = message;
    toast.className = "toast show";
    setTimeout(() => { toast.className = toast.className.replace("show", ""); }, 3000);
  }

function authenticate() {
    const input = document.getElementById("accessCodeInput").value.trim();
    const correctCode = sessionStorage.getItem("LIVRARIA_CODE");

if (input === correctCode) {
      document.getElementById("library-access-panel").style.display = "none";
      document.getElementById("protected-content").style.display = "block";
    } else {
      document.getElementById("error-msg").innerText = "Código Inválido. Por favor, confirme o pagamento com o administrador.";
    }
  }

function logout() {
    sessionStorage.removeItem("LIVRARIA_CODE");
    window.location.reload();
  }

window.addEventListener('beforeunload', function (e) {
    sessionStorage.removeItem("LIVRARIA_CODE");
  });
</script>

</body>
</html>

Particles effect, Sticky menu and more.

Universo Aleatório - Tá Bombando!

Acesso com liberação após pagamento pix, tron

💡 Faça Parte dos Curiosos Inteligentes

𝘾𝙤𝙣𝙩𝙚𝙪𝙙𝙤 𝙑𝙄𝙋 ❤️️

🔓 Conteúdo Exclusivo

Comentários

Translate

Menu items