-
Notifications
You must be signed in to change notification settings - Fork 60
/
index.html
110 lines (108 loc) · 5.69 KB
/
index.html
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ERC20 Asset Generator</title>
<!--CDN for Bootstrap 4-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!--CDN for Animation-->
<link rel="stylesheet" href="assets/css/animate.min.css">
<!--Main Stylesheet-->
<link rel="stylesheet" href="styles/main.css">
<!--Link for Material Icon-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/images/favicon.png">
</head>
<body>
<div class="container-first">
<div class="row wrap-form animated fadeInDown">
<div class="col-12 align-self-end hide" id="metamask-locked">
<i class="material-icons metamask-span">lock</i>
<span class="metamask-text">Metamask Locked</span>
</div>
<div class="col-12 align-self-end hide" id="metamask-unlocked">
<i class="material-icons metamask-span">lock_open</i>
<span class="metamask-text">Metamask Unlocked</span>
</div>
<!--Asset Generator Form-->
<div class="col-12 align-self-center">
<p class="heading" align="center">ERC20 Asset Generator</p>
<!--Content to be Displayed when metamask is not available-->
<p class="content" id="metamask-status"></p>
<!--When you are connected to mainnet-->
<p class="content hide" id="current-address" align="center"></p>
<p class="content hide" id="current-network" align="center"></p>
</div>
<div class="col-12 align-self-center">
<form id="asset-form">
<div class="form-group">
<input type="text" class="form-control" id="name" placeholder="Name" required><a href="#asset-name"><i
id="info-name" class="material-icons info">info</i></a>
</div>
<div class="form-group">
<input type="text" class="form-control" id="symbol" placeholder="Symbol" required><a
href="#asset-symbol"><i id="info-symbol" class="material-icons info">info</i></a>
</div>
<div class="form-group">
<input type="text" class="form-control" maxlength="2" id="decimals" placeholder="Decimals" required>
<a href="#asset-decimal"><i id="info-decimal" class="material-icons info">info</i></a>
<span class="error-msg" id="decimals-error-msg"></span>
</div>
<div class="form-group">
<input type="text" class="form-control" id="total-supply" placeholder="Total Supply " required>
<a href="#asset-supply"><i id="info-supply" class="material-icons info">info</i></a>
<span class="error-msg" id="total-supply-error-msg"></span>
</div>
<div class="form-group">
<button align="center" class="submit-button btn btn-primary" id="submit-btn" type="submit">Submit
</button>
</div>
</form>
<!--Asset Generator Form Ends here-->
<p id="statusText"></p>
</div>
</div>
</div>
<!--Section for Info Messages for Input-->
<div class="container-second">
<div class="row info-content">
<ul class="list-group list-group-flush" id="list-group">
<li class="list-group-item animated fadeInUp" id="asset-name"> • <span class="info-heading">NAME : </span>
<p class="info-main">Name is simply what you want to call your token, such as Bitcoin or Ethereum.</p>
</li>
<li class="list-group-item animated fadeInUp" id="asset-symbol"> • <span
class="info-heading">SYMBOL : </span>
<p class="info-main">Symbol will be the ticker of your token, such as BTC or ETC (normally tokens have a
3 letter uppercase symbol).</p></li>
<li class="list-group-item animated fadeInUp" id="asset-decimal"> • <span
class="info-heading">DECIMAL : </span>
<p class="info-main">Decimals is how many decimal places your token can have, which determines how
divisible it is. Generally tokens will have 18 decimals, which allows 1 token to be divided into
trillions of pieces (eg. with 18 decimals you could have as little as 0.000000000000000001 of a
token).</p></li>
<li class="list-group-item animated fadeInUp" id="asset-supply"> • <span
class="info-heading">TOTAL SUPPLY : </span>
<p class="info-main">Total Supply will be number of tokens available. Token Total Supply <strong>VALUE</strong>
will be total number of tokens to the power of decimal places. (eg. if total supply is 1000 and
decimals is 18 then give 1000000000000000000000 as a value.)</p></li>
</ul>
</div>
</div>
<!--Section for Info Message ends-->
<div class="container-third">
<div class="row copyright-row">
<p class="copyright">© EthOrbit 2018. All Rights Reserved.</p>
</div>
</div>
<!--Libs-->
<!--CDN for jquery and popper.js and bootstrap-->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/web3.min.js"></script>
<!--Core-->
<script src="scripts/app.js"></script>
</body>
</html>