-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (92 loc) · 2.94 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
<!DOCTYPE html>
<html lang="en">
<title>Buy TBC with Liquid</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="style.css" />
<body>
<div class="container" id="tbc">
<div class="flexed">
<h1>TBC with Liquid</h1>
<p style="margin-top: 2rem">
<a href="https://github.com/bordalix/liquidtbc"><img src="github.svg" alt="Github SVG" /></a>
</p>
</div>
<p>
Buy from
<a href="https://embed.thebitcoincompany.com" target="_blank"> The Bitcoin Company </a>
with Liquid.<br />
Powered by
<a href="https://boltz.exchange" target="_blank">Boltz</a> and
<a href="https://vulpem.com/marina.html" target="_blank">Marina</a>.
</p>
<noscript>Needs javascript to run.</noscript>
<p class="show-on-mobile" style="display: none">Only works on desktop.</p>
<div class="flexed only-if-js show-on-desktop" style="display: none">
<div id="iframeContainer">
<iframe src="https://embed.thebitcoincompany.com/giftcard" style="height: 720px; width: 100%"></iframe>
</div>
<div id="actionContainer">
<div id="feesContainer" class="cream">
<p class="waiting">Loading fees</p>
</div>
<div id="limitsContainer" class="cream">
<p class="waiting">Loading limits</p>
</div>
<div id="amountContainer" class="orange">
<p class="waiting">← Waiting for invoice</p>
</div>
<p style="text-align: center">All values in sats</p>
<div id="buttonContainer"></div>
</div>
</div>
</div>
<template id="feesTemplate">
<p>Boltz fees</p>
<div class="flexed">
<p>Miner fees</p>
<p id="minerFees"></p>
</div>
<div class="flexed">
<p>Percentage</p>
<p id="percentage"></p>
</div>
</template>
<template id="limitsTemplate">
<p>Boltz limits</p>
<div class="flexed">
<p>Min</p>
<p id="minimum"></p>
</div>
<div class="flexed">
<p>Max</p>
<p id="maximum"></p>
</div>
</template>
<template id="amountTemplate">
<p>Amount</p>
<div class="flexed">
<p>Invoice</p>
<p id="invoiceAmount"></p>
</div>
<div class="flexed">
<p>Boltz fees</p>
<p id="feeAmount"></p>
</div>
<hr />
<div class="flexed">
<p>Total</p>
<p id="totalAmount"></p>
</div>
</template>
<template id="payWithMarinaTemplate">
<button class="btn" id="payWithMarinaButton" disabled>Pay with Marina</button>
</template>
<template id="installMarinaTemplate">
<p>
<a class="btn" href="https://vulpem.com/marina.html" target="_blank">Install Marina</a>
</p>
</template>
</body>
<script src="./decimal.js"></script>
<script src="./script.js"></script>
</html>