-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
78 lines (73 loc) · 3.87 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Weather Dashboard | Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<a class="navbar-brand" href="index.html">WeatherPy</a>
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Plots</a>
<div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 42px, 0px);">
<a class="dropdown-item" href="viz1.html">Plot 1</a>
<a class="dropdown-item" href="viz2.html">Plot 2</a>
<a class="dropdown-item" href="viz3.html">Plot 3</a>
<a class="dropdown-item" href="viz4.html">Plot 4</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="comparisons.html">Comparisons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
</ul>
</nav>
<div class="container">
<header class="header">
<br><h1>WeatherPy Dashboard</h1>
<small class="text-muted">
<p><strong>Project Description:</strong> Visualizing the weather of 500+ cities across the world of varying distance from the equator.</p>
</small>
</header>
<main>
<hr>
<section>
<h4>Data Visualizations</h4>
<a target="_blank" href="viz1.html"><img src="assets/images/temp_vs_lat copy.png" alt="Temp vs Latitude" height="120" width="160"></a>
<a target="_blank" href="viz2.html"><img src="assets/images/humidity_vs_lat copy.png" alt="Humidity vs Latitude" height="120" width="160"></a>
<a target="_blank" href="viz3.html"><img src="assets/images/cloud_vs_lat copy.png" alt="Cloudiness vs Latitude" height="120" width="160"></a>
<a target="_blank" href="viz4.html"><img src="assets/images/wind_vs_lat copy.png" alt="Wind vs Latitude" height="120" width="160"></a>
</section>
<hr>
<section>
<h4>Analysis</h4>
<ul>
<li>Based on these data, there appears to be a strong relationship between temperature and distance from the equator resulting in higher temperatures in cities that are closer to the equator.</li>
<li>There appears to be a weak relationship between humidity and latitude, in which cities near the equator and the poles have higher humidity levels, with the cities midway between the equator and poles having lower humidity levels.</li>
<li>There also appears to be a weak relationship between wind speed and latitude, in which wind speed appears to increase with distance from the equator.</li>
</ul>
</section>
</main>
<hr>
<aside id="contact-info">
<h4>Additional Links & Info</h4>
<ul>
<li><strong>Email:</strong> <a href="#">[email protected]</a></li>
<li><strong>Github:</strong> <a href="https://github.com/alyssflynn/PyWeather">PyWeather</a></li>
<li><strong>Portfolio:</strong> <a href="#">coming soon</a></li>
</ul>
</aside>
</div>
</body>
</html>