mirror of
https://github.com/nathanp/crypto-price-widget.git
synced 2025-11-06 03:08:55 -05:00
95 lines
3.6 KiB
HTML
95 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Latest Crypto Prices</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Heebo:100,400" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
|
|
<link href="css/app.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<header style="-webkit-app-region: drag" class="titlebar">
|
|
<div class="controls">
|
|
<button id="min-btn"></button>
|
|
<button id="close-btn"></button>
|
|
</div>
|
|
<button id="settings-btn" onclick="toggleSettings()"><img src="images/icons8-Settings.png"></button>
|
|
<button id="settings-btn" onclick="toggleSettings()">folio</button>
|
|
</header>
|
|
|
|
<div id="main" class="panel active">
|
|
<ul id="prices">
|
|
</ul>
|
|
</div><!-- #main -->
|
|
|
|
<div id="settings" class="panel inactive">
|
|
<h3>Choose Your Coins</h3>
|
|
|
|
<div id="coinsearch">
|
|
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Type here to filter list">
|
|
<button type="button" id="saveCoins">Save</button>
|
|
<ul id="coinlist">
|
|
</ul>
|
|
</div><!-- #coinsearch -->
|
|
|
|
<h3>Choose Your Base Currency</h3>
|
|
<label class="custom-select">
|
|
<select id="base" onchange="setBase()">
|
|
<option value="BTC">BTC</option>
|
|
<option value="USD">USD</option>
|
|
<!-- 20 most traded currencies - https://en.wikipedia.org/wiki/Template:Most_traded_currencies -->
|
|
<option value="AUD">AUD</option>
|
|
<option value="BRL">BRL</option>
|
|
<option value="CAD">CAD</option>
|
|
<option value="CNY">CNY</option>
|
|
<option value="EUR">EUR</option>
|
|
<option value="GBP">GBP</option>
|
|
<option value="HKD">HKD</option>
|
|
<option value="INR">INR</option>
|
|
<option value="JPY">JPY</option>
|
|
<option value="KRW">KRW</option>
|
|
<option value="MXN">MXN</option>
|
|
<option value="NOK">NOK</option>
|
|
<option value="NZD">NZD</option>
|
|
<option value="RUB">RUB</option>
|
|
<option value="SEK">SEK</option>
|
|
<option value="SGD">SGD</option>
|
|
<option value="TRY">TRY</option>
|
|
<option value="ZAR">ZAR</option>
|
|
</select>
|
|
</label>
|
|
|
|
<h3>Tip Jar</h3>
|
|
<ul id="tips">
|
|
<li>BTC: 17iENfaJkEpxGXW7mgdFh9hGMZV65R2zVL</li>
|
|
<li>ETH: 0x68b99868700b33A248de4A62a038a9e3b03DCA21</li>
|
|
<li>LTC: La8eCVjzLq8zrJV3LgyU6WtnyQnjs76LFY</li>
|
|
<li>DOGE: DFHBdwUbcvGezfgHHbWmH8eLWjAjUhFSZ2</li>
|
|
</ul>
|
|
|
|
<div class="creds">
|
|
<div>Icons made by <a href="https://www.flaticon.com/authors/madebyoliver" title="Madebyoliver">Madebyoliver</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
|
|
</div>
|
|
</div><!-- #settings -->
|
|
|
|
<!--<div id="portfolio" class="panel active">-->
|
|
<!-- manual selection of coins - separate from what's tracking -->
|
|
<!-- manual entry of quantity -->
|
|
<!-- grab coin prices same as above -->
|
|
<!-- show current portfolio value -->
|
|
<!-- show what % each coin is of portfolio -->
|
|
|
|
<!-- Enter avg. purchase price for each coin -->
|
|
<!-- See % gain/loss -->
|
|
<!--</div>-->
|
|
|
|
</body>
|
|
|
|
<script>
|
|
// You can also require other files to run in this process
|
|
require('./renderer.js')
|
|
</script>
|
|
<script src="js/app_common.js"></script>
|
|
<script src="js/html.sortable.min.js"></script>
|
|
</html> |