Created
June 8, 2025 01:25
-
-
Save markdan16/42b05f6b8c200e858af3cf1fc8777ad3 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>VCTXWALLET SEEDER</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| font-family: 'Consolas', 'Courier New', monospace; | |
| } | |
| body { | |
| background: radial-gradient(circle at center, #0a0a1a, #000000); | |
| color: #00f7ff; | |
| min-height: 100vh; | |
| overflow-x: hidden; | |
| position: relative; | |
| } | |
| /* Cyber grid background */ | |
| .cyber-grid { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-image: | |
| linear-gradient(rgba(0, 47, 82, 0.1) 1px, transparent 1px), | |
| linear-gradient(90deg, rgba(0, 47, 82, 0.1) 1px, transparent 1px); | |
| background-size: 40px 40px; | |
| z-index: -1; | |
| opacity: 0.7; | |
| } | |
| /* Terminal look for containers */ | |
| .terminal { | |
| background: rgba(5, 5, 15, 0.92); | |
| border: 1px solid #004d7a; | |
| border-radius: 0; | |
| box-shadow: 0 0 30px rgba(0, 120, 255, 0.4); | |
| padding: 30px; | |
| margin: 20px auto; | |
| max-width: 900px; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .terminal::before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 3px; | |
| background: linear-gradient(90deg, #001f33, #00a6ff, #001f33); | |
| } | |
| .terminal-header { | |
| text-align: center; | |
| margin-bottom: 30px; | |
| padding-bottom: 20px; | |
| border-bottom: 1px solid #00334d; | |
| } | |
| .terminal-header h1 { | |
| font-size: 2.8rem; | |
| letter-spacing: 6px; | |
| text-shadow: 0 0 15px #00a6ff; | |
| color: #00f7ff; | |
| margin-bottom: 15px; | |
| text-transform: uppercase; | |
| font-weight: 800; | |
| } | |
| .terminal-header h2 { | |
| font-size: 1.3rem; | |
| color: #00a6ff; | |
| letter-spacing: 3px; | |
| text-transform: uppercase; | |
| font-weight: 300; | |
| } | |
| /* Wallet selection grid */ | |
| .wallets-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); | |
| gap: 25px; | |
| margin: 40px 0; | |
| } | |
| .wallet-card { | |
| background: rgba(10, 15, 30, 0.8); | |
| border: 1px solid #004d7a; | |
| border-radius: 3px; | |
| padding: 25px 15px; | |
| text-align: center; | |
| cursor: pointer; | |
| transition: all 0.3s ease; | |
| position: relative; | |
| overflow: hidden; | |
| height: 180px; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .wallet-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 5px 20px rgba(0, 120, 255, 0.5); | |
| border-color: #00a6ff; | |
| background: rgba(15, 25, 50, 0.9); | |
| } | |
| .wallet-card.selected { | |
| background: rgba(0, 40, 80, 0.7); | |
| box-shadow: 0 0 25px rgba(0, 180, 255, 0.7); | |
| border-color: #00f7ff; | |
| } | |
| .wallet-logo { | |
| width: 80px; | |
| height: 80px; | |
| margin: 0 auto 15px; | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| filter: drop-shadow(0 0 5px rgba(0, 180, 255, 0.7)); | |
| } | |
| .wallet-name { | |
| font-size: 1.1rem; | |
| font-weight: bold; | |
| letter-spacing: 1px; | |
| color: #00a6ff; | |
| text-transform: uppercase; | |
| } | |
| /* Firewall breach button */ | |
| .firewall-btn { | |
| display: block; | |
| width: 100%; | |
| padding: 18px; | |
| background: linear-gradient(45deg, #001f33, #004d7a); | |
| border: 1px solid #00a6ff; | |
| color: #00f7ff; | |
| font-size: 1.3rem; | |
| font-weight: bold; | |
| letter-spacing: 3px; | |
| cursor: pointer; | |
| margin: 40px 0; | |
| transition: all 0.3s ease; | |
| text-transform: uppercase; | |
| text-shadow: 0 0 10px rgba(0, 180, 255, 0.8); | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .firewall-btn::before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: -100%; | |
| width: 100%; | |
| height: 100%; | |
| background: linear-gradient(90deg, transparent, rgba(0, 180, 255, 0.2), transparent); | |
| transition: 0.5s; | |
| } | |
| .firewall-btn:hover { | |
| background: linear-gradient(45deg, #002b47, #005a8c); | |
| box-shadow: 0 0 30px rgba(0, 120, 255, 0.6); | |
| } | |
| .firewall-btn:hover::before { | |
| left: 100%; | |
| } | |
| .firewall-btn:disabled { | |
| background: rgba(10, 15, 30, 0.8); | |
| cursor: not-allowed; | |
| opacity: 0.5; | |
| } | |
| /* Page 2 - 3D Seed Generator */ | |
| #page2 { | |
| display: none; | |
| } | |
| .seed-generator { | |
| text-align: center; | |
| margin: 40px 0; | |
| } | |
| .seed-generator-title { | |
| font-size: 1.8rem; | |
| margin-bottom: 40px; | |
| text-transform: uppercase; | |
| letter-spacing: 3px; | |
| color: #00f7ff; | |
| text-shadow: 0 0 15px #00a6ff; | |
| font-weight: 700; | |
| } | |
| .seed-generator-subtitle { | |
| color: #00a6ff; | |
| margin-bottom: 40px; | |
| font-size: 1.1rem; | |
| letter-spacing: 2px; | |
| } | |
| /* 3D Gear Container */ | |
| .gear-container { | |
| perspective: 1000px; | |
| width: 300px; | |
| height: 300px; | |
| margin: 0 auto 60px; | |
| position: relative; | |
| } | |
| .gear { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| transform-style: preserve-3d; | |
| animation: rotate 12s infinite linear; | |
| } | |
| .gear-face { | |
| position: absolute; | |
| width: 300px; | |
| height: 300px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| color: #00a6ff; | |
| text-shadow: 0 0 10px rgba(0, 180, 255, 0.7); | |
| font-size: 4rem; | |
| opacity: 0.9; | |
| } | |
| .gear-face:nth-child(1) { transform: rotateY(0deg) translateZ(150px); } | |
| .gear-face:nth-child(2) { transform: rotateY(90deg) translateZ(150px); } | |
| .gear-face:nth-child(3) { transform: rotateY(180deg) translateZ(150px); } | |
| .gear-face:nth-child(4) { transform: rotateY(-90deg) translateZ(150px); } | |
| /* Seed phrase box */ | |
| .seed-phrase-box { | |
| background: rgba(5, 10, 20, 0.95); | |
| border: 1px solid #004d7a; | |
| border-radius: 3px; | |
| padding: 30px; | |
| min-height: 200px; | |
| display: grid; | |
| grid-template-columns: repeat(4, 1fr); | |
| gap: 15px; | |
| margin: 30px auto; | |
| box-shadow: 0 0 30px rgba(0, 60, 120, 0.5); | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .seed-phrase-box::before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 3px; | |
| background: linear-gradient(90deg, #001f33, #00a6ff, #001f33); | |
| } | |
| .seed-word { | |
| background: rgba(10, 20, 40, 0.9); | |
| border: 1px solid #00334d; | |
| padding: 12px 5px; | |
| text-align: center; | |
| font-size: 1rem; | |
| font-weight: 600; | |
| border-radius: 2px; | |
| color: #00f7ff; | |
| position: relative; | |
| overflow: hidden; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| box-shadow: 0 0 10px rgba(0, 40, 80, 0.5); | |
| opacity: 0; | |
| transform: translateY(20px); | |
| transition: all 0.5s ease; | |
| } | |
| .seed-word.visible { | |
| opacity: 1; | |
| transform: translateY(0); | |
| border-color: #00a6ff; | |
| background: rgba(15, 30, 60, 0.95); | |
| box-shadow: 0 0 15px rgba(0, 180, 255, 0.3); | |
| } | |
| .seed-word::before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 4px; | |
| height: 100%; | |
| background: #00a6ff; | |
| } | |
| /* Action buttons */ | |
| .action-buttons { | |
| display: flex; | |
| justify-content: center; | |
| gap: 20px; | |
| margin: 30px 0; | |
| flex-wrap: wrap; | |
| } | |
| .action-btn { | |
| padding: 12px 25px; | |
| background: rgba(10, 20, 40, 0.9); | |
| border: 1px solid #004d7a; | |
| color: #00a6ff; | |
| font-size: 1rem; | |
| font-weight: bold; | |
| cursor: pointer; | |
| transition: all 0.3s ease; | |
| text-transform: uppercase; | |
| letter-spacing: 1.5px; | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| } | |
| .action-btn:hover { | |
| background: rgba(0, 40, 80, 0.9); | |
| border-color: #00a6ff; | |
| box-shadow: 0 0 15px rgba(0, 120, 255, 0.4); | |
| color: #00f7ff; | |
| } | |
| .action-btn.copy:hover { | |
| background: rgba(0, 40, 80, 0.9); | |
| border-color: #00ff88; | |
| color: #00ff88; | |
| } | |
| .action-btn.download:hover { | |
| background: rgba(0, 40, 80, 0.9); | |
| border-color: #00ccff; | |
| color: #00ccff; | |
| } | |
| .action-btn.contact:hover { | |
| background: rgba(0, 40, 80, 0.9); | |
| border-color: #0088ff; | |
| color: #0088ff; | |
| } | |
| /* Status indicator */ | |
| .status-indicator { | |
| display: flex; | |
| justify-content: center; | |
| margin: 30px 0; | |
| gap: 10px; | |
| } | |
| .status-dot { | |
| width: 15px; | |
| height: 15px; | |
| border-radius: 50%; | |
| background: #00334d; | |
| box-shadow: 0 0 5px rgba(0, 180, 255, 0.5); | |
| } | |
| .status-dot.active { | |
| background: #00f7ff; | |
| box-shadow: 0 0 10px #00a6ff; | |
| } | |
| /* Back button */ | |
| .back-btn { | |
| display: inline-block; | |
| padding: 12px 30px; | |
| background: rgba(10, 20, 40, 0.9); | |
| border: 1px solid #004d7a; | |
| color: #00a6ff; | |
| font-size: 1.1rem; | |
| font-weight: bold; | |
| cursor: pointer; | |
| margin-top: 10px; | |
| transition: all 0.3s ease; | |
| text-transform: uppercase; | |
| letter-spacing: 2px; | |
| } | |
| .back-btn:hover { | |
| background: rgba(0, 40, 80, 0.9); | |
| border-color: #00a6ff; | |
| box-shadow: 0 0 20px rgba(0, 120, 255, 0.4); | |
| color: #00f7ff; | |
| } | |
| /* Hacking scan lines effect */ | |
| .scanlines { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: repeating-linear-gradient( | |
| to bottom, | |
| transparent 0%, | |
| rgba(0, 120, 255, 0.05) 0.5%, | |
| transparent 1% | |
| ); | |
| pointer-events: none; | |
| z-index: 9999; | |
| opacity: 0.3; | |
| } | |
| /* Copyright section */ | |
| .copyright { | |
| text-align: center; | |
| margin-top: 40px; | |
| padding-top: 20px; | |
| border-top: 1px solid #00334d; | |
| color: #0088cc; | |
| font-size: 0.9rem; | |
| letter-spacing: 1px; | |
| } | |
| .copyright a { | |
| color: #00a6ff; | |
| text-decoration: none; | |
| } | |
| .copyright a:hover { | |
| text-decoration: underline; | |
| color: #00f7ff; | |
| } | |
| @keyframes rotate { | |
| from { transform: rotateX(-15deg) rotateY(0deg); } | |
| to { transform: rotateX(-15deg) rotateY(360deg); } | |
| } | |
| /* Terminal text effect */ | |
| .terminal-text { | |
| overflow: hidden; | |
| border-right: 0.15em solid #00a6ff; | |
| white-space: nowrap; | |
| margin: 0 auto; | |
| letter-spacing: 0.15em; | |
| animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite; | |
| } | |
| @keyframes typing { | |
| from { width: 0; } | |
| to { width: 100%; } | |
| } | |
| @keyframes blink-caret { | |
| from, to { border-color: transparent; } | |
| 50% { border-color: #00a6ff; } | |
| } | |
| /* Security warnings */ | |
| .security-warning { | |
| text-align: center; | |
| margin-top: 30px; | |
| color: #00a6ff; | |
| font-size: 0.9rem; | |
| letter-spacing: 1px; | |
| text-shadow: 0 0 5px rgba(0, 180, 255, 0.5); | |
| } | |
| .pulse { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { text-shadow: 0 0 5px rgba(0, 180, 255, 0.5); } | |
| 50% { text-shadow: 0 0 15px #00a6ff, 0 0 30px rgba(0, 180, 255, 0.8); } | |
| 100% { text-shadow: 0 0 5px rgba(0, 180, 255, 0.5); } | |
| } | |
| /* Success notification */ | |
| .notification { | |
| position: fixed; | |
| top: 20px; | |
| right: 20px; | |
| padding: 15px 25px; | |
| background: rgba(0, 40, 80, 0.95); | |
| border: 1px solid #00a6ff; | |
| color: #00f7ff; | |
| font-size: 1rem; | |
| box-shadow: 0 0 20px rgba(0, 120, 255, 0.5); | |
| z-index: 10000; | |
| transform: translateX(150%); | |
| transition: transform 0.4s ease; | |
| } | |
| .notification.show { | |
| transform: translateX(0); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Cyber grid background --> | |
| <div class="cyber-grid"></div> | |
| <!-- Scanlines effect --> | |
| <div class="scanlines"></div> | |
| <!-- Notification --> | |
| <div id="notification" class="notification"> | |
| <i class="fas fa-check-circle"></i> Seed phrase copied to clipboard! | |
| </div> | |
| <!-- Page 1: Wallet Selection --> | |
| <div id="page1" class="terminal"> | |
| <div class="terminal-header"> | |
| <h1>VCTXWALLET SEEDER</h1> | |
| <h2>SECURE CRYPTO WALLET INTEGRATION</h2> | |
| <div class="terminal-text"> | |
| <p>SELECT WALLET PROVIDER TO INITIATE SEED GENERATION...</p> | |
| </div> | |
| </div> | |
| <div class="wallets-grid"> | |
| <!-- Binance --> | |
| <div class="wallet-card" data-wallet="binance"> | |
| <div class="wallet-logo" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/57/Binance_Logo.png')"></div> | |
| <div class="wallet-name">Binance</div> | |
| </div> | |
| <!-- Trust Wallet --> | |
| <div class="wallet-card" data-wallet="trust"> | |
| <div class="wallet-logo" style="background-image: url('https://trustwallet.com/assets/images/media/assets/TWT.png')"></div> | |
| <div class="wallet-name">Trust Wallet</div> | |
| </div> | |
| <!-- Bybit --> | |
| <div class="wallet-card" data-wallet="bybit"> | |
| <div class="wallet-logo" style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/9a/Bybit_Logo.png')"></div> | |
| <div class="wallet-name">Bybit</div> | |
| </div> | |
| <!-- OKX --> | |
| <div class="wallet-card" data-wallet="okx"> | |
| <div class="wallet-logo" style="background-image: url('https://www.okx.com/cdn/assets/imgs/2210/9C1A5B1C9F8C0C6D.png')"></div> | |
| <div class="wallet-name">OKX Wallet</div> | |
| </div> | |
| <!-- Ton Keeper --> | |
| <div class="wallet-card" data-wallet="ton"> | |
| <div class="wallet-logo" style="background-image: url('https://tonkeeper.com/assets/tonkeeper-icon-512.png')"></div> | |
| <div class="wallet-name">Ton Keeper</div> | |
| </div> | |
| </div> | |
| <button id="firewall-btn" class="firewall-btn" disabled> | |
| <i class="fas fa-shield-alt"></i> BREACH SECURITY PROTOCOL | |
| </button> | |
| <div class="security-warning pulse"> | |
| <p><i class="fas fa-exclamation-triangle"></i> WARNING: UNAUTHORIZED ACCESS WILL BE REPORTED</p> | |
| <p>ALL ACTIVITIES ARE MONITORED AND LOGGED</p> | |
| </div> | |
| <div class="copyright"> | |
| © 2023 VCTXWALLET SEEDER. ALL RIGHTS RESERVED. | |
| </div> | |
| </div> | |
| <!-- Page 2: Seed Phrase Generator --> | |
| <div id="page2" class="terminal"> | |
| <div class="terminal-header"> | |
| <h1>QUANTUM SEED GENERATOR</h1> | |
| <h2>SECURE PHRASE GENERATION IN PROGRESS</h2> | |
| </div> | |
| <div class="seed-generator"> | |
| <div class="seed-generator-title">TARGET: <span id="selected-wallet-name">BINANCE</span></div> | |
| <div class="seed-generator-subtitle">GENERATING 12-WORD SECURITY PHRASE</div> | |
| <div class="gear-container"> | |
| <div class="gear"> | |
| <div class="gear-face"><i class="fas fa-cog"></i></div> | |
| <div class="gear-face"><i class="fas fa-microchip"></i></div> | |
| <div class="gear-face"><i class="fas fa-lock"></i></div> | |
| <div class="gear-face"><i class="fas fa-key"></i></div> | |
| </div> | |
| </div> | |
| <div class="seed-phrase-box" id="seed-phrase-box"> | |
| <!-- Seed words will be generated here --> | |
| </div> | |
| <div class="action-buttons"> | |
| <button id="copy-btn" class="action-btn copy"> | |
| <i class="fas fa-copy"></i> COPY SEED PHRASE | |
| </button> | |
| <button id="download-btn" class="action-btn download"> | |
| <i class="fas fa-download"></i> DOWNLOAD SEED | |
| </button> | |
| <a href="https://t.me/markdan_16" target="_blank" class="action-btn contact"> | |
| <i class="fab fa-telegram"></i> CONTACT ADMIN | |
| </a> | |
| </div> | |
| <div class="status-indicator" id="status-indicator"> | |
| <!-- Status dots will be added here --> | |
| </div> | |
| <button id="back-btn" class="back-btn"> | |
| <i class="fas fa-arrow-left"></i> TERMINATE SESSION | |
| </button> | |
| <div class="copyright"> | |
| © 2023 VCTXWALLET SEEDER. ALL RIGHTS RESERVED. | | |
| <a href="https://t.me/markdan_16" target="_blank">Contact Support</a> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| // Wallet selection logic | |
| let selectedWallet = null; | |
| const walletCards = document.querySelectorAll('.wallet-card'); | |
| const firewallBtn = document.getElementById('firewall-btn'); | |
| let generatedSeed = []; | |
| walletCards.forEach(card => { | |
| card.addEventListener('click', () => { | |
| // Deselect all | |
| walletCards.forEach(c => c.classList.remove('selected')); | |
| // Select clicked card | |
| card.classList.add('selected'); | |
| selectedWallet = card.dataset.wallet; | |
| // Enable firewall button | |
| firewallBtn.disabled = false; | |
| }); | |
| }); | |
| // Firewall breach button | |
| firewallBtn.addEventListener('click', () => { | |
| if (selectedWallet) { | |
| // Get wallet name for display | |
| const walletName = document.querySelector(`.wallet-card[data-wallet="${selectedWallet}"] .wallet-name`).textContent; | |
| document.getElementById('selected-wallet-name').textContent = walletName.toUpperCase(); | |
| // Show page 2 | |
| document.getElementById('page1').style.display = 'none'; | |
| document.getElementById('page2').style.display = 'block'; | |
| // Initialize and generate seed phrase | |
| initSeedGeneration(); | |
| } | |
| }); | |
| // Back button | |
| document.getElementById('back-btn').addEventListener('click', () => { | |
| document.getElementById('page1').style.display = 'block'; | |
| document.getElementById('page2').style.display = 'none'; | |
| // Deselect wallet | |
| walletCards.forEach(c => c.classList.remove('selected')); | |
| selectedWallet = null; | |
| firewallBtn.disabled = true; | |
| // Reset seed phrase box | |
| document.getElementById('seed-phrase-box').innerHTML = ''; | |
| document.getElementById('status-indicator').innerHTML = ''; | |
| generatedSeed = []; | |
| }); | |
| // Copy button functionality | |
| document.getElementById('copy-btn').addEventListener('click', () => { | |
| if (generatedSeed.length === 0) return; | |
| const seedText = generatedSeed.join(' '); | |
| navigator.clipboard.writeText(seedText).then(() => { | |
| showNotification('Seed phrase copied to clipboard!'); | |
| }); | |
| }); | |
| // Download button functionality | |
| document.getElementById('download-btn').addEventListener('click', () => { | |
| if (generatedSeed.length === 0) return; | |
| const seedText = generatedSeed.join(' '); | |
| const blob = new Blob([seedText], { type: 'text/plain' }); | |
| const url = URL.createObjectURL(blob); | |
| const a = document.createElement('a'); | |
| a.href = url; | |
| a.download = `vctxwallet-seed-${new Date().getTime()}.txt`; | |
| document.body.appendChild(a); | |
| a.click(); | |
| // Clean up | |
| setTimeout(() => { | |
| document.body.removeChild(a); | |
| window.URL.revokeObjectURL(url); | |
| showNotification('Seed phrase downloaded!'); | |
| }, 100); | |
| }); | |
| // Show notification | |
| function showNotification(message) { | |
| const notification = document.getElementById('notification'); | |
| notification.innerHTML = `<i class="fas fa-check-circle"></i> ${message}`; | |
| notification.classList.add('show'); | |
| setTimeout(() => { | |
| notification.classList.remove('show'); | |
| }, 3000); | |
| } | |
| // Seed phrase generation with progressive reveal | |
| function initSeedGeneration() { | |
| const wordlist = [ | |
| "algorithm", "binary", "cipher", "decrypt", "encrypt", "firewall", | |
| "gateway", "hacker", "infiltrate", "jailbreak", "keygen", "logic", | |
| "malware", "network", "obfuscate", "protocol", "quantum", "rootkit", | |
| "security", "terminal", "uplink", "vector", "worm", "zero-day" | |
| ]; | |
| const seedPhraseBox = document.getElementById('seed-phrase-box'); | |
| const statusIndicator = document.getElementById('status-indicator'); | |
| seedPhraseBox.innerHTML = ''; | |
| statusIndicator.innerHTML = ''; | |
| generatedSeed = []; | |
| // Create 12 empty seed word slots | |
| for (let i = 0; i < 12; i++) { | |
| const wordElement = document.createElement('div'); | |
| wordElement.className = 'seed-word'; | |
| wordElement.textContent = '•••••••'; | |
| seedPhraseBox.appendChild(wordElement); | |
| // Create status dots | |
| const dot = document.createElement('div'); | |
| dot.className = 'status-dot'; | |
| statusIndicator.appendChild(dot); | |
| } | |
| // Progressive reveal of seed words | |
| const seedWords = document.querySelectorAll('.seed-phrase-box .seed-word'); | |
| const statusDots = document.querySelectorAll('.status-dot'); | |
| let currentIndex = 0; | |
| const generateInterval = setInterval(() => { | |
| if (currentIndex >= 12) { | |
| clearInterval(generateInterval); | |
| return; | |
| } | |
| // Generate random word | |
| const randomIndex = Math.floor(Math.random() * wordlist.length); | |
| const word = wordlist[randomIndex]; | |
| generatedSeed.push(word); | |
| // Update seed word | |
| seedWords[currentIndex].textContent = word; | |
| seedWords[currentIndex].classList.add('visible'); | |
| // Update status dot | |
| statusDots[currentIndex].classList.add('active'); | |
| currentIndex++; | |
| }, 800); | |
| } | |
| // Add terminal text effect | |
| document.addEventListener('DOMContentLoaded', () => { | |
| const terminalText = document.querySelector('.terminal-text'); | |
| setTimeout(() => { | |
| terminalText.style.borderRight = 'none'; | |
| }, 3500); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment