forked from dwvisser/v4v_exchange
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (108 loc) · 5.34 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href=https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
integrity=sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3 rel=stylesheet
crossorigin=anonymous>
<link href=custom.css rel=stylesheet>
<title>Value 4 Value Calculator</title>
</head>
<body>
<div class=container>
<h1>Value 4 Value Calculator</h1>
<div class=row>
<div class=col-12><button id=update type="button" class="btn btn-dark">Update</button></div>
</div>
<div class=row>
<div class=col-12>As of <span id=date></span> ago:</div>
</div>
<div class=row>
<div class=col-1></div>
<div class=col-11><p>1 BTC = $<span id=usd-per-btc></span></p></div>
</div>
<div class=row></div>
<div class=row>
<div class=col-12>To pay by the listening minute…</div>
</div>
<div class=row>
<div class=col-6>
<div class="input-group mb-5">
<span class=input-group-text>$</span>
<input id=usd_per_hr class=form-control type=number aria-label="Hourly rate (to $0.01 precision)"
placeholder="1.00" step="0.01" min=0>
<span class=input-group-text>/hr</span>
</div>
</div>
<div class=col-1>≅</div>
<div class=col-5><span id=sat-rate></span> SAT/min</div>
</div>
<div class=row>
<div class=col-12>To give a one-time <a href=https://www.seetee.io/blog/2022-01-31-whats-in-a-boostagram>Boost</a>…</div>
</div>
<div class=row>
<div class=col-6>
<div class="input-group mb-5">
<span class=input-group-text>$</span>
<input id=boost_usd class=form-control type=number aria-label="Desired Boost $ (to $0.01 precision)"
placeholder="1.00" step="0.01" min=0>
</div>
</div>
<div class=col-1>≅</div>
<div class=col-5><span id=boost-sat></span> SAT</div>
</div>
<div class=accordion id=accordionExample>
<div class=accordion-item>
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type=button data-bs-toggle=collapse
data-bs-target=#collapseOne aria-expanded=false aria-controls=collapseOne>
About Value 4 Value
</button>
</h2>
<div id=collapseOne class="accordion-collapse collapse" aria-labelledby=headingOne
data-bs-parent=#accordionExample>
<div class=accordion-body>
<em>Value 4 Value</em> is a new system for paying podcasters in
<a href=https://coin.info/bitcoin>Bitcoin</a> for their content, using the
<a href=https://www.bitcoin.com/get-started/what-is-lightning-network>Lightning
Network</a>. The Podcast Index has
<a href=https://podcastindex.org/podcast/value4value>more info about Value 4
Value</a> and can be used to find
<a href=https://podcastindex.org/apps?appTypes=podcast+player&elements=Value>supporting
podcast players</a>.
</div>
</div>
</div>
<div class=accordion-item>
<h2 class=accordion-header id=headingTwo>
<button class="accordion-button collapsed" type=button data-bs-toggle=collapse
data-bs-target=#collapseTwo aria-expanded=false aria-controls=collapseTwo>
About this Site
</button>
</h2>
<div id=collapseTwo class="accordion-collapse collapse" aria-labelledby=headingTwo
data-bs-parent=#accordionExample>
<div class=accordion-body>
<p>This page pulls the current value of BTC in USD from
<a href=https://developers.coinbase.com/api/v2>coinbase.com</a>, and
converts the desired dollars per hour into SAT per minute (1 BTC = 100,000,000 SAT).
<a href=https://currency.world/convert/USD/STSH>Currency.world</a>
also has a nice interface for viewing the exchange rate.</p>
<p>Do you have a suggestion? Start an issue tracker, wiki page, or pull
request at <a href=https://github.com/dwvisser/v4v_exchange>GitHub</a>.
</p>
</div>
</div>
</div>
</div>
<script src=https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js
integrity=sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p
crossorigin=anonymous></script>
<script src=luxon-2.3.0.min.js></script>
<script src=main.js></script>
</div>
</body>
</html>