Transaction

9c4aa2c08daaec00dc715ac3bd146d005123d400ae87a03cd68f06c7b24cf9ac
Timestamp (utc)
2025-11-10 18:58:14
Fee Paid
0.00002081 BSV
(
0.05796135 BSV
-
0.05794054 BSV
)
Fee Rate
17.75 sat/KB
Version
1
Confirmations
15,532
Size Stats
117,151 B

3 Outputs

Total Output:
0.05794054 BSV
  • cordQtext/html;charset=utf8N|È<!DOCTYPE html> <html lang="nl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dogecoin Wallet - Fully Functional</title> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap" rel="stylesheet"> <!-- Crypto Libraries --> <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/elliptic/6.5.4/elliptic.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bip39/3.0.4/index.min.js"></script> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; background: #0a0a0a; font-family: 'Montserrat', sans-serif; overflow: hidden; position: relative; transition: all 0.3s ease; } body.light-mode { background: #f5f5f5; } .background-lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .line { position: absolute; background: linear-gradient(90deg, transparent, #ff8c00, transparent); height: 2px; width: 200px; opacity: 0.6; animation: flow 8s linear infinite; transition: all 0.3s ease; } body.light-mode .line { background: linear-gradient(90deg, transparent, #ff6b00, transparent); opacity: 0.4; } .line:nth-child(1) { top: 10%; animation-delay: 0s; } .line:nth-child(2) { top: 25%; animation-delay: -2s; animation-duration: 10s; } .line:nth-child(3) { top: 40%; animation-delay: -4s; animation-duration: 12s; } .line:nth-child(4) { top: 55%; animation-delay: -1s; animation-duration: 9s; } .line:nth-child(5) { top: 70%; animation-delay: -3s; animation-duration: 11s; } .line:nth-child(6) { top: 85%; animation-delay: -5s; animation-duration: 7s; } @keyframes flow { 0% { left: -220px; transform: translateX(0) scaleX(0.5); } 50% { transform: translateX(0) scaleX(1); } 100% { left: 100vw; transform: translateX(0) scaleX(0.5); } } .container { position: relative; z-index: 10; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease; } .title { font-size: 4rem; font-weight: 800; margin-bottom: 0.5rem; background: linear-gradient(45deg, #ff8c00, #ffffff, #ff8c00, #ffffff); background-size: 300% 300%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientShift 3s ease-in-out infinite; text-shadow: 0 0 30px rgba(255, 140, 0, 0.5); letter-spacing: 2px; transition: all 0.3s ease; } body.light-mode .title { background: linear-gradient(45deg, #ff8c00, #000000, #ff8c00, #000000); background-size: 300% 300%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 0 30px rgba(255, 140, 0, 0.3); } .subtitle { font-size: 1.2rem; font-weight: 300; color: #ffffff; margin-bottom: 3rem; letter-spacing: 3px; opacity: 0.9; transition: color 0.3s ease; } body.light-mode .subtitle { color: #333333; } @keyframes gradientShift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .button-container { display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; } .wallet-button { padding: 1rem 2.5rem; font-size: 1.2rem; font-weight: 600; font-family: 'Montserrat', sans-serif; color: #ffffff; background: linear-gradient(145deg, #ff8c00, #ff6b00); border: none; border-radius: 10px; cursor: pointer; position: relative; overflow: hidden; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); } .wallet-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.5s ease; } .wallet-button:hover::before { left: 100%; } .wallet-button:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255, 140, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3); } .wallet-button:active { transform: translateY(0); box-shadow: 0 2px 10px rgba(255, 140, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); } .theme-toggle { position: fixed; top: 20px; right: 20px; z-index: 100; background: rgba(255, 140, 0, 0.2); border: 1px solid #ff8c00; border-radius: 50%; width: 50px; height: 50px; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(255, 140, 0, 0.2); } .theme-toggle:hover { background: rgba(255, 140, 0, 0.3); transform: scale(1.1); box-shadow: 0 6px 20px rgba(255, 140, 0, 0.3); } .theme-icon { font-size: 1.5rem; display: inline-block; } .wallet-screen { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 10, 10, 0.95); z-index: 20; padding: 2rem; overflow-y: auto; transition: background 0.3s ease; } body.light-mode .wallet-screen { background: rgba(245, 245, 245, 0.95); } .wallet-screen.active { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 2rem; } .screen-content { background: rgba(20, 20, 20, 0.8); padding: 2rem; border-radius: 15px; border: 1px solid #ff8c00; max-width: 800px; width: 100%; box-shadow: 0 10px 30px rgba(255, 140, 0, 0.2); transition: all 0.3s ease; } body.light-mode .screen-content { background: rgba(255, 255, 255, 0.9); border: 1px solid #ff8c00; box-shadow: 0 10px 30px rgba(255, 140, 0, 0.15); } .screen-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; width: 100%; } .screen-title { font-size: 2rem; font-weight: 700; color: #ff8c00; margin: 0; text-align: left; } .input-group { margin-bottom: 1.5rem; } .input-label { display: block; color: #ffffff; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.9rem; transition: color 0.3s ease; } body.light-mode .input-label { color: #333333; } .input-field { width: 100%; padding: 1rem; background: rgba(40, 40, 40, 0.8); border: 1px solid #444; border-radius: 8px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 1rem; transition: all 0.3s ease; } body.light-mode .input-field { background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd; color: #333333; } .input-field:focus { outline: none; border-color: #ff8c00; box-shadow: 0 0 10px rgba(255, 140, 0, 0.3); } /* Range Slider Styles */ input[type="range"] { -webkit-appearance: none; appearance: none; height: 8px; border-radius: 4px; background: linear-gradient(to right, #ff8c00 0%, #ff8c00 var(--value, 0%), #444 var(--value, 0%), #444 100%); outline: none; transition: all 0.3s ease; } body.light-mode input[type="range"] { background: linear-gradient(to right, #ff8c00 0%, #ff8c00 var(--value, 0%), #ddd var(--value, 0%), #ddd 100%); } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #ff8c00; cursor: pointer; border: 2px solid #ffffff; box-shadow: 0 0 10px rgba(255, 140, 0, 0.5); transition: all 0.3s ease; } input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.2); box-shadow: 0 0 15px rgba(255, 140, 0, 0.7); } input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #ff8c00; cursor: pointer; border: 2px solid #ffffff; box-shadow: 0 0 10px rgba(255, 140, 0, 0.5); transition: all 0.3s ease; } .textarea-field { min-height: 120px; resize: vertical; } .file-input { position: relative; overflow: hidden; display: inline-block; width: 100%; } .file-input input[type=file] { position: absolute; left: -9999px; } .file-input-label { display: block; width: 100%; padding: 1rem; background: rgba(40, 40, 40, 0.8); border: 2px dashed #ff8c00; border-radius: 8px; color: #ff8c00; text-align: center; cursor: pointer; transition: all 0.3s ease; font-weight: 600; } body.light-mode .file-input-label { background: rgba(255, 255, 255, 0.9); border: 2px dashed #ff8c00; } .file-input-label:hover { background: rgba(255, 140, 0, 0.1); } .import-options { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem; } .import-option { padding: 1rem; background: rgba(40, 40, 40, 0.6); border: 1px solid #444; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; color: #ffffff; font-weight: 600; } body.light-mode .import-option { background: rgba(255, 255, 255, 0.8); border: 1px solid #ddd; color: #333333; } .import-option:hover { border-color: #ff8c00; background: rgba(255, 140, 0, 0.1); } .import-option.active { border-color: #ff8c00; background: rgba(255, 140, 0, 0.2); } .action-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 2rem; } .action-button { padding: 0.8rem 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 600; border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; } .btn-primary { background: linear-gradient(145deg, #ff8c00, #ff6b00); color: #ffffff; } .btn-secondary { background: transparent; color: #ff8c00; border: 1px solid #ff8c00; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255, 140, 0, 0.4); } .btn-secondary:hover { background: rgba(255, 140, 0, 0.1); } .wallet-info { background: rgba(40, 40, 40, 0.8); padding: 1.5rem; border-radius: 10px; margin-top: 2rem; border: 1px solid #ff8c00; transition: all 0.3s ease; } body.light-mode .wallet-info { background: rgba(255, 255, 255, 0.9); border: 1px solid #ff8c00; } .wallet-address { font-family: 'Courier New', monospace; word-break: break-all; background: rgba(0, 0, 0, 0.5); padding: 1rem; border-radius: 5px; margin: 1rem 0; color: #ffffff; transition: all 0.3s ease; } body.light-mode .wallet-address { background: rgba(0, 0, 0, 0.1); color: #333333; } .mnemonic-words { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0.5rem; margin: 1rem 0; } .mnemonic-word { background: rgba(40, 40, 40, 0.8); padding: 0.5rem; border-radius: 5px; text-align: center; border: 1px solid #444; font-weight: 600; color: #ffffff; transition: all 0.3s ease; } body.light-mode .mnemonic-word { background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd; color: #333333; } .copy-button { background: linear-gradient(145deg, #ff8c00, #ff6b00); color: #000000; border: none; padding: 0.5rem 1rem; border-radius: 5px; cursor: pointer; font-size: 0.9rem; font-weight: 600; margin-left: 1rem; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; } .copy-button:hover { transform: translateY(-1px); box-shadow: 0 3px 10px rgba(255, 140, 0, 0.3); } .dashboard-action-card { background: rgba(40, 40, 40, 0.6); border: 1px solid #444; border-radius: 10px; padding: 2rem; text-align: center; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; } body.light-mode .dashboard-action-card { background: rgba(255, 255, 255, 0.8); border: 1px solid #ddd; } .dashboard-action-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.1), transparent); transition: left 0.5s ease; } .dashboard-action-card:hover::before { left: 100%; } .dashboard-action-card:hover { border-color: #ff8c00; background: rgba(255, 140, 0, 0.1); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255, 140, 0, 0.2); } .dashboard-action-title { color: #ff8c00; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .dashboard-action-desc { color: #ffffff; opacity: 0.8; font-weight: 400; line-height: 1.5; } body.light-mode .dashboard-action-desc { color: #333333; } .balance-card { background: rgba(255, 140, 0, 0.1); border: 1px solid #ff8c00; border-radius: 10px; padding: 2rem; text-align: center; margin-bottom: 2rem; position: relative; overflow: hidden; } .balance-amount { font-size: 3rem; font-weight: 800; color: #ff8c00; margin-bottom: 0.5rem; text-shadow: 0 0 20px rgba(255, 140, 0, 0.3); } .balance-currency { font-size: 1rem; color: #ffffff; opacity: 0.8; font-weight: 600; letter-spacing: 2px; } body.light-mode .balance-currency { color: #333333; } .address-section { margin-top: 1.5rem; } .button-group { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem; } .orange-button { background: linear-gradient(145deg, #ff8c00, #ff6b00); color: #000000; border: none; padding: 0.7rem 1.5rem; border-radius: 8px; cursor: pointer; font-size: 0.9rem; font-weight: 600; font-family: 'Montserrat', sans-serif; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; position: relative; overflow: hidden; box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); } .orange-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.5s ease; } .orange-button:hover::before { left: 100%; } .orange-button:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255, 140, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3); } .orange-button:active { transform: translateY(0); box-shadow: 0 2px 10px rgba(255, 140, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); } .dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 2rem; } .loading { color: #ff8c00; font-weight: 600; } .error { color: #ff4444; font-weight: 600; } .success { color: #44ff44; font-weight: 600; } .status-indicator { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; } .status-online { background: #44ff44; box-shadow: 0 0 5px #44ff44; } .status-offline { background: #ff4444; box-shadow: 0 0 5px #ff4444; } .status-text { color: #ffffff; font-size: 0.9rem; opacity: 0.8; } body.light-mode .status-text { color: #333333; } .transaction-history { margin-top: 2rem; } .transaction-history h3 { color: #ff8c00; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .transaction-item { background: rgba(0, 0, 0, 0.3); padding: 1rem; border-radius: 5px; margin-bottom: 1rem; border-left: 4px solid #ff8c00; color: #ffffff; } body.light-mode .transaction-item { background: rgba(255, 255, 255, 0.8); color: #333333; } .transaction-text { color: #ffffff; } body.light-mode .transaction-text { color: #333333; } .transaction-meta { color: #ffffff; opacity: 0.7; } body.light-mode .transaction-meta { color: #333333; opacity: 0.7; } .network-status { margin-top: 2rem; color: #ffffff; opacity: 0.8; } body.light-mode .network-status { color: #333333; } /* Fee Mode Toggle Styles */ .fee-mode-toggle { display: flex; background: rgba(40, 40, 40, 0.8); border: 1px solid #444; border-radius: 8px; overflow: hidden; margin-bottom: 1rem; } body.light-mode .fee-mode-toggle { background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd; } .fee-mode-option { flex: 1; padding: 0.8rem; background: transparent; border: none; color: #ffffff; cursor: pointer; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 0.9rem; } body.light-mode .fee-mode-option { color: #333333; } .fee-mode-option.active { background: #ff8c00; color: #000000; } .fee-mode-option:hover:not(.active) { background: rgba(255, 140, 0, 0.2); } .fee-preset-buttons { display: flex; gap: 0.5rem; margin-top: 0.5rem; } .fee-preset-button { padding: 0.4rem 0.8rem; background: rgba(255, 140, 0, 0.2); border: 1px solid #ff8c00; border-radius: 4px; color: #ff8c00; cursor: pointer; font-size: 0.8rem; font-weight: 600; transition: all 0.3s ease; } .fee-preset-button:hover { background: rgba(255, 140, 0, 0.3); } .custom-fee-input { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; } .fee-input-small { width: 120px; padding: 0.5rem; background: rgba(40, 40, 40, 0.8); border: 1px solid #444; border-radius: 4px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 0.9rem; } body.light-mode .fee-input-small { background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd; color: #333333; } .fee-unit { color: #ff8c00; font-weight: 600; font-size: 0.9rem; } @media (max-width: 768px) { .title { font-size: 2.5rem; margin-bottom: 0.3rem; } .subtitle { font-size: 1rem; margin-bottom: 2rem; } .button-container { flex-direction: column; gap: 1rem; } .wallet-button { padding: 0.8rem 2rem; font-size: 1rem; } .screen-content { padding: 1.5rem; margin: 1rem; } .action-buttons { flex-direction: column; } .dashboard-grid { grid-template-columns: 1fr; gap: 1.5rem; } .button-group { flex-direction: column; align-items: center; } .orange-button { width: 200px; } .screen-header { flex-direction: column; gap: 1rem; align-items: center; } .screen-title { text-align: center; } .fee-mode-toggle { flex-direction: column; } .fee-preset-buttons { flex-direction: column; } } </style> </head> <body> <div class="theme-toggle" onclick="toggleTheme()"> <span class="theme-icon" id="themeIcon">🌙</span> </div> <div class="background-lines"> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> </div> <div class="container" id="mainScreen"> <h1 class="title">Dogecoin Wallet</h1> <p class="subtitle">DOGE WEB3 WALLET - FULLY WORKING</p> <div class="button-container"> <button class="wallet-button" onclick="showNewWalletScreen()">New Wallet</button> <button class="wallet-button" onclick="showImportScreen()">Import Wallet</button> </div> <div class="network-status"> <span class="status-indicator status-online" id="networkStatus"></span> <span class="status-text" id="networkStatusText">Network Online</span> </div> </div> <!-- New Wallet Screen --> <div class="wallet-screen" id="newWalletScreen"> <div class="screen-content"> <h2 class="screen-title">Create New Wallet</h2> <div id="newWalletStep1"> <p style="color: #ffffff; margin-bottom: 2rem; text-align: center; line-height: 1.6;"> Creating a new wallet generates a unique address and private key for your Dogecoin transactions. <br><br> <strong style="color: #ff8c00;">⚠️ Important:</strong> Your private key and mnemonic phrase will be generated locally in your browser. Save them securely! </p> <div class="action-buttons"> <button class="action-button btn-primary" onclick="generateNewWallet()">Generate Wallet</button> <button class="action-button btn-secondary" onclick="backToMain()">Back</button> </div> </div> <div id="newWalletStep2" style="display: none;"> <div class="wallet-info"> <h3 style="color: #ff8c00; margin-bottom: 1rem;">⚠️ Important: Save this information securely!</h3> <div class="input-group"> <label class="input-label">Wallet Address:</label> <div style="display: flex; align-items: center;"> <div class="wallet-address" id="generatedAddress" style="flex: 1; margin: 0;"></div> <button class="copy-button" onclick="copyText('generatedAddress')">Copy</button> </div> </div> <div class="input-group"> <label class="input-label">Private Key (WIF):</label> <div style="display: flex; align-items: center;"> <div class="wallet-address" id="generatedPrivateKey" style="flex: 1; margin: 0;"></div> <button class="copy-button" onclick="copyText('generatedPrivateKey')">Copy</button> </div> </div> <div class="input-group"> <label class="input-label">Mnemonic Phrase (12 words):</label> <div class="mnemonic-words" id="generatedMnemonic"></div> <button class="copy-button" onclick="copyMnemonic()" style="margin: 1rem 0 0 0;">Copy Mnemonic</button> </div> </div> <div class="action-buttons"> <button class="action-button btn-primary" onclick="downloadWallet()">Download Backup</button> <button class="action-button btn-primary" onclick="openWallet()">Open Wallet</button> <button class="action-button btn-secondary" onclick="backToMain()">Complete</button> </div> </div> </div> </div> <!-- Import Wallet Screen --> <div class="wallet-screen" id="importScreen"> <div class="screen-content"> <h2 class="screen-title">Import Wallet</h2> <div class="import-options"> <div class="import-option" onclick="selectImportMethod('wif')" id="wifOption"> <strong>Private Key (WIF)</strong><br> Import using your private key in WIF format </div> <div class="import-option" onclick="selectImportMethod('mnemonic')" id="mnemonicOption"> <strong>Mnemonic Phrase</strong><br> Import using your 12-word recovery phrase </div> <div class="import-option" onclick="selectImportMethod('json')" id="jsonOption"> <strong>JSON File Upload</strong><br> Upload a wallet backup file </div> </div> <div id="importForm" style="display: none;"> <div id="wifImport" style="display: none;"> <div class="input-group"> <label class="input-label">Private Key (WIF):</label> <input type="text" class="input-field" id="wifInput" placeholder="Enter your private key..."> </div> </div> <div id="mnemonicImport" style="display: none;"> <div class="input-group"> <label class="input-label">Mnemonic Phrase (12 words):</label> <textarea class="input-field textarea-field" id="mnemonicInput" placeholder="Enter your 12-word recovery phrase, separated by spaces..."></textarea> </div> </div> <div id="jsonImport" style="display: none;"> <div class="input-group"> <label class="input-label">Wallet Backup File:</label> <div class="file-input"> <input type="file" id="jsonFile" accept=".json" onchange="handleFileSelect(event)"> <label for="jsonFile" class="file-input-label"> Click to select JSON file </label> </div> <div id="fileName" style="color: #ff8c00; margin-top: 0.5rem; font-size: 0.9rem;"></div> </div> </div> <div id="importStatus" style="margin: 1rem 0; text-align: center;"></div> <div class="action-buttons"> <button class="action-button btn-primary" onclick="importWallet()">Import Wallet</button> <button class="action-button btn-secondary" onclick="backToMain()">Cancel</button> </div> </div> <div id="noMethodSelected"> <div class="action-buttons"> <button class="action-button btn-secondary" onclick="backToMain()">Back</button> </div> </div> </div> </div> <!-- Mint Tokens Screen --> <div class="wallet-screen" id="mintTokensScreen"> <div class="screen-content"> <h2 class="screen-title">Mint DRC-20 Tokens</h2> <div style="background: rgba(40, 40, 40, 0.6); padding: 1.5rem; border-radius: 10px; border: 1px solid #444; margin-bottom: 2rem;"> <p style="color: #ffffff; margin-bottom: 1.5rem; text-align: center; line-height: 1.6;"> <strong style="color: #ff8c00;">🪙 DRC-20 Token Minting</strong><br> Create fungible tokens on the Dogecoin blockchain using the Doginals protocol. </p> <div class="input-group"> <label class="input-label">Token Name (Ticker):</label> <input type="text" class="input-field" id="tokenTicker" placeholder="e.g., DOGE, WOOF, MUCH" maxlength="10"> <small style="color: #ff8c00; margin-top: 0.5rem; display: block;"> 4-10 character token identifier (case sensitive) </small> </div> <div class="input-group"> <label class="input-label">Amount per Mint:</label> <input type="number" class="input-field" id="mintAmount" placeholder="1000" min="1" step="1"> <small style="color: #ff8c00; margin-top: 0.5rem; display: block;"> Number of tokens to mint per inscription </small> </div> <div class="input-group"> <label class="input-label">Number of Inscriptions: <span id="inscriptionCountDisplay">1</span></label> <input type="range" class="input-field" id="inscriptionCount" min="1" max="1000" value="1" style="background: #ff8c00;"> <div style="display: flex; justify-content: space-between; color: #ffffff; font-size: 0.8rem; margin-top: 0.5rem;"> <span>1 tx</span> <span>500 tx</span> <span>1000 tx</span> </div> <small style="color: #ff8c00; margin-top: 0.5rem; display: block;"> Total tokens minted: <span id="totalTokens">1000</span> </small> </div> <!-- Fee Configuration for Minting --> <div class="input-group"> <label class="input-label">Fee Configuration:</label> <div class="fee-mode-toggle"> <button class="fee-mode-option active" onclick="setMintFeeMode('auto')" id="mintFeeAuto">Auto</button> <button class="fee-mode-option" onclick="setMintFeeMode('custom')" id="mintFeeCustom">Custom</button> </div> <div id="mintAutoFeeContent"> <div class="fee-preset-buttons"> <button class="fee-preset-button" onclick="setMintPresetFee(0.01)">Slow (0.01 DOGE)</button> <button class="fee-preset-button" onclick="setMintPresetFee(0.05)">Normal (0.05 DOGE)</button> <button class="fee-preset-button" onclick="setMintPresetFee(0.10)">Fast (0.10 DOGE)</button> </div> </div> <div id="mintCustomFeeContent" style="display: none;"> <div class="custom-fee-input"> <input type="number" class="fee-input-small" id="mintCustomFeeValue" placeholder="0.01" step="0.01" min="0.01"> <span class="fee-unit">DOGE per inscription</span> </div> <small style="color: #ff8c00; margin-top: 0.5rem; display: block;"> Minimum recommended: 0.01 DOGE per inscription </small> </div> </div> <div class="input-group"> <label class="input-label">Preview JSON Inscription:</label> <textarea class="input-field textarea-field" id="tokenJsonPreview" readonly style="background: rgba(0,0,0,0.3); font-family: 'Courier New', monospace; font-size: 0.9rem;"></textarea> </div> <div class="input-group"> <label class="input-label">Estimated Cost:</label> <div style="background: rgba(255, 140, 0, 0.1); padding: 1rem; border-radius: 5px; border: 1px solid #ff8c00;"> <div style="color: #ff8c00; font-weight: bold; font-size: 1.1rem;"> ~<span id="estimatedCost">0.01</span> DOGE </div> <small style="color: #ffffff; opacity: 0.8;"> <span id="feeBreakdown">Based on 0.01 DOGE per inscription</span> </small> </div> </div> <div id="mintTokenStatus" style="margin: 1rem 0; text-align: center;"></div> <div class="action-buttons"> <button class="action-button btn-primary" onclick="mintDrcTokens()" id="mintTokensButton">Mint Tokens</button> <button class="action-button btn-secondary" onclick="backToMain()">Cancel</button> </div> </div> </div> </div> <!-- Mint Dogemap Screen --> <div class="wallet-screen" id="mintDogemapScreen"> <div class="screen-content"> <h2 class="screen-title">Mint Dogemap</h2> <div style="background: rgba(40, 40, 40, 0.6); padding: 1.5rem; border-radius: 10px; border: 1px solid #444; margin-bottom: 2rem;"> <p style="color: #ffffff; margin-bottom: 1.5rem; text-align: center; line-height: 1.6;"> <strong style="color: #ff8c00;">🗺️ Dogemap Minting</strong><br> Create a unique domain on the Dogecoin blockchain using Doginals inscriptions. </p> <div class="input-group"> <label class="input-label">Dogemap Name:</label> <div style="display: flex; align-items: center; gap: 0.5rem;"> <input type="text" class="input-field" id="dogemapName" placeholder="mywallet" style="flex: 1;" maxlength="50"> <span style="color: #ff8c00; font-weight: bold; font-size: 1.1rem;">.dogemap</span> </div> <small style="color: #ff8c00; margin-top: 0.5rem; display: block;"> Enter your desired name (alphanumeric, no spaces or special characters) </small> </div> <div class="input-group"> <label class="input-label">Preview Full Dogemap:</label> <div class="wallet-address" style="font-size: 1.1rem; text-align: center; color: #ff8c00; font-weight: bold;" id="dogemapPreview"> .dogemap </div> </div> <!-- Fee Configuration for Dogemap --> <div class="input-group"> <label class="input-label">Fee Configuration:</label> <div class="fee-mode-toggle"> <button class="fee-mode-option active" onclick="setDogemapFeeMode('auto')" id="dogemapFeeAuto">Auto</button> <button class="fee-mode-option" onclick="setDogemapFeeMode('custom')" id="dogemapFeeCustom">Custom</button> </div> <div id="dogemapAutoFeeContent"> <div class="fee-preset-buttons"> <button class="fee-preset-button" onclick="setDogemapPresetFee(0.01)">Slow (0.01 DOGE)</button> <button class="fee-preset-button" onclick="setDogemapPresetFee(0.05)">Normal (0.05 DOGE)</button> <button class="fee-preset-button" onclick="setDogemapPresetFee(0.10)">Fast (0.10 DOGE)</button> </div> </div> <div id="dogemapCustomFeeContent" style="display: none;"> <div class="custom-fee-input"> <input type="number" class="fee-input-small" id="dogemapCustomFeeValue" placeholder="0.01" step="0.1" min="0.1"> <span class="fee-unit">DOGE</span> </div> <small style="color: #ff8c00; margin-top: 0.5rem; display: block;"> Minimum recommended: 0.01 DOGE </small> </div> </div> <div class="input-group"> <label class="input-label">Dogemap JSON Inscription:</label> <textarea class="input-field textarea-field" id="dogemapJsonPreview" readonly style="background: rgba(0,0,0,0.3); font-family: 'Courier New', monospace; font-size: 0.9rem;"></textarea> </div> <div class="input-group"> <label class="input-label">Estimated Cost:</label> <div style="background: rgba(255, 140, 0, 0.1); padding: 1rem; border-radius: 5px; border: 1px solid #ff8c00;"> <div style="color: #ff8c00; font-weight: bold; font-size: 1.1rem;"> <span id="dogemapEstimatedCost">0.01</span> DOGE </div> <small style="color: #ffffff; opacity: 0.8;"> Single inscription cost </small> </div> </div> <div id="mintDogemapStatus" style="margin: 1rem 0; text-align: center;"></div> <div class="action-buttons"> <button class="action-button btn-primary" onclick="mintDogemap()" id="mintDogemapButton">Mint Dogemap</button> <button class="action-button btn-secondary" onclick="backToMain()">Cancel</button> </div> </div> </div> </div> <!-- Wallet Dashboard --> <div class="wallet-screen" id="walletDashboard"> <div class="screen-content"> <div class="screen-header"> <h2 class="screen-title">Wallet Dashboard</h2> <button class="action-button btn-secondary" onclick="logoutWallet()">Logout</button> </div> <!-- Balance Card --> <div class="balance-card"> <div class="balance-amount" id="walletBalance">Loading...</div> <div class="balance-currency">DOGE</div> <div class="address-section"> <div class="wallet-address" id="currentWalletAddress" style="margin: 0.5rem 0;"></div> <div class="button-group"> <button class="orange-button" onclick="copyCurrentAddress()">Copy Address</button> <button class="orange-button" onclick="refreshBalance()">Refresh</button> </div> </div> <div style="margin-top: 1rem;"> <span class="status-indicator status-online" id="balanceStatus"></span> <span class="status-text" id="balanceStatusText">Balance loaded</span> </div> </div> <!-- Dashboard Actions --> <div class="dashboard-grid"> <div class="dashboard-action-card" onclick="showReceiveModal()"> <h3 class="dashboard-action-title">Receive</h3> <p class="dashboard-action-desc">Get your wallet QR code and address to receive DOGE</p> </div> <div class="dashboard-action-card" onclick="showSendModal()"> <h3 class="dashboard-action-title">Send</h3> <p class="dashboard-action-desc">Send DOGE to another wallet address</p> </div> <div class="dashboard-action-card" onclick="showMintTokensScreen()"> <h3 class="dashboard-action-title">Mint Tokens</h3> <p class="dashboard-action-desc">Create DRC-20 tokens using Doginals inscriptions</p> </div> <div class="dashboard-action-card" onclick="showMintDogemapScreen()"> <h3 class="dashboard-action-title">Mint Dogemap</h3> <p class="dashboard-action-desc">Register your unique .dogemap domain on Dogecoin</p> </div> </div> <!-- Transaction History --> <div class="transaction-history"> <h3>Recent Transactions</h3> <div id="transactionList"> <div style="text-align: center; color: #ffffff; opacity: 0.7; padding: 2rem;"> <p>Loading transaction history...</p> </div> </div> </div> </div> </div> <!-- Receive Modal --> <div class="wallet-screen" id="receiveModal"> <div class="screen-content"> <h2 class="screen-title">Receive DOGE</h2> <div style="text-align: center;"> <p style="color: #ffffff; margin-bottom: 2rem;">Share this address or QR code to receive DOGE</p> <div style="display: flex; justify-content: center; margin: 1rem 0;"> <div id="receiveQRCode" style="border: 3px solid #ff8c00; border-radius: 10px; padding: 1rem; background: #ffffff;"></div> </div> <div class="input-group"> <label class="input-label">Your Wallet Address:</label> <div style="display: flex; align-items: center;"> <div class="wallet-address" id="receiveAddress" style="flex: 1; margin: 0;"></div> <button class="copy-button" onclick="copyReceiveAddress()">Copy</button> </div> </div> <div class="action-buttons"> <button class="action-button btn-secondary" onclick="closeReceiveModal()">Close</button> </div> </div> </div> </div> <!-- Send Modal --> <div class="wallet-screen" id="sendModal"> <div class="screen-content"> <h2 class="screen-title">Send DOGE</h2> <div style="background: rgba(40, 40, 40, 0.6); padding: 1.5rem; border-radius: 10px; border: 1px solid #444; margin-bottom: 2rem;"> <div class="input-group"> <label class="input-label">Recipient Address:</label> <input type="text" class="input-field" id="recipientAddress" placeholder="Enter DOGE address (starts with D)..."> <small style="color: #ff8c00; margin-top: 0.5rem; display: block;"> Make sure the address is correct - transactions cannot be reversed! </small> </div> <div class="input-group"> <label class="input-label">Amount (DOGE):</label> <input type="number" class="input-field" id="sendAmount" placeholder="0.00000000" step="0.00000001" min="0.01"> <small style="color: #ff8c00; margin-top: 0.5rem; display: block;"> Available: <span id="availableBalance">0.00000000</span> DOGE </small> </div> <!-- Fee Configuration for Sending --> <div class="input-group"> <label class="input-label">Fee Configuration:</label> <div class="fee-mode-toggle"> <button class="fee-mode-option active" onclick="setSendFeeMode('auto')" id="sendFeeAuto">Auto</button> <button class="fee-mode-option" onclick="setSendFeeMode('custom')" id="sendFeeCustom">Custom</button> </div> <div id="sendAutoFeeContent"> <div class="fee-preset-buttons"> <button class="fee-preset-button" onclick="setSendPresetFee(0.01)">Slow (0.01 DOGE)</button> <button class="fee-preset-button" onclick="setSendPresetFee(0.05)">Normal (0.05 DOGE)</button>
    https://whatsonchain.com/tx/9c4aa2c08daaec00dc715ac3bd146d005123d400ae87a03cd68f06c7b24cf9ac
    Partial data displayed. To get full data click on Download.
  • j SPAM by ARTaY
    https://whatsonchain.com/tx/9c4aa2c08daaec00dc715ac3bd146d005123d400ae87a03cd68f06c7b24cf9ac