wallet/index.html at main · realmroot/wallet · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="color-scheme" content="light" />
    <meta name="theme-color" content="#ffffff" />
    <title>Agent Wallet</title>
    <style>
      html, body { margin: 0; min-height: 100%; background: #f8fbfb; color: #142022; }
      .transition-screen { min-height: 100dvh; display: grid; place-content: center; justify-items: center; gap: 10px; padding: 32px; box-sizing: border-box; color: #5b696b; background: #f8fbfb; font: 500 14px system-ui, sans-serif; text-align: center; }
      .transition-screen strong { color: #142022; font-size: 16px; }
      .transition-brand { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 8px; border-radius: 14px; color: #fff; background: #007b83; box-shadow: 0 1px 4px rgba(20, 32, 34, .08); font-size: .72rem; font-weight: 800; }
      .transition-spinner { width: 22px; height: 22px; margin: 8px 0 2px; border: 2px solid #cbd6d6; border-top-color: #007b83; border-radius: 50%; animation: spin .8s linear infinite; }
      @keyframes spin { to { transform: rotate(360deg); } }
    </style>
  </head>
  <body>
    <div id="root">
      <div class="transition-screen" role="status" aria-label="Loading Agent Wallet">
        <span class="transition-brand">AW</span>
        <strong>Agent Wallet</strong>
        <span class="transition-spinner"></span>
        <span>Loading your wallet…</span>
      </div>
    </div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>