-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
86 lines (72 loc) · 4.73 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Market Data Stats</title>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>
<div id="overlay">
</div>
<div id="page-header">
<div id="demo-title"><b>Market Data Stats</b></div>
<a id="repo-link"
href="https://github.com/amberdata/amberdata-example-marketdata">
<svg id="github-logo", xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9 1.4.3 2.6.4 3.8.4 8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1-8.4 1.9-15.9 2.7-22.6 2.7-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1 10.5 0 20-3.4 25.6-6 2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8 0 0 1.6-.5 5-.5 8.1 0 26.4 3.1 56.6 24.1 17.9-5.1 37-7.6 56.1-7.7 19 .1 38.2 2.6 56.1 7.7 30.2-21 48.5-24.1 56.6-24.1 3.4 0 5 .5 5 .5 12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5 1.2 0 2.6-.1 4-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"/></svg>
<div>View Repo</div>
</a>
</div>
<div class="container">
<div class="loader">
<h2></h2>
<h3>Loading charts...</h3>
<svg version="1.1" id="bug" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
<style type="text/css">
.st0{fill:#1C3664;}
.st1{fill:#8ABFD9;}
.st2{fill:#F26724;}
</style>
<g id="bottom-dots">
<path id="rnd1" class="st0" d="M875.4,654.3c-0.2-48.5-39.7-87.7-88.3-87.5c-22.5,0.1-43,8.7-58.5,22.7
c-28.7,26-36.4,51.3-84.3,51.5c-34.4,0.2-48.1-11.5-65.6-33.4c-15.6-23.6-42.3-39.2-72.6-39.5l-0.6,0H505h-0.2h-0.2l-0.4,0l-0.7,0
c-25.6,0.4-48.5,11.7-64.3,29.5c-23.2,23.4-33.4,44.4-77.1,44.6c-37.1,0.2-50.2-13.4-69.8-38.8c-16.2-20.9-41.5-34.3-69.9-34.2
c-48.5,0.2-87.7,39.7-87.4,88.3c0.2,48.5,39.7,87.7,88.2,87.4c27.8-0.1,52.5-13.1,68.5-33.3c19.3-24.5,37.5-38.4,71.9-38.5
c37.3-0.2,52.1,15.7,73,38c16,19.8,40.4,32.5,67.7,32.6l0.6,0h0.5h0.2h0.2h0.6h0.5c29.5-0.5,55.4-15.5,71-38.2
c18-21.4,35.9-33.5,68-33.7c40.3-0.2,54.3,18.4,78.2,43.4c16.1,16.9,38.8,27.3,63.9,27.2C836.4,742.3,875.6,702.8,875.4,654.3z"></path>
</g>
<g id="middle-dots">
<path id="rnd2" class="st1" d="M732.9,490.2c-0.2-48.5-39.7-87.7-88.2-87.4c-22.5,0.1-43,8.7-58.5,22.7
c-28.7,26-36.4,51.3-84.3,51.5c-37.1,0.2-50.1-13.4-69.8-38.8c-16.2-20.9-41.5-34.3-69.9-34.1c-48.5,0.2-87.7,39.7-87.5,88.2
c0.2,48.5,39.7,87.7,88.2,87.5c27.8-0.1,52.5-13.1,68.5-33.4c19.3-24.4,37.5-38.3,71.9-38.5c40.3-0.2,54.3,18.4,78.2,43.4
c16.1,16.9,38.8,27.3,63.9,27.2C694,578.3,733.1,538.8,732.9,490.2z"></path>
</g>
<g id="orange-dot">
<path id="rnd3" class="st2" d="M591.4,332.5c-0.2-48.5-39.7-87.7-88.2-87.5c-48.5,0.2-87.7,39.7-87.5,88.3
c0.2,48.5,39.7,87.7,88.3,87.4C552.5,420.5,591.6,381,591.4,332.5z"></path>
</g>
</svg>
</div>
<div class="api-key-input">
<input id="api-key-input" type="text"
placeholder="Enter Enterprise API Key to view charts">
<div >Don't have a key? <a style="border-bottom: 1px solid #F26724" href="https://amberdata.io/pricing">Get one here</a>!</div>
</div>
<div class="chart" id="chart--ohlcv"></div>
<div class="chart" id="chart--depth"></div>
</div>
<a href="https://amberdata.io" target="_blank"><img id="pwrd-by" src="assets/amberdata_logo_color_pwrd.svg" alt=""></a>
<script src="https://unpkg.com/web3data-js/dist/web3data.min.js"></script>
<script src="assets/jquery.min.js" type="text/javascript"></script>
<script src="assets/collections.min.js" type="text/javascript"></script>
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/drag-panes.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src="assets/axios.min.js"></script>
<script src="index.js"></script>
</body>
</html>