-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (82 loc) · 3.04 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
<!DOCTYPE html>
<html>
<head>
<title>Tesla Stonk</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Security-Policy" content="script-src 'self';" />
<link href="https://cdn-design.tesla.com/tds-fonts/3.x/woff2/GothamSSm-Book_Web.woff2" rel="preload"
type="font/woff2">
<link href="https://cdn-design.tesla.com/tds-fonts/3.x/woff2/GothamSSm-Medium_Web.woff2" rel="preload"
type="font/woff2">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="app-container">
<div id="top-container">
<div id="top-left">
<svg class="tesla-logo" viewBox="0 0 342 35" xmlns="http://www.w3.org/2000/svg">
<path
d="M0 .1a9.7 9.7 0 007 7h11l.5.1v27.6h6.8V7.3L26 7h11a9.8 9.8 0 007-7H0zm238.6 0h-6.8v34.8H263a9.7 9.7 0 006-6.8h-30.3V0zm-52.3 6.8c3.6-1 6.6-3.8 7.4-6.9l-38.1.1v20.6h31.1v7.2h-24.4a13.6 13.6 0 00-8.7 7h39.9v-21h-31.2v-7h24zm116.2 28h6.7v-14h24.6v14h6.7v-21h-38zM85.3 7h26a9.6 9.6 0 007.1-7H78.3a9.6 9.6 0 007 7zm0 13.8h26a9.6 9.6 0 007.1-7H78.3a9.6 9.6 0 007 7zm0 14.1h26a9.6 9.6 0 007.1-7H78.3a9.6 9.6 0 007 7zM308.5 7h26a9.6 9.6 0 007-7h-40a9.6 9.6 0 007 7z"
fill="#181b21"></path>
</svg>
<div id="market-time"></div>
</div>
<div class="btn-container">
<button id="pause" class="btn">Pause</button>
<button id="resume" class="btn">Resume</button>
<button id="reconnect" class="btn">Reconnect</button>
</div>
</div>
<div id="app-content" class="app-content">
<div id="stock" class="app-content-item">
<div id="exchanges"></div>
<div>
<div id="chart"></div>
</div>
<div id="pm">
<div>Pre-Market:</div>
<span>
<span id="pm-price"></span>
<span id="pm-change"></span>
<span id="pm-change-percent"></span>
</span>
</div>
<div id="financials">
<div class="f-row">
<div>Previous Close</div>
<div id="pc-value"></div>
</div>
<div class="f-row">
<div>Open</div>
<div id="open-value"></div>
</div>
<div class="f-row">
<div>Day's Range</div>
<div id="day-range-value"></div>
</div>
<div class="f-row">
<div>52 Week Range</div>
<div id="year-range-value"></div>
</div>
<div class="f-row">
<div>Volume</div>
<div id="volume-value"></div>
</div>
<div class="f-row">
<div>Avg. Daily Volume (3M)</div>
<div id="avg-volume-value"></div>
</div>
<div class="f-row">
<div>Market Cap</div>
<div id="market-cap-value"></div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="./browser/index.js"></script>
</html>