109 lines
3.4 KiB
HTML
109 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style type="text/css">
|
|
body {
|
|
background: #d6efff;
|
|
width: 400px;
|
|
font-family: monospace, sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<table width="100%" style="background: #dad1ff; border: 2px solid #6c5d96; border-radius: 5px;">
|
|
<tr>
|
|
<td><img src="../art/jrx-icon-48.png" style="width: 32px; height: 32px;"></td>
|
|
<td style="font-size: 32px; text-align: center; font-weight: bold">
|
|
GAJUMARU WALLET
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div style="margin-top: 5px; width: 95%; background: #d9ffd6; border: 1px solid #6c5d96; border-radius: 5px; padding: 5px;">
|
|
<table >
|
|
<tr>
|
|
<td><img src="../art/keypair.svg" style="width: 32px; height: 32px;"></td>
|
|
<td style="justify-content: center; font-size: 28px; text-align: center; font-weight: bold">
|
|
ACCOUNTS
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- hidden if there are keypairs -->
|
|
<!-- hidden by default -->
|
|
<p id="no-keypairs" hidden>
|
|
No keypairs yet. Either generate one or recover one below using a
|
|
GajuPhrase.
|
|
</p>
|
|
|
|
<!-- keypairs added dynamically from page script -->
|
|
<ul id="keypairs"></ul>
|
|
|
|
</div>
|
|
|
|
<!-- generate new keypair -->
|
|
<div style="margin-top: 5px; width: 95%; background: #d6ffd9; border: 1px solid #6c5d96; border-radius: 5px; padding: 5px;">
|
|
<table >
|
|
<tr>
|
|
<td><img src="../art/keypair.svg" style="width: 32px; height: 32px;"></td>
|
|
<td style="justify-content: center; font-size: 28px; text-align: center; font-weight: bold">
|
|
GENERATE NEW KEYPAIR
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<form>
|
|
<label for="generate-name">Name:</label>
|
|
<input id="generate-name" value="default1"></input>
|
|
<br>
|
|
<button id="generate-btn">Generate New Keypair</button>
|
|
</form>
|
|
</div>
|
|
<!-- faert recovery -->
|
|
<div style="margin-top: 5px; width: 95%; background: #ffd6d9; border: 1px solid #6c5d96; border-radius: 5px; padding: 5px;">
|
|
<table >
|
|
<tr>
|
|
<td><img src="../art/keypair.svg" style="width: 32px; height: 32px;"></td>
|
|
<td style="justify-content: center; font-size: 28px; text-align: center; font-weight: bold">
|
|
RECOVER KEYPAIR FROM GajuPhrase
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!-- recover from faert phrase -->
|
|
<form>
|
|
<label for="faert-input">GajuPhrase:</label>
|
|
<input id="faert-input"></input>
|
|
<br>
|
|
<button id="faert-btn">Recover Keypair from GajuPhrase</button>
|
|
</form>
|
|
<!-- recover from seed phrase
|
|
<form>
|
|
<label for="seed-input">Seed Phrase:</label>
|
|
<input id="seed-input"></input>
|
|
<button id="seed-btn">Recover Keypair from Seed Phrase</button>
|
|
</form>
|
|
-->
|
|
</div>
|
|
|
|
<pre id="scratch"></pre>
|
|
|
|
<!--
|
|
<div style="margin-top: 5px; width: 95%; background: #d9ffd6; border: 1px solid #6c5d96; border-radius: 5px;">
|
|
<table>
|
|
<tr>
|
|
<td><img src="../art/keypair.svg" style="width: 32px; height: 32px;"></td>
|
|
<td style="justify-content: center; font-size: 28px; text-align: center; font-weight: bold">
|
|
KEYPAIRS
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
-->
|
|
|
|
|
|
<script type="module" src="../dist/popup.js"></script>
|
|
</body>
|
|
</html>
|