-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
51 lines (47 loc) · 2.19 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
<!DOCTYPE html>
<html lang='en'>
<title>Orbital Sky - Space Apps 2020</title>
<meta http-equiv='content-type' content='text/html;charset=utf-8' />
<meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no' />
<link type='image/ico' rel='shortcut icon' href='img/favicon.ico' />
<link type='image/ico' rel='icon' href='img/favicon.ico' />
<link type='text/css' rel='stylesheet' href='//fonts.googleapis.com/css?family=Orbitron:400,700|Oswald' />
<link type='text/css' rel='stylesheet' href='//js.arcgis.com/4.8/esri/css/main.css' />
<link type='text/css' rel='stylesheet' href='index.css' />
<script type='text/javascript' src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script type='text/javascript' src='js/bootstrap.min.js'></script>
<script type='text/javascript' src='js/bootstrap-slider.min.js'></script>
<script type='text/javascript' src='js/satellite.min.js'></script>
<script type='text/javascript' src='js/three.min.js'></script>
<script type='text/javascript' src='//js.arcgis.com/4.8/'></script>
<script type='text/javascript' src='index.js'></script>
</head>
<body>
<div class="overlay">
<input type="checkbox" id="check">
<label for="check">
<div>
<li class="logo" id="btn"><img src="img/satellite.png"><span id="sat-name">Orbital Sky</span></li>
</div>
</label>
<div class="info-how-to">Click on a object to view it's predicted orbit and info</div>
<div class="info-box" id="ibox">
<div id="info-box-title" ></div>
<div id="info-box-norad" ></div>
<div id="info-box-int" ></div>
<div id="info-box-name" ></div>
<div id="info-box-country" ></div>
<div id="info-box-period" ></div>
<div id="info-box-inclination" ></div>
<div id="info-box-apogee" ></div>
<div id="info-box-perigee" ></div>
<div id="info-box-size" ></div>
<div id="info-box-launch" ></div>
<a id="link-nasa" style="display: block;" target="_blank">View on NASA</a>
<a id="link-n2yo" target="_blank" >View on N2YO</a></div>
</div>
<div id='bottom'>
<div id='map'></div>
</div>
</body>
</html>