-
Notifications
You must be signed in to change notification settings - Fork 0
/
storms.html
73 lines (62 loc) · 3.5 KB
/
storms.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="style.css">
<title>Tropical Storm Tracker | Tropi•Tracker</title>
<meta name="description" content="TropiTracker, but just the tropical storms. | TropiTracker is an open-source tropical cyclone tracker that provides you with details on active and upcoming tropical cyclones such as wind speed, satellite imagery, movement speed, future tracks, and more. TropiTracker's update feature ensures that you get vital updates the minute they happen. Get prepared and stay ahead of the storm with TropiTracker!">
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<!-- yeah i know the favicon isn't easy to read but it's the best i could do-->
<script src="scripts/storms.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<body>
<div id="fullscreenNavbar">
<button id="closeNavButton" class="material-symbols-outlined" onclick="closeNav()">
close
</button>
<div id="fullscreenNav">
<a id="fullscreenNavButton" href="https://tropitracker.com">Home</a>
<a id="fullscreenNavButton" href="./outlooks">Outlooks</a>
<a id="fullscreenNavButton" href="./hurricanes">Hurricanes</a>
<a id="fullscreenNavButton" href="./storms" style="text-decoration: underline;">Tropical Storms</a>
<a id="fullscreenNavButton" href="./depressions">Tropical Depressions</a>
<a id="fullscreenNavButton" href="./resources">Resources</a>
</div>
</div>
<div id="navbar" style="font-family: Arial, Helvetica, sans-serif;">
<button id="mainNavButton" class="material-symbols-outlined" onclick="openNav()">
menu
</button>
<button id="navButton">
<a class="no-underline" href="https://tropitracker.com">Home</a>
</button>
<button id="navButton">
<a class="no-underline" href="./outlooks">Outlooks</a>
</button>
<button id="navButton">
<a class="no-underline" href="./hurricanes">Hurricanes</a>
</button>
<button id="navButton">
<a class="underline" href="./storms">Tropical Storms</a>
</button>
<button id="navButton">
<a class="no-underline" href="./depressions">Tropical Depressions</a>
</button>
<button id="navButton">
<a class="no-underline" href="./resources">Resources</a>
</button>
</div>
<script src="https://uptime.betterstack.com/widgets/announcement.js" data-id="191054" async="async" type="text/javascript"></script>
<div id="active-header">Tropi<img src="/images/tropical-storm.png" id="hurricane-icon" style="width: 50px;">Tracker</div>
<div id="storm-count">Finding active storms...</div>
<button id="storm-label" style="display: none;">
<span id="storm-dropdown" class="material-symbols-outlined" style="font-size: 35px; text-align: left;">
arrow_right
</span>
Active Tropical Storms
</button>
<div id="storms" style="display: none;">
</div>
</body>
</html>