This repository has been archived by the owner on Jan 31, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
381 lines (364 loc) · 24.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta content="initial-scale=1, shrink-to-fit=no, width=device-width" name="viewport">
<title>CoinCalc.Me</title>
<meta name="description" content="Cryptocurrency BUY vs SELL Profit/Loss Calculator">
<meta name="keywords" content="Cryptocurrency,Crypto,Coin,Calc,CoinCalc,Estimate,Estimator,Calculate,Calculator,Bitcoin,Altoin,ROI">
<!-- Icons -->
<link rel="icon" href="favicon.ico?v=1.2">
<link rel="icon" sizes="128x128" href="img/icon_128_128.png?v=1.2">
<link rel="apple-touch-icon" href="img/icon_128_128.png?v=1.2">
<!-- Web App Meta -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#4daf7c">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="CoinCalc.Me">
<link rel="apple-touch-startup-image" href="img/icon_load.png?v=1.2">
<!-- Sharing Meta -->
<meta property="og:url" content="https://coincalc.me/" />
<meta property="og:title" content="Cryptocurrency BUY vs SELL Profit/Loss Calculator" />
<meta property="og:description" content="Use CoinCalc.Me to quickly estimate the expected return on investment for buying and selling crypto coins, including adjustable exchange fee. Sharable links, no sign-up required!" />
<meta property="og:image" content="https://coincalc.me/img/screenshot.jpg?v=1.2" />
<!-- Critical CSS -->
<style>button,hr,input{overflow:visible}.btn,img{vertical-align:middle}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar}@-ms-viewport{width:device-width}footer,main,nav{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#70bf96!important}h1,h5,h6{margin-top:0;margin-bottom:.5rem}p,ul{margin-top:0;margin-bottom:1rem}strong{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}code{font-family:monospace,monospace;font-size:1em}img{border-style:none}a,button,input:not([type=range]),select{-ms-touch-action:manipulation;touch-action:manipulation}button{border-radius:0}button,input,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.container,.container-fluid{margin-right:auto;margin-left:auto}button,select{text-transform:none}button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}.col-md,.col-md-2,.col-md-8,.container,.container-fluid{padding-right:15px;padding-left:15px;width:100%}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.h2,h1,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}.h2{font-size:2rem}h5{font-size:1.25rem}.form-control,h6{font-size:1rem}hr{box-sizing:content-box;height:0;margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-md,.col-md-2,.col-md-8{position:relative;min-height:1px}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}.form-row,.navbar{-ms-flex-wrap:wrap}.form-control{display:block;width:100%;padding:.375rem .75rem;line-height:1.5;color:#495057;background-image:none;background-clip:padding-box}.form-control::-ms-expand{background-color:transparent;border:0}.form-control::-webkit-input-placeholder{color:#868e96;opacity:1}.form-control:-ms-input-placeholder{color:#868e96;opacity:1}.form-control::-ms-input-placeholder{color:#868e96;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}.form-row{display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.btn,.input-group-addon{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap}.btn{display:inline-block;border:1px solid transparent;border-radius:.25rem}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group .form-control{position:relative;z-index:2;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group .form-control,.input-group-addon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{margin-bottom:0;color:#495057}.nav-link,.navbar{padding:.5rem 1rem}.input-group .form-control:not(:last-child),.input-group-addon:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:not(:last-child){border-right:0}.input-group .form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.nav-link{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar>.container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}@media (max-width:767px){.navbar-expand-md>.container{padding-right:0;padding-left:0}}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.bg-light{background-color:#f8f9fa!important}.bg-white{background-color:#fff!important}.border-right-0{border-right:0!important}.border-light{border-color:#f8f9fa!important}.border-white{border-color:#fff!important}.d-none{display:none!important}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.d-md-none{display:none!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.m-0{margin:0!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1.5rem!important}.p-0{padding:0!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.ml-auto{margin-left:auto!important}.text-center{text-align:center!important}.text-white{color:#fff!important}.text-success{color:#28a745!important}.text-info{color:#17a2b8!important}.text-warning{color:#ffc107!important}.text-light{color:#f8f9fa!important}.text-green{color:#4daf7c!important}.text-orange{color:#f90!important}.bg-yellow{background-color:#ff9!important}.bg-green{background-color:#357a56!important}.bg-main{background-color:#4daf7c!important;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-image:url(img/background.svg?v=1.2)}.btn-copy{background-color:#f90!important}.form-control,.input-group-addon{border:0!important;border-radius:0!important}.border-orange{border-radius:0!important;border:1px solid #f90!important}.save-url{border:1px solid}@media screen and (max-width:720px){.estimator .input-group-addon{min-width:128px}.bg-green{background-color:transparent!important}.bg-mobile{background-color:#357a56!important}}.modal,.btn-clear,.dropdown-config{display:none}</style>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light bg-white">
<div class="container">
<a href="https://coincalc.me/" class="navbar-brand">
<span class="fa-layers fa-2x mr-2">
<i class="fas fa-calculator text-green" data-fa-transform="shrink-2"></i>
<i class="fas fa-circle text-white" data-fa-transform="shrink-9 down-3 right-6"></i>
<i class="fab fa-bitcoin text-orange" data-fa-transform="shrink-7 down-3 right-6"></i>
</span>
CoinCalc.Me
</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#About" data-toggle="modal" data-target="#aboutModal">
<i class="fas fa-info-circle text-info"></i> About
</a>
</li>
</ul>
</div>
</nav>
<main class="row-fluid bg-main text-white pb-3">
<div class="container estimator text-center py-5">
<h1 class="h2 mt-3">
<span class="fa-layers fa-2x mr-2">
<i class="fas fa-calculator" data-fa-transform="shrink-2"></i>
<i class="fas fa-circle" data-fa-transform="shrink-9 down-3 right-6"></i>
<i class="fab fa-bitcoin text-orange" data-fa-transform="shrink-7 down-3 right-6"></i>
</span>
CoinCalc.Me
</h1>
<p class="mb-5">Return on Investment <strong>BUY</strong> vs <strong>SELL</strong> Estimator</p>
<div class="form-row">
<div class="col-md mb-2 d-none d-md-flex">
<span class="form-control text-white bg-green">Coin Name:</span>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green bg-mobile d-md-none">Coin Name:</div>
<input id="coin_name" class="form-control bg-yellow" type="text" maxlength="20">
</div>
</div>
<div class="col-md mb-2 d-none d-md-flex">
</div>
<div class="col-md mb-2 d-none d-md-flex">
</div>
<div class="col-md mb-2 d-none d-md-flex">
</div>
<div class="col-md mb-2 d-none d-md-flex">
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green bg-mobile d-md-none">Input:</div>
<select class="form-control bg-light" id="calc_method">
<option>Amount+Price</option>
<option>Price+Total</option>
<option>Amount+Total</option>
</select>
</div>
</div>
</div>
<hr class="border-light my-2" />
<div class="form-row">
<div class="col-md">
</div>
<div class="col-md d-none d-md-flex justify-content-center py-2">Amount</div>
<div class="col-md d-none d-md-flex justify-content-center py-2">Price</div>
<div class="col-md d-none d-md-flex justify-content-center py-2">Value</div>
<div class="col-md d-none d-md-flex justify-content-center py-2">Fee %</div>
<div class="col-md d-none d-md-flex justify-content-center py-2">Tx Cost</div>
<div class="col-md d-none d-md-flex justify-content-center py-2">Total</div>
</div>
<div class="form-row">
<div class="col-md mb-2">
<span class="form-control text-white bg-green bg-mobile">Buy For:</span>
</div>
<div class="col-md mb-2">
<div class="input-group buy-amount">
<div class="input-group-addon text-white bg-green d-md-none">Buy Amount:</div>
<input id="buy_amount" class="form-control bg-yellow" type="number" value="0">
</div>
</div>
<div class="col-md mb-2">
<div class="input-group buy-price">
<div class="input-group-addon text-white bg-green d-md-none">Buy Price:</div>
<input id="buy_price" class="form-control bg-yellow" step="0.0001" type="number" value="0">
</div>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green d-md-none">Buy Value:</div>
<input id="buy_value" class="form-control" type="text" value="$0.00" disabled>
</div>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green d-md-none">Buy Fee %:</div>
<input id="buy_fees" class="form-control bg-yellow" step="0.01" type="number" value="0.25">
</div>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green d-md-none">Buy Tx Cost:</div>
<input id="buy_txcost" class="form-control" type="text" value="$0.00" disabled>
</div>
</div>
<div class="col-md mb-2">
<div class="input-group buy-total">
<div class="input-group-addon border-white text-white bg-green d-md-none">Buy Total:</div>
<input id="buy_total" class="form-control" type="text" value="$0.00" disabled>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md mb-2">
<span class="form-control text-white bg-green bg-mobile">Sell For:</span>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green d-md-none">Sell Amount:</div>
<input id="sell_amount" class="form-control" type="number" value="0" disabled>
</div>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green d-md-none">Sell Price:</div>
<input id="sell_price" class="form-control bg-yellow" step="0.0001" type="number" value="0">
</div>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green d-md-none">Sell Value:</div>
<input id="sell_value" class="form-control" type="text" value="$0.00" disabled>
</div>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green d-md-none">Sell Fee %:</div>
<input id="sell_fees" class="form-control bg-yellow" type="number" step="0.01" value="0.25">
</div>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green d-md-none">Sell Tx Cost:</div>
<input id="sell_txcost" class="form-control" type="text" value="$0.00" disabled>
</div>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green d-md-none">Sell Total:</div>
<input id="sell_total" class="form-control" type="text" value="$0.00" disabled>
</div>
</div>
</div>
<hr class="border-light mt-2"/>
<div class="form-row">
<div class="col-md mb-2 d-none d-md-flex text-left">
<a href="#Config" class="btn btn-block border-white text-white" data-toggle="modal" data-target="#configModal"><i class="fas fa-cog"></i> Config</a>
<a href="https://coincalc.me/" class="btn border-white text-white ml-2">
<i class="fas fa-eraser"></i>
</a>
</div>
<div class="col-md mb-2">
</div>
<div class="col-md mb-2 d-none d-md-flex">
<span class="form-control text-white bg-green">Value Change:</span>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green bg-mobile d-md-none">Value Change:</div>
<input id="value_change" class="form-control" type="text" value="0%" disabled>
</div>
</div>
<div class="col-md mb-2 d-none d-md-flex">
</div>
<div class="col-md mb-2 d-none d-md-flex">
<span class="form-control text-white bg-green">Profit/Loss:</span>
</div>
<div class="col-md mb-2">
<div class="input-group">
<div class="input-group-addon text-white bg-green bg-mobile d-md-none">Profit/Loss:</div>
<input id="profit_loss" class="form-control" type="text" value="$0.00" disabled>
</div>
</div>
<div class="col-md mt-4 d-md-none text-left">
<a href="#Config" class="btn border-white text-white" data-toggle="modal" data-target="#configModal"><i class="fas fa-cog"></i> Config</a>
<a href="https://coincalc.me/" class="btn border-white text-white ml-2">
<i class="fas fa-eraser"></i>
</a>
</div>
</div>
</div>
</main>
<div class="container-fluid">
<div class="row bg-light">
<div class="container text-center py-5">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-8">
<div class="input-group">
<span class="input-group-addon bg-light"><i class="fas fa-share-alt text-info mr-1"></i> Share URL:</span>
<input id="save_url" class="form-control save-url border-orange border-right-0" type="text">
<button class="btn text-white btn-copy border-orange" data-clipboard-target="#save_url"><i class="fas fa-copy mr-1"></i> Copy</button>
</div>
</div>
<div class="col-md-2">
</div>
</div>
</div>
</div>
</div>
<footer class="container-fluid text-light py-3 text-center">
v1.2 (Beta) - © CoinCalc.Me | <a href="https://github.com/jacobbates/CoinCalc.Me" target="_blank" class="text-white"><i class="fab fa-github"></i> View on Github</a>
</footer>
<div class="modal fade" id="aboutModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="fas fa-info-circle text-info"></i> About</h5>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p><strong>CoinCalc.Me</strong> is a free online tool to quickly calculate the expected return on investment for a cryptocurrency sale.</p>
<p>Simply enter the <code>amount</code> of coins purchased, <code>price</code> per coin paid and transaction <code>fee %</code> in the <code>BUY</code> section. Adjust your anticipated sale price per coin in the <code>SELL</code> section to update the estimated <code>Profit/Loss</code>.</p>
<hr />
<h6><i class="fas fa-share-alt-square text-info"></i> Saving & Sharing is easy!</h6>
<p>Just copy your custom <code>Share URL</code> generated below the estimator, then send it or share it anywhere. That's it! You can also <code>bookmark</code> or <code>favourite</code> this link to revisit it faster.</p>
<hr />
<p><i class="fas fa-beer text-warning"></i> BTC Beer Donations: <code>1KmdDF2QtBsacEPtqEi3vXqciJjcmiCS36</code></p>
<p><i class="fab fa-bitcoin text-orange"></i> Buy & sell cryptocurrency in Australia at <a href="https://www.coinspot.com.au?affiliate=FLC8P">CoinSpot.com.au</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="configModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="fas fa-cog"></i> Configure Auto-Load <span class="badge badge-warning text-white">Beta</span></h5>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group row my-1">
<div class="col-5">
<label class="col-form-label">Enable feature:</label>
</div>
<div class="col-7">
<label class="custom-control custom-checkbox my-2">
<input type="checkbox" class="custom-control-input" id="fetch_auto">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Fetch <code>Sell Price</code> on refresh</span>
</label>
</div>
</div>
<div class="form-group row my-1">
<div class="col-5">
<label class="col-form-label">Ticker Symbol:</label>
</div>
<div class="col-7">
<input class="form-control bg-yellow" id="fetch_ticker" maxlength="5">
</div>
</div>
<div class="form-group row my-1">
<div class="col-5">
<label class="col-form-label">Data Source:</label>
</div>
<div class="col-7">
<select class="form-control bg-yellow" id="fetch_source">
<option>coinmarketcap.com</option>
</select>
</div>
</div>
<div class="form-group row my-1">
<div class="col-5">
<label class="col-form-label">Currency:</label>
</div>
<div class="col-7">
<select class="form-control bg-yellow" id="fetch_fiat">
<option>USD</option>
<option>AUD</option>
<option>EUR</option>
<option>GBP</option>
<option>CAD</option>
</select>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-outline-primary btn-fetch" id="fetch_update"><i class="fas fa-sync-alt"></i> Refresh</button>
</div>
</div>
</div>
</div>
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>
<script src="https://openexchangerates.github.io/money.js/money.min.js"></script>
<script src="js/calc.min.js?v=1.2" defer></script>
<script src="https://use.fontawesome.com/releases/v5.0.1/js/all.js" defer></script>
<!-- Deferred CSS -->
<noscript id="deferred-styles">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"/>
</noscript>
<script>
var loadDeferredStyles = function() {
var addStylesNode = document.getElementById("deferred-styles");
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesNode);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
else window.addEventListener('load', loadDeferredStyles);
</script>
<!-- Google Analytics Lite -->
<script>
(function(e,t,n,i,s,a,c){e[n]=e[n]||function(){(e[n].q=e[n].q||[]).push(arguments)}
;a=t.createElement(i);c=t.getElementsByTagName(i)[0];a.async=true;a.src=s
;c.parentNode.insertBefore(a,c)
})(window,document,"galite","script","https://cdn.jsdelivr.net/npm/ga-lite@2/dist/ga-lite.min.js");
galite('create', 'UA-110951573-1', 'auto');
galite('send', 'pageview');
</script>
</body>
</html>