-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
65 lines (56 loc) · 2.16 KB
/
main.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>BellCurve</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="colors.css">
</head>
<body>
<!-- Left sidebar -->
<div class='sidebar bg-base-color color-primary-4'>
<!-- Logo -->
<div class='logo' id='logo'></div>
<!-- Refresh -->
<div class='refresh'>
<label>Refresh every...</label>
<select id='refreshSelect'>
<option value='second'>Second</option>
<option value='minute' selected>Minute</option>
<option value='hour'>Hour</option>
</select>
<button id='refreshButton'>Refresh Now</button>
</div>
<!-- Status Indicators -->
<div class='status'>
<!-- Market State -->
<div class='marketState'>
<div class='marketState indicator' id='marketStatus'></div>
<p>Market: <span id='marketStatusText'></span></p>
</div>
<!-- Data State -->
<div class='dataState'>
<div class='dataState indicator' id='dataStatus'></div>
<p>Data: <span id='dataStatusText'></span></p>
</div>
</div>
</div>
<!-- Main area -->
<div class='main bg-base-color'>
<h1>The Chance that...</h1>
<div class='selections'>
<input id='ticker' type='text' name='ticker' value='COF' placeholder="ABC" />
reaches <input id='targetPrice' type='number' name='targetPrice' value='80' placeholder='80' min='1' step='0.25' />
in <input id='days' type='number' value='30' placeholder='30' min='1' max='90' /> days
</div>
<p id='chance'>15%</p>
<p id='refreshTime'>As of yesterday</p>
</div>
<!-- Right column with visualization -->
<div class='visualization bg-base-color'>
<svg id='bellCurve' width = '225' height = '225'></svg>
<svg id='dailyReturns' width = '225' height = '125'></svg>
<p id='lastClose'>Last Close: <span id="lastCloseValue">+1.8% (1.2 SD)</span></p>
</div>
<script src="renderer.js"></script>
</body>
</html>