<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTTP Messages - Profile</title> <link rel="stylesheet" href="./styles.css"> <script defer src="./client.bundle.js"></script> <!-- Additional chunks will be loaded automatically --> </head> <body> <!-- Navigation bar container - content will be injected by navbar.ts --> <div id="navbarContainer" class="top-nav"> <!-- Navbar content will be injected here --> </div> <!-- Main Content --> <div class="content"> <div class="info-box"> <p>View and manage your Nostr profile information. Connect with a NIP-07 extension or enter your keys manually.</p> </div> <h2>Your Nostr Identity</h2> <div id="connectionStatus" class="connection-status-indicator" hidden> Not connected to any extension </div> </div> <div id="profileContainer" class="profile-container hidden"> <h2>Profile Information</h2> <div class="profile-card"> <div class="profile-header"> <div id="profilePicture" class="profile-picture"> <!-- Default placeholder image --> <div class="profile-placeholder">👤</div> </div> <div class="profile-basic-info"> <h3 id="profileName">Unknown User</h3> <div id="profileNip05" class="profile-nip05"></div> </div> </div> <div class="profile-details"> <div class="profile-detail-item"> <strong>Pubkey (hex):</strong> <div id="profilePubkeyHex" class="profile-value profile-key"></div> </div> <div class="profile-detail-item"> <strong>Pubkey (npub):</strong> <div id="profilePubkeyNpub" class="profile-value profile-key"></div> </div> <div class="profile-detail-item"> <strong>About:</strong> <div id="profileAbout" class="profile-value"></div> </div> </div> <div class="profile-footer"> <button id="refreshProfileBtn" class="refresh-profile-btn">Refresh Profile</button> <button id="copyNpubBtn" class="copy-npub-btn">Copy npub</button> </div> </div> <div class="profile-stats"> <h3>HTTP Messaging Stats</h3> <div class="stats-container"> <div class="stat-item"> <div class="stat-value" id="requestsSent">0</div> <div class="stat-label">Requests Sent</div> </div> <div class="stat-item"> <div class="stat-value" id="responsesReceived">0</div> <div class="stat-label">Responses Received</div> </div> <div class="stat-item"> <div class="stat-value" id="relaysConnected">0</div> <div class="stat-label">Relays</div> </div> </div> </div> <div class="qr-section"> <h3>Your npub QR Code</h3> <div id="npubQrCode" class="npub-qr-code"></div> <p class="qr-caption">Scan this QR code to share your Nostr public key</p> </div> </div> </div> <!-- Scripts are now loaded as chunks by webpack --> </body> </html>