Acesso com codigo alta segurança ~ 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">
<title>Livraria Digital - Acesso Restrito</title>
<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: 100; 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;} }
  #timer-info {
    background-color: #fff8e1; border: 1px solid #d4c4a4; padding: 15px;
    margin: 20px auto; max-width: 600px; border-radius: 5px;
    font-family: 'Merriweather', serif; color: #5a4a3a; font-size: 0.95em;
  }
  .timer-countdown {
    font-weight: bold; color: #8b4513; font-size: 1.1em;
  }
</style>
</head>
<body>

<div id="timer-info">
  <p>⏱️ O código de acesso muda automaticamente a cada 2 horas.</p>
  <p>Próxima mudança em: <span class="timer-countdown" id="countdown">--:--:--</span></p>
</div>

<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>
      <button class="btn btn-wa" onclick="sendCodeViaWhatsApp()">
        <span>💬</span> Enviar Comprovativo (WhatsApp)
      </button>
    </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="validateAccess()">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>
  <p><strong>Aviso:</strong> Este acesso é temporário. O código muda automaticamente a cada 2 horas. Quando o código mudar, você precisará inserir o novo para continuar.</p>
  <button class="btn btn-unlock" onclick="clearAccessAndReload()" style="max-width: 200px;">FECHAR TOMO E SAIR</button>
</div>

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

// Função para calcular tempo até a próxima mudança de senha
  function getTimeUntilNextChange() {
    const now = new Date();
    const hours = now.getHours();
    
    // Próxima mudança será no próximo período de 2 horas
    const nextPeriodHour = (Math.floor(hours / 2) + 1) * 2;
    const nextChange = new Date(now);
    
    if (nextPeriodHour >= 24) {
      nextChange.setDate(nextChange.getDate() + 1);
      nextChange.setHours(0, 0, 0, 0);
    } else {
      nextChange.setHours(nextPeriodHour, 0, 0, 0);
    }
    
    return nextChange.getTime() - now.getTime();
  }

// Atualiza o contador de tempo
  function updateCountdown() {
    const timeLeft = getTimeUntilNextChange();
    const hours = Math.floor(timeLeft / 3600000);
    const minutes = Math.floor((timeLeft % 3600000) / 60000);
    const seconds = Math.floor((timeLeft % 60000) / 1000);
    
    const countdownElement = document.getElementById('countdown');
    countdownElement.textContent = 
      `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
  }

function showContent() {
    document.getElementById("library-access-panel").style.display = "none";
    document.getElementById("protected-content").style.display = "block";
  }

function clearAccessAndReload() {
    localStorage.removeItem('library_access_timestamp');
    localStorage.removeItem('library_access_code');
    location.reload();
  }

// Inicializar ao carregar
  window.onload = function() {
    checkExpiration();
    updateCountdown();
    // Atualiza o contador a cada segundo
    setInterval(updateCountdown, 1000);
    // Verifica a expiração a cada minuto
    setInterval(checkExpiration, 60000);
  };

// Desativar clique direito e F12
  document.addEventListener('contextmenu', event => event.preventDefault());
  document.onkeydown = function(e) {
    if(e.keyCode == 123 || (e.ctrlKey && e.shiftKey && e.keyCode == 73)) return false;
  }
</script>

</body>
</html>

Particles effect, Sticky menu and more.

Universo Aleatório - Tá Bombando!

Acesso com codigo alta segurança

💡 Faça Parte dos Curiosos Inteligentes

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

🔓 Conteúdo Exclusivo

Comentários

Translate

Menu items