tuckwallet/index.html at master · tuckermint/tuckwallet · 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
30
31
32
33
34
35
36
37
38
39
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body style="background-color:#292a2d;color:white;font-family:helvetica;font-size:25px;">
        <div id="infoHolder" style="width:100%;height:16px;display:none;">
            <div id="accountInfo" style="float:left;">
                <span>Your Address: <span id="address"></span></span><br>
                <span>Your Balance: <span id="balance"></span></span>
            </div>

            <div id="chainInfo" style="float:right;">
                <span>Total Supply: <span id="totalSupply"></span></span>
            </div>
        </div>

        <div style="margin-left:auto;margin-right:auto;text-align:center;margin-top:50px;"><h1>Tuck Wallet</h1></div>

        <div style="text-align:center;margin-left:auto;margin-right:auto; margin-bottom:25px;">
            <img src="https://tuckermint.com/tuck.jpg" width="256" height="256">
        </div>

        <div id="initialHeader" style="margin-left:auto;margin-right:auto;text-align:center;max-width:1500px;">
            Enter Mnemonic: <input id="mnemonic" style="width:100%"><br><br>
            <button onclick="tuckwallet.loadAccount()">Load Account</button>
        </div>

        <div id="header" style="margin-left:auto;margin-right:auto;text-align:center;max-width:1500px;display:none;">
            <button onclick="tuckwallet.startSendTuckeratoms()">Send Tuckeratoms</button>
            <button onclick="tuckwallet.startDelegateTuckeratoms()">Delegate / Redelegate Tuckeratoms</button>
            <button onclick="tuckwallet.startWithdrawRewards()">Withdraw Staking Rewards</button>
            <button onclick="tuckwallet.startUnstakeTuckeratoms()">Unstake Tuckeratoms</button>
        </div>

        <div id="mainContent" style="margin-left: auto; margin-right: auto; margin-top:25px; text-align: center; max-width: 1000px;"></div>

        <script src="dist/bundle.js"></script>
    </body>
</html>