-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
128 lines (112 loc) · 7.59 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
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>ISS Tracker ~ localização da Estação Espacial Internacional</title>
<meta name="description" content="Acompanhe a localização da Estação Espacial Internacional em tempo real. Veja as cameras ao vivo e acompanhe a telemetria: Latitude, Longitude, Altitude, Velocidade e Visibilidade">
<meta name="author" content="Ruan Pezzin Miniguite">
<meta name="robots" content="index">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://trackeriss.herokuapp.com/"/>
<meta name="google-site-verification" content="Lyx6wxn2pCb4vfEzFB8DciuIP6xF-sl3l5domP_cmGA" />
<link rel="stylesheet" href="style.css">
<link rel="apple-touch-icon" sizes="180x180" href="imagens/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="imagens/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="imagens/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="canonical" href="https://trackeriss.herokuapp.com/"/>
<link rel="alternate" href="https://trackeriss.herokuapp.com/" hreflang="x-default"/>
<link rel="stylesheet"
href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""
/>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin="">
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-35CYMYVDE6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-35CYMYVDE6');
</script>
</head>
<body>
<!-- LOADER -->
<div class="overlay">
<img src="imagens/loader.gif">
</div>
<section>
<!-- MAP -->
<div id="mapBg"></div>
<!-- LIVE IBM -->
<div class="LiveMobile">
<div class="IBM-video" id='live1'>
<iframe class="ibmlive" width="480" height="270" src="https://www.ustream.tv/embed/17074538" scrolling="no" allowfullscreen webkitallowfullscreen frameborder="0" style="border: 0 none transparent;"></iframe>
</div>
<div class="IBM-video" id='live2'>
<iframe class="ibmlive" width="480" height="270" src="https://www.ustream.tv/embed/9408562" scrolling="no" allowfullscreen webkitallowfullscreen frameborder="0" style="border: 0 none transparent;"></iframe>
</div>
</div>
<!-- TELEMETRY ISS -->
<footer class="telemetria" id='info'>
<p class="span">
<span id="name"></span><br>
Latitude: <span id="latitude" ></span><br>
Longitude: <span id="longitude"></span><br>
Altitude: <span id="altitude"></span><br>
Velocidade: <span id="velocidade"></span><br>
Hora: <span id="timestamp"></span><br>
Visibilidade: <span id="visibility"></span><br>
Termino op: <span id="Tdesorbita"></span><br>
</p>
</footer>
<!-- CENTER ALIGN BUTTON -->
<label class="switch">
<input type="checkbox" class="checkbox" id='checkbox' checked>
<span class="toggle-thumb">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#4ADE80;transform:-ms-filter"><path d="M10 15.586L6.707 12.293 5.293 13.707 10 18.414 19.707 8.707 18.293 7.293z"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#F87171;transform:-ms-filter"><path d="M16.192 6.344L11.949 10.586 7.707 6.344 6.293 7.758 10.535 12 6.293 16.242 7.707 17.656 11.949 13.414 16.192 17.656 17.606 16.242 13.364 12 17.606 7.758z"></path></svg>
</span>
<p>Auto Center</p>
</label>
<!-- LIVE HIDE BUTTON -->
<label class="switch_2">
<input type="checkbox" class="checkbox" id='ibm' onchange="live(this)" checked >
<span class="toggle-thumb">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#4ADE80;transform:-ms-filter"><path d="M10 15.586L6.707 12.293 5.293 13.707 10 18.414 19.707 8.707 18.293 7.293z"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#F87171;transform:-ms-filter"><path d="M16.192 6.344L11.949 10.586 7.707 6.344 6.293 7.758 10.535 12 6.293 16.242 7.707 17.656 11.949 13.414 16.192 17.656 17.606 16.242 13.364 12 17.606 7.758z"></path></svg>
</span>
<p>Live IBM</p>
</label>
<!-- LIVE OPTION-->
<label class="switch_3">
<input type="checkbox" class="checkbox" id='optionLive' onchange="option(this)" checked>
<span class="toggle-thumb">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#4ADE80;transform:-ms-filter"><path d="M10 15.586L6.707 12.293 5.293 13.707 10 18.414 19.707 8.707 18.293 7.293z"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#4acdde;transform:-ms-filter"><path d="M10 15.586L6.707 12.293 5.293 13.707 10 18.414 19.707 8.707 18.293 7.293z"></path></svg>
</span>
<p>Live <br> 1|2 </p>
</label>
<!-- HIDE TELEMETRY -->
<label class="switch_4">
<input type="checkbox" class="checkbox" id='tele' onchange="tele(this)" checked >
<span class="toggle-thumb">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#4ADE80;transform:-ms-filter"><path d="M10 15.586L6.707 12.293 5.293 13.707 10 18.414 19.707 8.707 18.293 7.293z"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#F87171;transform:-ms-filter"><path d="M16.192 6.344L11.949 10.586 7.707 6.344 6.293 7.758 10.535 12 6.293 16.242 7.707 17.656 11.949 13.414 16.192 17.656 17.606 16.242 13.364 12 17.606 7.758z"></path></svg>
</span>
<p>Info Estação</p>
</label>
<!-- GIT -->
<div class="social-list">
<a href="https://github.com/RuanMiniguite" target="_blank"><i class="fab fa-github"></i></a>
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="ruanminiguite" data-description="Support me on Buy me a coffee!" data-message="" data-color="#40DCA5" data-position="Right" data-x_margin="25" data-y_margin="25"></script>
</div>
</section>
</body>
<script src="script.js"></script>
</html>