-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
75 lines (55 loc) · 3.95 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>OTC TTTT - Trustless Token Transfer Trade</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="OTC TTTT - Trustless Token Transfer Trade"/>
<meta property="og:image" content="https://genesis.re/trustless-token-transfer-trade/web/preview.jpg"/>
<meta property="og:site_name" content="OTC TTTT - Trustless Token Transfer Trade"/>
<meta property="og:description" content="OTC TTTT - Trustless Token Transfer Trade"/>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@marsxrobertson">
<meta name="twitter:creator" content="@marsxrobertson">
<meta name="twitter:title" content="OTC TTTT - Trustless Token Transfer Trade">
<meta name="twitter:description" content="KOTC TTTT - Trustless Token Transfer Trade">
<meta name="twitter:image" content="https://genesis.re/trustless-token-transfer-trade/web/preview.jpg">
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon' /> <!-- required for MetaMask https://ethereum.stackexchange.com/questions/64979/how-do-you-set-an-icon-for-metamask-dapp-connect-popup-prompt -->
<link rel="stylesheet" href="web/normalize.css">
<link rel="stylesheet" href="web/gh-fork-ribbon.css">
<link rel="stylesheet" href="web/styles.css">
<script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js@1.0.0-beta.34/dist/web3.min.js" integrity="sha384-ohHihtNCeV+nANVRC/pjmE/UTXjBH4DhrTT0hBMYOaI1AXxaKUg7apjcpJQTKIf6" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js" integrity="sha384-JUMjoW8OzDJw4oFpWIB2Bu/c6768ObEthBMVSiIx4ruBIEdyNSUQAjJNFqT5pnJ6" crossorigin="anonymous"></script>
</head>
<body ng-app="app" ng-cloak>
<a class="github-fork-ribbon" href="https://github.com/genesisdotre/trustless-token-transfer-trade" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
<div class="container-main-wrapper"> <!-- dont't want to use generic names like "container" -->
<h1>OTC TTTT - Trustless Token Transfer Trade</h1>
<p>Check <a href="https://github.com/genesisdotre/trustless-token-transfer-trade">readme on GitHub</a> for more detailed information about the code and design.</p>
<strong>Deployed to Ropsten and verified on Etherscan.</strong>
<p class="longline">Contract: <a href="https://ropsten.etherscan.io/address/0x765Eb7A0cB7Ecb9cc555e8ad77D13396D1052c3C#code">ropsten.etherscan.io/address/0x765Eb7A0cB7Ecb9cc555e8ad77D13396D1052c3C#code</a></p>
<p class="longline">Token: <a href="https://ropsten.etherscan.io/address/0x5386e4ec64315263143f99b4cd4d8e74081964bd#code">ropsten.etherscan.io/address/0x5386e4ec64315263143f99b4cd4d8e74081964bd#code</a></p>
<p>Send some Ropsten (testnet) ETH to the OTC TTTT and receive some random worthless ERC20 token!</p>
<center>
<label for="rate" id="rateLabel"> <!-- inserted dynamically via JavaScript --></label>
<input type="text" id="rate" readonly><br>
<label for="validTo">Rate valid till:</label>
<input type="text" id="validTo" readonly>
<form id="trade">
<label for="eth">How much ETH do you want to send?</label>
<input type="number" min="0" step="0.001" value="0.001" id="eth" placeholder="0.001 ETH" autofocus><br>
<label for="pnk">You'll receive that many ERC:</label>
<input type="text" id="pnk" value="" readonly><br>
<br>
<input type="submit" id="send" value="Trade">
</form>
</center>
</div> <!-- container-main-wrapper -->
<script src="web/lib/assist.min.js"></script>
<script>
const web3 = new Web3(Web3.givenProvider || 'ws://localhost:8546', null, {}); // initialising it: https://web3js.readthedocs.io/en/1.0/getting-started.html
console.log("It works: " + web3.version);
</script>
<script src="web/app.js"></script>
</body>
</html>