92 lines
3.8 KiB
HTML
92 lines
3.8 KiB
HTML
<!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> |