-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
198 lines (186 loc) · 9.09 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="description" content="bullion management site, rare coins, gold, silver, platinum">
<meta name="author" content="CSE134B Dream Team">
<link rel="stylesheet" type="text/css" href="./style/style.css">
<meta name=viewport content="width=device-width, initial-scale=.8, minimum-scale = .8, user-scalable=yes">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script src="./js/parse-1.4.2.js"></script>
<script src="./js/jquery-1.11.2.min.js"></script>
<script src="./js/Chart.js"></script>
<script src="./js/backend.js"></script>
<script src="./js/get.js"></script>
<script src="./js/render.js"></script>
<script src="./js/main.js"></script>
<title>Home - ShinyStack</title>
</head>
<body>
<script type="text/javascript">loadTopNavPersist();</script>
<script type="text/javascript">loadSideNav(0);</script>
<script type="text/javascript">
$(document).ready(function(){
getMetalPrices(homePageCallback);
});
</script>
<script>
//loadMyStackJson();
</script>
<noscript>Please enable JavaScript in order to use this website.</noscript>
<section class="main-section">
<section class="coin_wrapper">
<section class="overview-panel">
<section class="total-value">
<div class="total-dollars">Loading...</div>
<div class="total-change pos-change">loading..</div><br/>
<div class="total-label">My Total Coin Value</div>
</section>
<section class="mobile-toggle">
<div class="mobile-toggle-button mtb-1 mobile-toggle-selected">
<svg class="icon icon-menu">
<symbol id="icon-menu" viewBox="0 0 1024 1024">
<title>menu</title>
<path class="path1" d="M128 768h768v-85.333h-768v85.333zM128 554.667h768v-85.333h-768v85.333zM128 256v85.333h768v-85.333h-768z"></path>
</symbol>
<use xlink:href="#icon-menu"></use>
</svg>
</div>
<div class="mobile-toggle-button mtb-2">
<svg class="icon icon-graph">
<symbol id="icon-graph" viewBox="0 -200 1424 1424">
<title>graph</title>
<path class="path1" d="M704 256h-192v640h192v-640zM960 448h-192v448h192v-448zM64 960v-128h64v-64h-64v-128h64v-64h-64v-128h64v-64h-64v-128h64v-64h-64v-128h64v-64h-128v1024h1024v-64h-960zM448 576h-192v320h192v-320z"></path>
</symbol>
<use xlink:href="#icon-graph"></use>
</svg>
</div>
</section>
<section class="market-status">
<div class="market-open">Market is </div>
<div class="market-time"></div>
</section>
<section class="market-list">
<a href="inventory.html?metal=Gold">
<section class="market-item-header">
Gold
<svg class="icon icon-play-arrow">
<symbol id="icon-play-arrow1" viewBox="0 0 1024 1024">
<title>play-arrow</title>
<path class="path1" d="M341.333 213.333v597.333l469.333-298.667z"></path>
</symbol>
<use xlink:href="#icon-play-arrow1"></use>
</svg>
</section>
</a>
<section class="market-item-stats">
<table id="gold_price">
<tr>
<td>loading..</td>
<td>loading..</td>
<td class="pos-change">loading..</td>
</tr>
<tr>
<td>Bid</td>
<td>Ask</td>
<td>Change</td>
</tr>
</table>
</section>
<a href="inventory.html?metal=Silver">
<section class="market-item-header">
Silver
<svg class="icon icon-play-arrow">
<symbol id="icon-play-arrow2" viewBox="0 0 1024 1024">
<title>play-arrow</title>
<path class="path1" d="M341.333 213.333v597.333l469.333-298.667z"></path>
</symbol>
<use xlink:href="#icon-play-arrow2"></use>
</svg>
</section>
</a>
<section class="market-item-stats">
<table id="silver_price">
<tr>
<td>loading..</td>
<td>loading..</td>
<td class="neg-change">loading..</td>
</tr>
<tr>
<td>Bid</td>
<td>Ask</td>
<td>Change</td>
</tr>
</table>
</section>
<a href="inventory.html?metal=Platinum">
<section class="market-item-header">
Platinum
<svg class="icon icon-play-arrow">
<symbol id="icon-play-arrow3" viewBox="0 0 1024 1024">
<title>play-arrow</title>
<path class="path1" d="M341.333 213.333v597.333l469.333-298.667z"></path>
</symbol>
<use xlink:href="#icon-play-arrow3"></use>
</svg>
</section>
</a>
<section class="market-item-stats">
<table id="platinum_price">
<tr>
<td>loading..</td>
<td>loading..</td>
<td class="pos-change">loading..</td>
</tr>
<tr>
<td>Bid</td>
<td>Ask</td>
<td>Change</td>
</tr>
</table>
</section>
</section>
</section>
<section class="graph-panel">
<section class="chart-legend">
<div class="legend-left-half">
<section class="legend-item">
<div class="legend-item-color" id="legend-1"></div>
Gold Total
</section>
<section class="legend-item">
<div class="legend-item-color" id="legend-2"></div>
Platinum Total
</section>
<section class="legend-item">
<div class="legend-item-color" id="legend-3"></div>
Silver Total
</section>
</div>
<div class="legend-right-half">
<section class="legend-item">
<div class="legend-item-color" id="legend-4"></div>
1ozt Gold
</section>
<section class="legend-item">
<div class="legend-item-color" id="legend-5"></div>
1ozt Platinum
</section>
<section class="legend-item">
<div class="legend-item-color" id="legend-6"></div>
1ozt Silver
</section>
</div>
</section>
<div class="chart-y-label">PRICE</div>
<div class="chart-x-label">TIME</div>
<section class="chart-wrap">
<canvas id="total-chart"></canvas>
</section>
</section>
</section>
</section>
<script type="text/javascript">loadFooter();</script>
</body>
</html>