krypco
/
blockchain


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>mavi wallet</title>
    <link rel="stylesheet" href="shared.css" />
  </head>
  <body class="popup">
    <header class="head">
      <img class="logo" src="icons/48.png" width="32" height="32" alt="" />
      <div class="grow">
        <h1>mavi wallet</h1>
        <p class="sub">Real keys · this browser only</p>
      </div>
      <span id="status" class="badge locked">…</span>
    </header>

    <p id="error" class="error" hidden></p>

    <div id="empty-box" hidden>
      <p class="blurb">
        Create a new wallet or import a recovery phrase. Keys are encrypted
        inside this extension — not sent to krypco servers.
      </p>
      <button type="button" class="primary" data-open="create.html">
        Create mavi wallet
      </button>
      <button type="button" class="ghost" data-open="import.html">
        Import recovery phrase
      </button>
    </div>

    <div id="unlock-box" hidden>
      <p class="meta">
        Address <span id="addr-locked" class="mono">—</span>
      </p>
      <div class="pw-row">
        <input
          id="password"
          type="password"
          placeholder="Password"
          autocomplete="current-password"
        />
        <button
          type="button"
          id="btn-eye"
          class="eye"
          title="Show password"
          aria-pressed="false"
        >
          👁
        </button>
      </div>
      <button type="button" id="btn-unlock" class="primary">Unlock</button>
      <button type="button" class="ghost" data-open="import.html">
        Import instead
      </button>
    </div>

    <div id="unlocked-box" hidden>
      <p class="label">Address</p>
      <p id="addr-full" class="mono break">—</p>
      <p class="meta">Balance <span id="balance">—</span></p>
      <button type="button" id="btn-copy" class="primary">Copy address</button>
      <button type="button" id="btn-lock" class="ghost">Lock</button>
      <button type="button" id="btn-remove" class="danger">Remove vault</button>
    </div>

    <p class="foot">
      Chrome · Brave · Edge · Opera · Firefox · always <strong>mavi</strong>
    </p>
    <script src="dist/popup.js" type="module"></script>
  </body>
</html>