-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·629 lines (484 loc) · 47.7 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
<!DOCTYPE html>
<html lang="en">
<head>
<title>ERA PAY</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="keywords" content="bitcoin, wallet, multisig, multisignature, address, browser, javascript, js, broadcast, transaction, verify, decode" />
<meta name="description" content="A Bitcoin Wallet written in Javascript. Supports Multisig, Custom Transactions, nLockTime and more!" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/jpg" href="./img/favi/favicon.ico"/>
<link type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/skele.css">
<link rel="stylesheet" href="css/snippet.css">
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/crypto-min.js"></script>
<script type="text/javascript" src="js/crypto-sha256.js"></script>
<script type="text/javascript" src="js/crypto-sha256-hmac.js"></script>
<script type="text/javascript" src="js/sha512.js"></script>
<script type="text/javascript" src="js/ripemd160.js"></script>
<script type="text/javascript" src="js/aes.js"></script>
<script src="js/userGun.js"></script>
<script type="text/javascript" src="js/qrcode.js"></script>
<script type="text/javascript" src="js/qcode-decoder.min.js"></script>
<script type="text/javascript" src="js/jsbn.js"></script>
<script type="text/javascript" src="js/ellipticcurve.js"></script>
<script type="text/javascript" src="js/coin.js"></script>
<script type="text/javascript" src="js/coinbin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gun/gun.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gun/sea.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Z4H0P1KW79"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Z4H0P1KW79');
</script>
</head>
<body>
<script>
var gun = Gun('https://mvp-gun.herokuapp.com/gun');
var user = gun.user();
</script>
<style>
.navbar-default {
background-color: #ffffff;
border-color: #ffffff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
background-color: rgb(238, 238, 238);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color: black;
border-radius: 0px;
}
a {
color: #000000;
text-decoration: none;
}
ol, ul {
margin-top: 0;
margin-bottom: 0px;
}
</style>
<div id="wrap">
<!-- Fixed navbar -->
<div id="header" class="" role="navigation" style=" position: fixed; z-index: 100; background-color: white; width: 100%;margin: 0px;padding: 0px ;padding-bottom: 1em; margin-top: -4px">
<div class="container" style=" box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; width: 100%; padding-bottom: 7px;" >
<div class="columns twelve" style="display:flex">
<a href="#home" class="navbar-brand nullActive" id="homeBtn"><h1 style="margin: 0px; color: rgb(236, 0, 0); font-weight: 800; font-family: radwave; letter-spacing: 4px;">ERA PAY</h1></a>
<ul class=" " style="display:flex; margin-top: 1em; margin-left: -15px;">
<li><a href="#wallet" data-toggle="tab" style="font-weight: 400; font-size: 1.3em; padding: 5px 10px;"> Payments</a></li>
<li><a href="#about" data-toggle="tab" style="font-weight: 400; font-size: 1.3em; padding: 5px 10px;"> Community</a></li>
<li><a href="#docs" data-toggle="tab" style="font-weight: 400; font-size: 1.3em; padding: 5px 10px;"> Docs</a></li>
</ul>
</div>
</div>
</div>
<div id="content" class="container" style="padding: 0em">
<noscript class="alert alert-danger center-block"><span class="glyphicon glyphicon-exclamation-sign"></span> This page uses javascript, please enable it to continue!</noscript>
<div class="tab-content" style="margin-top: 8em;">
<div class="tab-pane tab-content active" id="home">
<div class="container">
<div class="columns twelve" style="text-align: center;">
<h1 style="color: rgb(0, 0, 0); font-weight: 800">Decyphering Crypto</h1><br><br>
<h4 style="color: rgb(0, 0, 0); font-weight: 400">Dashboards and checkouts in less than 5 lines of code.</h4>
</div>
</div>
</div>
<div class="tab-pane tab-content" id="wallet">
<div class="container">
<div class="columns twelve">
<div style=" margin: auto; ">
<form id="sign">
<div class="" style="display:flex">
<div class="button-container" style="margin: auto;">
<div class='button -regular center' style="width: fit-content;"><input style="width: 48%" class="borderLess" id="alias" placeholder="alias"><input style="margin-left: 4%; width:48%" class="borderLess" id="pass" type="password" placeholder="password"></div>
</div>
</div>
<div class="" style="display:flex">
<div class="button-container" style="margin: auto;">
<div class='button -regular center cena' style="width: fit-content;">
<button class="" id="in" style=" border: none; background-color: #ffffff00;"><i class="fas fa-chevron-right"></i></button>
<input style="margin-left: 2em; background-color: #ffffff00;" class="borderless" id="up" type="button" value="sign up"></div>
</div>
</div>
</form>
</div>
</div>
</div>
<div id="openWallet" class="hidden" >
<div class="" id="rest">
<div class="container">
<div class="columns twelve" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 1em; border-radius: 10px">
<div class="">
<p><span style="float:right;"><a href="javascript:;" id="walletLogout">Logout</a></span></p>
</div>
<div class="" align="center" style=" padding: 1em;margin-top: 1em;border-radius: 10px; overflow: hidden">
<div id="walletQrCode"></div> <br>
<span id="walletLoader" class="hidden"><img src="images/loader.gif"></span>
<div id="walletAddress" style="font-size: 1.4em; width: 100%;
overflow-x: scroll;"></div>
<br><br>
<div style="text-align:center;">
<ul class="nav nav-pills" role="tablist">
<li role="presentation" class="active"><a href="javascript:;" id="walletBalance">0.00 BTC</a></li>
<li role="presentation"><a href="javascript:;" id="walletShowSpend">Spend</a></li>
<li role="presentation"><a id="walletHistory" href="javascript:;" target="_blank">History</a></li>
<li role="presentation"><a href="javascript:;" id="walletShowKeys">Keys</a></li>
</ul>
<div>
</div>
<div id="walletKeys" class="hidden">
<label>Public Key</label>
<input class="form-control pubkey" type="text" readonly>
<label>Private key</label>
<div class="input-group">
<input class="form-control privkey" type="password" readonly>
<span class="input-group-btn">
<button class="showKey btn btn-default" type="button">Show</button>
</span>
</div>
<label>Private Key (AES256 encrypted key)</label>
<input class="form-control privkeyaes" type="text" readonly>
</div>
<div id="walletSpend" class="hidden">
<div class="row slim">
<div class="form-inline output">
<div class="col-xs-8">
<label>Address</label>
</div>
<div class="col-xs-3">
<label>Amount</label>
</div>
</div>
</div>
<div class="row slim" id="walletSpendTo">
<div class="form-horizontal output">
<div class="col-xs-8">
<input type="text" class="form-control addressTo" data-original-title="" title="">
</div>
<div class="col-xs-3">
<input type="text" class="form-control amount" data-original-title="" title="" placeholder="0.00">
</div>
<a href="javascript:;" class="addressAdd"><span class="glyphicon glyphicon-plus"></span></a>
<br><br>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label><abbr title="the amount to pay in network miner fees - 0.0001 or more recommended">Transaction Fee</abbr></label>
<input type="text" class="form-control" value="0.00001" id="txFee">
</div>
<div class="col-xs-5">
<input style="display: none;" type="text" class="form-control" value="0.000" id="developerDonation">
</div>
</div>
<br>
<div id="walletSendStatus" class="alert alert-danger hidden"></div>
<button class="btn" type="button" id="walletSendBtn">Send</button>
<button class="btn btn-default" type="button">Reset</button>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="columns twelve" style="background-color: red; text-align: center; color: white">
<h3>Warning! Snippet paymnets are not yet plugged in, only product data will show up on the dash. Please do not use in production!</h3>
</div>
</div>
<div class="container">
<div class="columns twelve" align="center" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 1em;margin-top: 1em;border-radius: 10px; display: flex;">
<div class="infoBox" style="margin-right: 3%;">
<h1 style=" font-size: 4em"id=""></h1>
<h1 style="font-size: 2em"id="">$ </h1>
</div>
<div class="infoBox" style="margin-right: 3%;">
<h1 style=" font-size: 4em"id="paymentsForwardId"></h1>
<h1 style="font-size: 2em"id="paymentsForwardId">Orders </h1>
<script>
//productPrice will be in USD
var productPrice = 0;
//leave productAmount as 1 if your selling a digital good
var productAmount = 1;
</script>
</div>
</div>
</div>
<div class="container">
<div class="columns twelve" align="center" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 1em;margin-top: 1em;border-radius: 10px; display: flex;">
<div style="width: 100%; text-align: left; padding-left: 1em; overflow: hidden"><br>
<h1>Getting Started</h1><br>
<p>Use all three snippets below to build a checkout box. Add your userPub(below) to the 3rd line on the second snippet. Its a mess at the moment. </p>
<div id="walletKeys">
<label>userPub: </label>
<div id="userPub" style="font-size: 1.4em; width: 100%;
overflow-x: scroll;"></div>
<br>
</div>
</div>
</div>
<div class="columns twelve" align="center" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 1em;margin-top: 1em;border-radius: 10px; display: flex;">
<iframe
src="https://carbon.now.sh/embed?bg=rgba%28255%2C255%2C255%2C1%29&t=one-light&wt=bw&l=htmlmixed&ds=false&dsyoff=20px&dsblur=68px&wc=false&wa=true&pv=56px&ph=56px&ln=true&fl=1&fm=Fira+Code&fs=14px&lh=163%25&si=false&es=2x&wm=false&code=%253Cscript%2520src%253D%2522https%253A%252F%252Fcdn.jsdelivr.net%252Fnpm%252Fgun%252Fexamples%252Fjquery.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520src%253D%2522https%253A%252F%252Fcdn.jsdelivr.net%252Fnpm%252Fgun%252Fgun.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520src%253D%2522https%253A%252F%252Fcdn.jsdelivr.net%252Fnpm%252Fgun%252Fsea.js%2522%253E%253C%252Fscript%253E%250A%250A%253Clink%2520type%253D%2522text%252Fcss%2522%2520rel%253D%2522stylesheet%2522%2520href%253D%2522%252F%252Fcdnjs.cloudflare.com%252Fajax%252Flibs%252Ffont-awesome%252F4.2.0%252Fcss%252Ffont-awesome.css%2522%2520%252F%253E%250A%253Clink%2520rel%253D%2522stylesheet%2522%2520href%253D%2522https%253A%252F%252Fuse.fontawesome.com%252Freleases%252Fv5.15.3%252Fcss%252Fall.css%2522%2520integrity%253D%2522sha384-SZXxX4whJ79%252FgErwcOYf%252BzWLeJdY%252FqpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk%2522%2520crossorigin%253D%2522anonymous%2522%253E%250A%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252Fcrypto-min.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252Fcrypto-sha256.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252Fcrypto-sha256-hmac.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252Fsha512.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252Fripemd160.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252Faes.js%2522%253E%253C%252Fscript%253E%250A%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252Fjsbn.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252Fellipticcurve.js%2522%253E%253C%252Fscript%253E%250A%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252Fcoin.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520type%253D%2522text%252Fjavascript%2522%2520src%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fjs%252FsnippetCoinbin.js%2522%253E%253C%252Fscript%253E%250A%253Clink%2520rel%253D%2522stylesheet%2522%2520href%253D%2522https%253A%252F%252Ferapay.vercel.app%252Fcss%252Fstyle.css%2522%253E%250A%250A%253Cscript%2520src%253D%2522https%253A%252F%252Fcdn.jsdelivr.net%252Fnpm%252Fgun%252Fgun.js%2522%253E%253C%252Fscript%253E%250A%253Cscript%2520src%253D%2522https%253A%252F%252Fcdn.jsdelivr.net%252Fnpm%252Fgun%252Fsea.js%2522%253E%253C%252Fscript%253E"
style="width: 100%; height: 732px; border:0; transform: scale(1); overflow:hidden;"
sandbox="allow-scripts allow-same-origin">
</iframe>
</div>
<div class="columns twelve" align="center" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 1em;margin-top: 1em;border-radius: 10px; display: flex;">
<iframe
src="https://carbon.now.sh/embed?bg=rgba%28255%2C255%2C255%2C1%29&t=one-light&wt=bw&l=htmlmixed&ds=false&dsyoff=20px&dsblur=68px&wc=false&wa=true&pv=56px&ph=56px&ln=true&fl=1&fm=Fira+Code&fs=14px&lh=163%25&si=false&es=2x&wm=false&code=%2520%253Cscript%253E%250A%2520%2520%252F%252F%2520userPub%2520is%2520your%2520API%2520token%252C%2520it%2520could%2520be%2520used%2520by%2520others%2520but%2520its%2520only%2520pushing%2520data%2520after%2520a%2520paywall...%2520so%2520they%2520would%2520be%2520funneling%2520money%2520to%2520you.%2520With%2520the%2520acception%2520of%2520free%2520products%28could%2520lead%2520to%2520spam%252C%2520will%2520need%2520to%2520do%2520more%2520on%2520this%29.%2520You%2520will%2520need%2520to%2520fill%2520this%2520in%252C%2520the%2520value%2520is%2520given%2520on%2520the%2520wallet%2520page.%250A%2520%2520var%2520userPub%2520%253D%2520%2522%2522%253B%250A%250A%2520%2520%252F%252FproductPrice%2520will%2520be%2520in%2520USD%250A%2520%2520var%2520productPrice%2520%253D%25200%253B%250A%250A%2520%2520%252F%252Fdo%2520not%2520omit%252C%2520if%2520you%2520want%2520this%2520hidden%2520then%2520use%2520%2560display%253A%2520none%2560%2520.%2520This%2520string%2520is%2520needed%2520to%2520store%2520transaction%2520data%2520underneath%2520it.%250A%2520%2520var%2520productName%2520%253D%2520%2522Subscription%2522%253B%250A%250A%2520%2520%252F%252Fleave%2520productAmount%2520as%25201%2520if%2520your%2520selling%2520a%2520digital%2520good%250A%2520%2520var%2520productAmount%2520%253D%25201%253B%250A%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520******%250A%2520%2520%2520%2520%2520%2520%250A%2520%2520var%2520gun%2520%253D%2520Gun%28%27https%253A%252F%252Fmvp-gun.herokuapp.com%252Fgun%27%29%253B%250A%2520%2520var%2520user%2520%253D%2520gun.user%28%29%253B%250A%250A%2520%2520%2520%2520%2520%2520gun.get%28%2522user%2522%29.get%28userPub%29.get%28%2522orders%2522%29.get%28%2522amounts%2522%29.on%28v%2520%253D%253E%2520%257B%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2524%28%2522%2523computerScore%2522%29.html%28v.orderNumbers%29%250A%2520%2520%2520%2520%2520%2520%257D%29%250A%253C%252Fscript%253E"
style="width: 100%; height: 710px; border:0; transform: scale(1); overflow:hidden;"
sandbox="allow-scripts allow-same-origin">
</iframe>
</div>
<div class="columns twelve" align="center" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 1em;margin-top: 1em;border-radius: 10px; display: flex;">
<iframe
src="https://carbon.now.sh/embed?bg=rgba%28255%2C255%2C255%2C1%29&t=one-light&wt=bw&l=htmlmixed&ds=false&dsyoff=20px&dsblur=68px&wc=false&wa=true&pv=56px&ph=56px&ln=true&fl=1&fm=Fira+Code&fs=14px&lh=163%25&si=false&es=2x&wm=false&code=%253Cdiv%2520class%253D%2522container%2522%253E%250A%2509%253Cdiv%2520class%253D%2522box%2522%253E%250A%2520%2520%2520%2520%2520%2520%253Cdiv%2520class%253D%2522info%2522%253E%250A%2520%2520%2520%2520%2520%2520%2509%253Ch1%2520%2520id%2520%253D%2522price%2522%253E%253C%252Fh1%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%253Ch4%2520id%253D%2522name%2522%253E%253C%252Fh4%253E%253Cbr%253E%253Cbr%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%253Cform%2520id%253D%2522sign%2522%253E%2509%250A%2520%2520%2520%2520%2520%2520%2520%2509%2509%253Cdiv%2520class%253D%2522flexThis%2522%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2509%253Cdiv%2520class%253D%2522borderLess%2522%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2509%253Cdiv%2520class%253D%27borderLess%2520fit%27%253E%253Cinput%2520class%253D%2522borderLess%2522%2520id%253D%2522alias%2522%2520placeholder%253D%2522alias%2522%253E%253Cinput%2520class%253D%2522borderLess%2522%2520id%253D%2522pass%2522%2520type%253D%2522password%2522%2520placeholder%253D%2522password%2522%253E%253C%252Fdiv%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253Cp%2520style%253D%2522display%253Anone%2522%2520id%253D%2522developerDonation%2522%253E%253C%252Fp%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253Cp%2520style%253D%2522display%253Anone%2522%2520class%253D%2522form-control%2522%2520value%253D%25220.00001%2522%2520id%253D%2522txFee%2522%253E%253C%252Fp%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2509%253C%252Fdiv%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253C%252Fdiv%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253Cdiv%2520class%253D%2522flexThis%2522%2520style%253D%2522display%253Aflex%2522%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2509%253Cdiv%2520class%253D%2522borderLess%2522%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2509%253Cdiv%2520class%253D%27borderLess%2520fit%27%253E%253Cbutton%2520class%253D%2522borderLess%2520conf%2522%2520id%253D%2522in%2522%2520type%253D%2522submit%2522%253E%253Ci%2520class%253D%2522fas%2520fa-chevron-right%2522%253E%253C%252Fi%253E%253C%252Fbutton%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2509%253C%252Fdiv%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253C%252Fdiv%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253C%252Fdiv%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253C%252Fform%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253Cdiv%2520id%253D%2522infoConf%2522%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253Ch2%253EThank%2520you%2520for%2520your%2520purchase%2520with%2520ERA%253C%252Fh2%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253C%252Fdiv%253E%250A%2520%2520%2520%2520%2520%253C%252Fdiv%253E%250A%250A%2520%2520%2520%2520%2520%2520%2520%253Cdiv%2520id%253D%2522hide%2522%2520class%253D%2522lowerCont%2522%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253Cdiv%2520id%253D%2522banner%2522%2520class%253D%2522success%2522%253E%253Ci%2520class%253D%2522fas%2520fa-check-circle%2522%253E%253C%252Fi%253E%253C%252Fdiv%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253Cdiv%2520id%253D%2522checkout%2522%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253Cbutton%2520%2520id%253D%2522walletConfirmSend%2522%2520%2520class%253D%2522expand%2520check%2522%253E%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Chekcout%250A%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253C%252Fbutton%253E%2520%2520%2520%2520%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%253C%252Fdiv%253E%250A%2520%2520%2520%2520%2520%2520%253C%252Fdiv%253E%250A%2520%2520%2520%2520%253C%252Fdiv%253E%250A%253C%252Fdiv%253E"
style="width: 100%; height: 1018px; border:0; transform: scale(1); overflow:hidden;"
sandbox="allow-scripts allow-same-origin">
</iframe>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane tab-content" id="about">
<h2>Powered by Gun and Coinb.in</small></h2>
<a href="https://twitter.com/libensveto">Me</a><br>
<a href="https://discord.gg/9S3Ytugk2k">Gun</a>
<a href="https://coinb.in/">Coinb.in</a>
</div>
<div class="tab-pane tab-content" id="user">
<h2>About <small>HELLLO</small></h2>
</div>
<div class="tab-pane tab-content active" id="docs">
<div class="container">
<div class="columns two" style=" position: sticky;
top: 5em;">
<div class="" style="margin-left: 3em; display: inline-grid; text-align: end;
padding-right: 1em;
border-right: 1px solid #ececec;">
<a href="">Scripts</a>
<a href="">HTML</a>
<a href="">Styling</a>
</div>
</div>
<div class="columns ten">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero ipsum neque voluptatibus. Animi id, dolorem qui eligendi assumenda dolores nobis. Ducimus laudantium, iste magni quae dolor commodi? Eius aliquid exercitationem quo ullam quos natus. Sapiente soluta corporis quos, nisi officiis corrupti ratione nulla veniam laboriosam, aut sed aperiam aliquid sint quam odio! Ipsum dolorum at quibusdam, temporibus vel illum quo et rem ad, reprehenderit placeat distinctio, explicabo tempora. Dolorum dolore, velit earum voluptas, vero ullam magni voluptatibus impedit facilis quidem quis quaerat exercitationem, et obcaecati nisi atque. Minus earum dolores natus nobis perspiciatis amet laudantium, praesentium quis sed sapiente magni laborum exercitationem enim placeat. Perspiciatis corrupti quidem iste aspernatur assumenda tenetur officiis ullam corporis incidunt laborum veritatis fugiat porro dolor, molestias, eveniet saepe, a in esse fugit at ipsa. Magni ducimus libero reprehenderit nisi iure eaque, tempore fugiat, molestias aliquid quis accusamus dolorum nostrum ipsam! Expedita consectetur reprehenderit incidunt harum laudantium molestias quae aspernatur consequuntur voluptatem animi laborum in recusandae ducimus maxime assumenda illo iste veniam praesentium omnis, corrupti quas dolore. Numquam inventore, quasi, adipisci aut accusantium tempore laboriosam quas velit harum tempora facere facilis ex et. Unde vel aperiam nemo a magni, quae, ab neque, omnis odio odit doloribus earum quidem voluptas excepturi facere sint tenetur veritatis. Quisquam fuga deserunt modi tempore. Corporis molestiae excepturi impedit asperiores nostrum laboriosam ipsam soluta? Eligendi cumque rerum modi deleniti libero necessitatibus vitae quidem quisquam temporibus? Numquam, libero! Soluta placeat id commodi? Tenetur ab placeat at, qui officiis in officia sapiente est sunt cupiditate dignissimos optio veritatis? Culpa eius quis distinctio unde vel quod expedita temporibus explicabo, illo molestias nam saepe aspernatur quas, dolorum numquam voluptate? Quia, blanditiis rerum? Pariatur numquam earum ipsam, reprehenderit eius perferendis labore atque eligendi officia aspernatur id iure doloribus corporis vel voluptatibus quia similique perspiciatis repellat amet? Nesciunt laboriosam dolores atque eaque doloribus non vero natus, similique hic officia. Quisquam sint possimus nobis labore, culpa quaerat ipsum, id, officiis et quos iusto! Voluptatum, ad dolor, modi eligendi consequatur itaque tempore ea neque at perspiciatis ullam! Dolorum saepe repellat blanditiis, a id laboriosam officiis commodi perferendis enim perspiciatis ex doloremque minus at, dolor praesentium debitis similique qui sed incidunt nulla sequi! Iste vel officiis quo dolorem magni quidem rem voluptatum obcaecati quam. Nulla qui impedit dicta assumenda, nihil corporis deserunt eaque distinctio veritatis! Rerum ipsa repudiandae natus aliquid laborum tempora quisquam ad dicta, praesentium itaque. Ducimus debitis omnis ipsum doloribus reiciendis hic, recusandae nobis quia ipsa? Laboriosam eveniet blanditiis inventore quasi excepturi doloribus culpa pariatur et quas, at libero facere consequatur nulla magni temporibus magnam repellendus ex reiciendis. Impedit unde similique sapiente hic dolorem placeat id nihil illum sequi iusto saepe ipsa atque molestias veniam quibusdam voluptas provident et, neque quo exercitationem reprehenderit. Alias nemo quod laudantium veritatis ut id facilis, neque laboriosam modi tempora deleniti illum a ratione maiores! Eos illo mollitia eum soluta asperiores eaque nihil iste eligendi impedit voluptate neque adipisci quasi repellendus, reprehenderit voluptates eius hic dolor aliquid ullam recusandae magnam deleniti iusto! Dolores aliquid saepe pariatur, aspernatur distinctio error reiciendis quaerat sit eligendi fugit voluptatum? Architecto neque pariatur eos illo? Nesciunt beatae quo minus, nihil laborum ipsum, harum aspernatur dolor odit quos, fugiat hic sint temporibus adipisci! Harum error nemo culpa nam dolor quibusdam voluptatem. Ipsam fugit itaque quibusdam rem maiores dolorum sequi! Aliquid dolorem cum fuga reiciendis harum suscipit sunt, odio quaerat unde alias provident veritatis in deserunt deleniti possimus recusandae culpa molestias est totam dolore facilis maiores corrupti accusamus dicta? Tempora, neque esse? Deserunt optio natus consequuntur esse architecto officiis molestiae impedit cumque, velit veniam voluptatem officia perspiciatis nam dolorem odit porro unde sint vero. Ex perspiciatis a est minima delectus in dolores ab illum aut. Mollitia, natus ratione. Saepe reiciendis quae eveniet delectus, voluptatum quibusdam illo inventore tempora eligendi, earum nostrum asperiores ea consectetur? Fugit iste tempore, nisi alias exercitationem quidem, aperiam ipsa esse fuga sit dolorum quo! Quas, inventore et. Fuga adipisci totam debitis quaerat? Mollitia quo ipsam hic voluptate assumenda illo maxime, voluptatum at aspernatur ea minus praesentium, molestiae quis odio earum, eum aperiam. Omnis ea praesentium ut inventore nostrum blanditiis delectus eaque odit aspernatur officia? Provident deserunt consequatur esse vero omnis. Aliquam, enim nobis praesentium aspernatur, accusamus, nihil ut corrupti minima a quasi voluptatem porro animi autem dignissimos tenetur quos nemo illo. Vitae totam, nobis animi minus perferendis, sint repellat itaque iure id quos nostrum architecto quisquam ab perspiciatis officia, eaque ducimus illo magnam sed vero eligendi provident consectetur? Impedit a natus inventore sit, voluptatem enim commodi dolores nemo libero corporis quibusdam nisi animi modi aperiam quidem, assumenda quae explicabo labore! Vel, nesciunt, quia nulla dolorem laudantium odit expedita pariatur ut error quod doloremque temporibus culpa dignissimos nostrum dolores tenetur? Accusamus libero quidem est cupiditate voluptatibus voluptates voluptatem quos. Modi aspernatur totam tempore atque dolorum deleniti, aperiam magnam labore nobis officiis sequi dignissimos at eius nostrum consequuntur quo cum, voluptatum illum consequatur vero libero expedita aliquid inventore? Possimus esse voluptatibus quos, exercitationem reprehenderit praesentium obcaecati qui adipisci vero eius quasi eum, accusamus sunt blanditiis culpa beatae ullam voluptate nisi quidem? Ipsam alias delectus enim voluptate minima et quisquam, doloribus quos. Modi quibusdam officiis deserunt consectetur saepe explicabo aspernatur! Deserunt sit temporibus maxime ea tenetur inventore ut quia pariatur dolorem praesentium, officia nobis natus, voluptates nisi perspiciatis! Sint, temporibus. Totam nulla voluptatum est ex, doloribus velit quisquam quo quas fugit excepturi dignissimos fugiat sapiente exercitationem ipsum nostrum illum, numquam cum obcaecati? Sapiente ipsam fuga fugit eos quibusdam voluptate et? Laborum assumenda dolore sapiente perferendis, blanditiis optio nesciunt iusto corrupti tempora, sunt voluptas ullam saepe similique pariatur quidem provident qui quos esse dolorum eaque fugiat excepturi magni? Repellendus illo assumenda eos corrupti sunt porro totam facilis minus culpa dolorem autem adipisci sapiente, sint cum voluptatem ex quidem? Accusantium nisi, inventore obcaecati soluta repellendus odit voluptatibus quia qui eius beatae sunt in nostrum itaque unde vel excepturi voluptas quasi saepe quas quam asperiores ducimus cumque. Eius, quam nostrum odio deserunt officiis fuga atque quo eveniet in voluptas blanditiis cumque veniam iure labore commodi alias perspiciatis ullam doloribus esse. Nobis, animi. Error aspernatur neque deserunt architecto consectetur quidem, ipsam facilis dolores. Repellendus cum quis explicabo ducimus aliquam est aliquid delectus officia odit adipisci voluptate sit eum, quidem dolorum ullam nisi saepe! Provident, suscipit reiciendis sit quidem eaque qui, labore ad ex explicabo, sint excepturi deserunt voluptates. Veritatis, distinctio nihil? Deserunt ea hic molestiae mollitia nobis quibusdam aut, quaerat, fugiat odit nisi sint nesciunt reiciendis. Facere saepe architecto omnis dolorum nostrum eius doloribus repudiandae aliquam, quia sit ipsam ducimus deleniti totam eaque vel aut fugiat asperiores modi perferendis velit quo nisi officiis iste. Suscipit laboriosam repudiandae accusantium porro odit officiis fuga rerum id voluptatibus placeat ducimus eligendi consequatur, amet consequuntur libero laudantium dolorem minima saepe unde quidem beatae hic cumque aspernatur. Delectus, debitis nam esse obcaecati temporibus voluptate odio et, explicabo tempore facilis, ducimus sequi sapiente molestiae placeat possimus similique necessitatibus commodi ea dolores. Unde aut asperiores delectus soluta hic expedita, reiciendis vitae ipsam quaerat quo corporis nemo, atque quasi sit eum tempore accusantium temporibus. Optio, nam temporibus. In dolor corporis distinctio, ipsam atque accusamus illum. Alias ex, perferendis ratione, eaque dolore incidunt corporis sapiente nobis natus nemo excepturi! Quidem rem consequatur perferendis quis blanditiis tempore sed placeat quae accusantium veniam necessitatibus est pariatur esse deleniti iusto, voluptas, reiciendis ducimus ipsum minima nulla ab eveniet modi? Accusantium quis repudiandae dignissimos quia cumque consequatur ullam voluptatibus cupiditate quas ab? Voluptatem blanditiis rerum aperiam consequuntur cupiditate fugiat, dicta ipsum exercitationem ea earum corrupti eaque, soluta, deserunt ab pariatur consequatur cumque dignissimos accusantium corporis asperiores ut unde recusandae harum? Nihil possimus hic maxime quod! Magni quo, corrupti adipisci accusantium a, quibusdam alias aliquid id, beatae commodi culpa ipsam ab incidunt. Nobis nesciunt, eveniet vel qui molestias aperiam delectus dolores similique repellat deserunt quas quaerat nam laudantium velit expedita excepturi consectetur omnis dignissimos ducimus sapiente adipisci commodi ab? Quae porro quas, provident repudiandae reiciendis nam a totam commodi dolorum saepe rem velit amet laboriosam blanditiis eos iste distinctio ea expedita voluptate facilis aliquid dolorem nesciunt! Assumenda, architecto nobis explicabo accusamus, eius alias excepturi quibusdam vel, nostrum tempore rem. Necessitatibus error deserunt quia officiis tenetur maxime ullam laudantium, eveniet tempora est quo, consequatur ut voluptates hic alias. Incidunt fugit animi dicta est, laborum totam quaerat eaque veniam, ratione placeat beatae molestiae nemo aliquam, iure libero modi pariatur minus voluptatibus. Fuga perferendis repudiandae, non incidunt nihil et asperiores atque cum. Dolor aliquam qui reprehenderit inventore rem? Explicabo, nostrum, qui eos odit, autem expedita ducimus error rem incidunt vel voluptatem dolore molestias ullam. Assumenda ratione modi, a itaque laudantium ipsa blanditiis voluptates accusamus at cum, enim excepturi quaerat voluptatem incidunt amet delectus dolorum? Repellat eius magni laudantium numquam placeat nihil recusandae, eligendi doloremque animi accusantium tempora blanditiis, incidunt error natus, debitis voluptatem neque. Illo dolore nam, porro repellat inventore suscipit magni dolorum, explicabo eum adipisci tenetur. Harum non mollitia fugiat tempore autem maxime libero cum perferendis facere soluta incidunt asperiores eum sint adipisci, exercitationem animi distinctio enim iste vel quia commodi aliquam accusantium nihil dolores! Enim, a architecto quibusdam distinctio tempora dolorem dolor itaque mollitia dignissimos ad reiciendis consequatur? Neque sunt expedita libero, assumenda voluptatem doloremque veniam fugit. Deleniti veniam nostrum, accusamus porro optio quia rem cupiditate ipsa numquam consequuntur nobis commodi non a temporibus distinctio modi facilis. Sunt nisi, tenetur repellendus illo earum assumenda perspiciatis, animi nesciunt libero, magni quod voluptatibus sed dolorem saepe doloremque itaque! Tempora officiis recusandae, fuga rem provident error magni cupiditate corrupti mollitia laborum saepe beatae quisquam repudiandae nihil enim corporis est optio temporibus consequuntur? Ex, ratione illum optio itaque repellendus dolores alias expedita aspernatur dicta nesciunt dolor quae vel nam animi nostrum dignissimos consequuntur inventore unde soluta labore quos nisi voluptatem veniam. Dolorum in porro nobis dicta quos tempora, enim iusto animi unde velit at voluptatem delectus, dolorem temporibus perferendis. Omnis dolores accusamus, debitis sapiente quas blanditiis qui doloremque quia, minima est, ullam deleniti ut ipsa aut dolore! Quod corrupti quaerat itaque tempore ex, consectetur expedita iste temporibus dolor quia est iusto laborum dolorum culpa eaque autem! Quas voluptatibus veritatis nulla. Officia atque at, perferendis, voluptate natus tempore minima consectetur maiores delectus autem exercitationem magnam reiciendis id ipsum veniam impedit ullam nesciunt! Rerum aperiam ad minima delectus quae libero cupiditate illo ut placeat molestiae exercitationem illum commodi beatae dolor ab, eum quisquam incidunt, perferendis aspernatur! Hic velit officiis harum aspernatur fugiat recusandae omnis doloremque corrupti id. Delectus, nobis reiciendis maxime ea cumque blanditiis quibusdam molestiae velit modi dolorem facilis tenetur rem impedit explicabo beatae laborum amet quis nemo numquam earum corrupti fuga odit ullam quas. Possimus error, asperiores tenetur veniam distinctio nostrum iusto debitis deleniti dolor numquam cumque ad eaque rem, aut aliquam sunt, repellendus incidunt eligendi! Animi sequi, asperiores consequatur beatae aliquid dolor iure sit provident, ab similique earum assumenda, cum id ipsa soluta ipsum rem repellendus! Omnis odit doloribus ratione culpa fugiat expedita perspiciatis consequuntur aliquid quidem, sapiente, quibusdam maxime! Nobis hic sit delectus at, eius officia, alias doloremque dolorem illum natus maiores quis pariatur, reprehenderit maxime animi. Perferendis voluptatum dolore, consectetur nihil numquam sapiente natus mollitia beatae non autem distinctio maiores nulla ducimus pariatur. Nobis ea, nemo deleniti blanditiis iure veritatis iusto voluptate amet veniam voluptatem quis sed labore nisi possimus consequuntur eos commodi expedita voluptates quae impedit tempora voluptas culpa excepturi! Officiis, blanditiis dolores. Exercitationem, nulla explicabo mollitia sed molestias voluptas quasi, quos quae laborum corporis reiciendis alias beatae odio! Eaque, modi reiciendis placeat quam dolor asperiores optio porro aliquam corporis facilis, expedita impedit iste aliquid blanditiis quidem soluta molestias doloribus, excepturi iusto. Similique in officiis ea, doloribus provident aspernatur iure odit sint consequuntur perspiciatis eum nostrum perferendis fuga. Voluptates nam ratione est minus voluptatem unde, laboriosam nisi dolor necessitatibus, non quibusdam quos neque inventore labore eius vero ducimus rem facere sit doloremque laborum! Vitae, iusto quam. Sapiente, repudiandae aspernatur. Consectetur quia quam molestias totam exercitationem rerum, animi dolorem ullam ea ipsam odio quibusdam iste fuga aperiam dignissimos. Voluptas rem excepturi minus veniam voluptatum voluptates esse pariatur praesentium, omnis reiciendis.</p>
</div>
</div>
</div>
<div class="tab-pane tab-content" id="settings">
<h2>Settings <small> making coinb.in even better!</small></h2>
<p>These simple settings below make coinb.in one of the most decentralized wallets in the world.</p>
<div class="row">
<div class="col-md-12">
<b>Network</b>: <br>
<p class="text-muted">Select which network you'd like to use for key pair generation.</p>
<select class="form-control" id="coinjs_coin">
<option value="bitcoin_mainnet" rel="0x00;0x80;0x05;0x488b21e;0x488ade4;coinb.in;coinb.in">Bitcoin (mainnet)</option>
<option value="litecoin_mainnet" rel="0x30;0xb0;0x05;0x019da462;0x019d9cfe;blockr.io_litecoin;chain.so_litecoin">Litecoin (mainnet)</option>
<option value="shadowcash_mainnet" rel="0x3f;0xbf;0x7d;0xee80286a;0xee8031e8;false;false">ShadowCash (mainnet)</option>
<!-- <option value="bitcoin_testnet" rel="0x6f;0xef;0xc4;0x043587cf;0x04358394;blockr.io_bitcointestnet;false">Bitcoin (testnet)</option> -->
<option value="custom" rel="0x00;0x80;0x05;0x488b21e;0x488ade4;false;false">Custom</option>
</select>
</div>
</div>
<div id="settingsCustom" class="hidden">
<hr>
<div class="row">
<div class="col-md-4">
<b>Pub</b>: <br>
<input type="text" class="form-control coinjssetting" id="coinjs_pub">
</div>
<div class="col-md-4">
<b>Priv</b>: <br>
<input type="text" class="form-control coinjssetting" id="coinjs_priv">
</div>
<div class="col-md-4">
<b>Script Hash (multisig)</b>: <br>
<input type="text" class="form-control coinjssetting" id="coinjs_multisig">
</div>
</div>
<div class="row">
<div class="col-md-6">
<b>HD Pub</b>: <br>
<input type="text" class="form-control coinjssetting" id="coinjs_hdpub">
</div>
<div class="col-md-6">
<b>HD Priv</b>: <br>
<input type="text" class="form-control coinjssetting" id="coinjs_hdprv">
</div>
</div>
<br>
<div class="alert alert-info"> <span class="glyphicon glyphicon-info-sign"></span> You will not be able to automatically broadcast or retreive your unspent outputs from coinb.in when using this setting and will need to use your desktop client instead, however everything else such as creating key pairs, addresses, transaction generation and signing will continue to function normally.</div>
</div>
<hr>
<div class="row">
<div class="col-md-12">
<b>Broadcast</b>: <br>
<p class="text-muted">Select the network you wish to broadcast the transaction via</p>
<select class="form-control" id="coinjs_broadcast">
<option value="coinb.in">coinb.in (Bitcoin mainnet)</option>
<option value="blockr.io_bitcoinmainnet"> Blockr.io (Bitcoin mainnet)</option>
<option value="blockr.io_litecoin"> Blockr.io (Litecoin)</option>
<!-- <option value="blockr.io_bitcointestnet"> Blockr.io (Bitcoin testnet)</option> -->
</select>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-12">
<b>Unspent outputs</b>: <br>
<p class="text-muted">Select the network you wish to retreive your unspent inputs from</p>
<select class="form-control" id="coinjs_utxo">
<option value="coinb.in">coinb.in (Bitcoin mainnet)</option>
<option value="blockr.io_bitcoinmainnet"> Blockr.io (Bitcoin mainnet)</option>
<option value="chain.so_litecoin"> Chain.so (Litecoin)</option>
</select>
</div>
</div>
<br>
<div id="statusSettings" class="hidden alert">
</div>
<input type="submit" class="btn btn-primary" id="settingsBtn">
</div>
<br>
</div>
</div>
</div>
<div id="footer">
</div>
<!-- wallet confirm send modal -->
<div class="modal fade" id="modalWalletConfirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Please confirm</h4>
</div>
<div class="modal-body">
<p>You are about to send a transaction to the value of <span id="spendAmount">0.00</span> BTC</p>
<br>
<div id="walletSendConfirmStatus" class="alert alert-danger hidden"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="walletConfirmSend">Send</button>
<button type="button" class="btn btn-default" data-dismiss="modal" id="confirmClose">Close</button>
</div>
</div>
</div>
</div>
<!-- wallet confirm send modal -->
<!-- qrcode modal -->
<div class="modal fade" id="modalQrcode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">qrcode</h4>
</div>
<div class="modal-body" align="center">
<div id="qrcode"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="qrCodeClose">Close</button>
</div>
</div>
</div>
</div>
<!-- qrcode modal -->
<!-- qrcode scanner modal -->
<div class="modal fade" id="modalQrcodeScanner" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">qrcode scanner</h4>
</div>
<div class="modal-body" align="center">
<select id="videoSource" class="form-control"></select>
<div id="videoReaderError" class="hidden">Your browser does not offer camera support</div>
<video id="videoReader" muted autoplay style="width:100%;height:100%"></video>
<div id="qrcode-scanner-callback-to" class="hidden"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="qrScanClose">Close</button>
</div>
</div>
</div>
</div>
<!-- qrcode scanner modal -->
<!-- mediator modal -->
<div class="modal fade" id="modalMediator" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Transaction Mediation</h4>
</div>
<div class="modal-body">
<p>You can add a public key when creating a <i>2-of-3 multi signature address</i> and for a low fee your mediator will help with the recovery of the funds should any disputes arise.</p>
<p>Should a dispute arise please contact the below address for further information</p>
<div class="row">
<div class="col-md-5">
<label>Mediator:</label>
<!--
You need to contact us before adding your pubkey
and submitting a pull request on github.
format is: pubkey;email;fee
-->
<select id="mediatorList" class="form-control">
<option value="02b6231cc602740c29436eafbb6448880f4058cc3d2745c709deee313104678277;support@coinb.in;1">Coinb.in</option>
</select>
</div>
<div class="col-md-5">
<label>Address:</label> <span class="text-muted">(for disputes)</span>
<input id="mediatorEmail" type="text" class="form-control address" value="" readonly>
</div>
<div class="col-md-2">
<label>Fee (%):</label>
<input id="mediatorFee" type="text" class="form-control address" value="" readonly>
</div>
</div>
<br>
<label>Public Key:</label>
<input id="mediatorPubkey" type="text" class="form-control address" value="" readonly>
<br>
</div>
<div class="modal-footer">
<button class="btn btn-primary" type="button" id="mediatorAddKey">Add Public Key</button>
<button type="button" class="btn btn-default" data-dismiss="modal" id="mediatorClose">Close</button>
</div>
</div>
</div>
</div>
<!-- mediator modal -->
<!-- warning (fee) modal -->
<div class="modal fade" id="modalWarningFee" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><b>Warning High Fee!</b></h4>
</div>
<div class="modal-body">
Please be aware that you have created a transaction with what seems to be a very high fee of <span id="modalWarningFeeAmount"></span> BTC!
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" id="warningFeeClose">OK, I've got it!</button>
</div>
</div>
</div>
</div>
<!-- warning (fee) modal -->
<div class="hidden" id="entropybucket"></div>
</body>
</html>