krypco
/
blockchain


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Create mavi · extension</title>
    <link rel="stylesheet" href="shared.css" />
  </head>
  <body class="page">
    <header class="head">
      <img class="logo" src="icons/48.png" width="36" height="36" alt="" />
      <div>
        <h1>Create mavi</h1>
        <p class="sub" id="step-label">1 · Password</p>
      </div>
    </header>

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

    <section id="step-setup">
      <p class="blurb">
        Password first, then a 24-word recovery phrase. Keys stay encrypted in
        this extension.
      </p>
      <label class="field"
        >Password
        <div class="pw-row">
          <input id="pw1" type="password" autocomplete="new-password" />
          <button type="button" class="eye" data-eye="pw1" title="Show">👁</button>
        </div>
      </label>
      <label class="field"
        >Confirm password
        <div class="pw-row">
          <input id="pw2" type="password" autocomplete="new-password" />
          <button type="button" class="eye" data-eye="pw2" title="Show">👁</button>
        </div>
      </label>
      <button type="button" id="btn-continue-setup" class="primary">
        Continue — show recovery phrase
      </button>
    </section>

    <section id="step-backup" hidden>
      <p class="blurb">Write down all 24 words offline. Do not email them.</p>
      <div id="phrase-hidden" class="reveal-box">
        <button type="button" id="btn-reveal" class="primary">
          I am ready — reveal phrase
        </button>
      </div>
      <ol id="phrase-grid" class="phrase-grid" hidden></ol>
      <div class="row">
        <button type="button" id="btn-back-setup" class="ghost">Back</button>
        <button type="button" id="btn-wrote" class="primary">
          I wrote it down
        </button>
      </div>
    </section>

    <section id="step-confirm" hidden>
      <p class="blurb">Select each word as presented (6 random blanks).</p>
      <p id="quiz-progress" class="meta">0 of 6</p>
      <div id="quiz"></div>
      <div class="row">
        <button type="button" id="btn-back-backup" class="ghost">Back</button>
        <button type="button" id="btn-reshuffle" class="ghost">
          New random words
        </button>
        <button type="button" id="btn-confirm" class="primary" disabled>
          Confirm and lock
        </button>
      </div>
    </section>

    <section id="step-done" hidden>
      <p class="ok">mavi is ready in this extension.</p>
      <p class="label">Address</p>
      <p id="done-address" class="mono break"></p>
      <p class="blurb">Open the toolbar popup to unlock, copy, and check balance.</p>
    </section>

    <script src="dist/create.js" type="module"></script>
  </body>
</html>