-
Notifications
You must be signed in to change notification settings - Fork 0
/
olympic_events.html
100 lines (88 loc) · 2.12 KB
/
olympic_events.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
<html>
<head>
<title>The Olympics</title>
<script src="d3.min.js" charset="utf-8"></script>
<script src="d3-simple-slider.min.js"></script>
<script src="olympic_events.js"></script>
<link rel="shortcut icon" href="" />
<!-- Go away favicon. -->
</head>
<body>
<div class="header">
<h1 style = "font-family:verdana;font-size:32px;font-style:bold;position:absolute;left:10px; top:0px;">
<span style='color:#0272A6'>Olympics:</span>
<span style='color:black'>120</span>
<span style='color:red'>years</span>
<span style='color:#FDD017'>of</span>
<span style='color:#3CB043'>history</span>
</h1>
</div>
<div>
<span class="btn" id="reset" style="font-family:verdana;font-size:20px;font-style:normal;
color: white; background-color: gray; position:absolute;left:10px; top:65px;">RESET</span>
<div>
<div
class="idiom"
id="population_pyramid"
width="692"
height="777"
style="position:absolute;left:1280px; top:80px;"
></div>
<div
class="idiom"
id="line_chart"
width="300"
height="400"
style="position:absolute;left: 5px; top:715px;"
></div>
<div
class="idiom"
id="cmap"
width="850"
height="531"
style="position:absolute; left:5px; top:80px;"
></div>
<div
class="idiom"
id="alluvial_chart"
width="450"
height="350"
style = "position:absolute; left:870px; top:80px;"
></div>
<div
class="idiom"
id="box_plots"
width="300"
height="300"
style = "position:absolute; left:1280px; top:447px;"
></div>
<div
class="idiom"
id="max_events"
width="300"
height="300"
style = "position:absolute; left:1280px; top:770px;"
></div>
<div
class="idiom"
id="sports_grid"
width="400"
height="320"
style = "position:absolute; left:875px; top:447px;"
></div>
<div
class="idiom"
id="events_list_aux"
width="425"
height="30"
style = "position:absolute; left:875px; top:770px;"
></div>
<div
class="idiom"
id="events_list"
width="425"
height="220"
style = "position:absolute; left:875px; top:800px;"
></div>
</body>
</html>