import.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <title>Import mavi · extension</title>
  7. <link rel="stylesheet" href="shared.css" />
  8. </head>
  9. <body class="page">
  10. <header class="head">
  11. <img class="logo" src="icons/48.png" width="36" height="36" alt="" />
  12. <div>
  13. <h1>Import mavi</h1>
  14. <p class="sub">Restore from recovery phrase</p>
  15. </div>
  16. </header>
  17. <p id="error" class="error" hidden></p>
  18. <section id="step-form">
  19. <p class="blurb">
  20. Paste 12 or 24 words. They never leave this browser extension
  21. unencrypted.
  22. </p>
  23. <label class="field"
  24. >Recovery phrase
  25. <textarea
  26. id="phrase"
  27. rows="4"
  28. spellcheck="false"
  29. autocomplete="off"
  30. placeholder="word1 word2 …"
  31. ></textarea>
  32. </label>
  33. <label class="field"
  34. >Password
  35. <div class="pw-row">
  36. <input id="pw1" type="password" autocomplete="new-password" />
  37. <button type="button" class="eye" data-eye="pw1" title="Show">👁</button>
  38. </div>
  39. </label>
  40. <label class="field"
  41. >Confirm password
  42. <div class="pw-row">
  43. <input id="pw2" type="password" autocomplete="new-password" />
  44. <button type="button" class="eye" data-eye="pw2" title="Show">👁</button>
  45. </div>
  46. </label>
  47. <button type="button" id="btn-import" class="primary">
  48. Import mavi wallet
  49. </button>
  50. </section>
  51. <section id="step-done" hidden>
  52. <p class="ok">Import complete — unlocked for this session.</p>
  53. <p class="label">Address</p>
  54. <p id="done-address" class="mono break"></p>
  55. </section>
  56. <script src="dist/import.js" type="module"></script>
  57. </body>
  58. </html>