-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvp_windspeed.html
111 lines (100 loc) · 4.88 KB
/
vp_windspeed.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Al's Web Design Homework: Home</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="bootstrap.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Lattitude</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Plots
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="vp_maxtemp.html">Max Temperature</a>
<a class="dropdown-item" href="vp_humidity.html">Humidity</a>
<a class="dropdown-item" href="vp_cloudiness.html">Cloudiness</a>
<a class="dropdown-item" href="vp_windspeed.html">Wind Speed</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="comparison.html">Comparison</a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row row-grid">
<!-- Left grid -->
<div class="col-md-8 box box-left">
<h1>Wind Speed</h1>
<hr>
<article>
<figure>
<a href="vp_windspeed.html">
<img src="./Resources/assets/images/Fig4.png" alt="Latitude vs. Wind Speed" class="img-thumbnail"/>
</a>
</figure>
<p>The purpose of this project was to analyze how weather changes as you get closer to the equator.
To acomplish this analysis, we first pulled data from the OpenWeatherMap API to assemble a dataset on over 500 cities.
</p>
</article>
</div>
<!-- Right grid -->
<div class="col-md-4 box box-left">
<h2>Visualizations</h2>
<hr>
<div class="row">
<!-- changes location when screen gets smaller -->
<div class="col-xs-6 col-sm-3 col-md-6">
<figure>
<a href="vp_maxtemp.html">
<img src="./Resources/assets/images/Fig1.png" alt="Latitude vs. Temperature" class="img-thumbnail"/>
</a>
</figure>
</div>
<div class="col-xs-6 col-sm-3 col-md-6">
<figure>
<a href="vp_humidity.html">
<img src="./Resources/assets/images/Fig2.png" alt="Latitude vs. Humidity" class="img-thumbnail"/>
</a>
</figure>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-3 col-md-6">
<figure>
<a href="vp_cloudiness.html">
<img src="./Resources/assets/images/Fig3.png" alt="Latitude vs. Cloudiness" class="img-thumbnail"/>
</a>
</figure>
</div>
<div class="col-xs-6 col-sm-3 col-md-6">
<figure>
<a href="vp_windspeed.html">
<img src="./Resources/assets/images/Fig4.png" alt="Latitude vs. Wind Speed" class="img-thumbnail"/>
</a>
</figure>
</div>
</div>
</div>
</div>
</div>
</body>
</html>