-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemp.html
97 lines (84 loc) · 5.14 KB
/
temp.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Latitude Analysis</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">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Nav Bar elements source: https://getbootstrap.com/docs/4.0/components/navbar/-->
<nav class="navbar navbar-expand-lg navbar-fixed-top navbar-dark bg-dark">
<!-- Page Title in Navbar for home page navigation -->
<a class="navbar-brand" href="index.html">Latitude Analysis</a>
<!-- Change navbar style when screen is smaller (toggle to hamburger menu) -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<!-- Align navbar elements right -->
<ul class="navbar-nav ml-auto">
<!-- Create navbar dropdown element for plots pages -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Plots
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="temp.html">Max Temperature</a>
<a class="dropdown-item" href="humidity.html">Humidity</a>
<a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
<a class="dropdown-item" href="windspeed.html">Wind Speed</a>
</div>
</li>
<!-- Navbar Comparison page link -->
<li class="nav-item">
<a class="nav-link" href="comparison.html">Comparison</a>
</li>
<!-- Navbar Data page link -->
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
</ul>
</div>
</nav>
<div class='container'>
<div class='row'>
<div class='col-md-7'>
<div class='box' id="leftbox">
<h1 align="center">Latitude vs. Max Temperature</h1>
<hr>
<img src= "Visualizations/Lat_v_Temp.png" align="center">
<p>
Taking into account that 0 degrees latitude represents the equator, we can see that, naturally, the highest maximum
temperatures are nearest the equator. As a city's latitude grows further away from the equator, it's maximum temperature is lower.
It is also worth noting that the northern hemisphere records much lower max temperatures than the southern hemisphere
latitudes that are equally as far away from the equator. This is likely due to seasons and the tilt of the earth at the time
the data was acquired.
</p>
</div>
</div>
<div class='col-md-5'>
<div class='box' align="center" id="rightbox">
<h1 align="center">Visualizations</h1>
<hr>
<div>
<a href="temp.html"><img src= "Visualizations/Lat_v_Temp.png" id='plotviz'></a>
<a href="cloudiness.html"><img src= "Visualizations/Lat_v_Cloudiness.png" id='vizimage'></a>
<a href="humidity.html"><img src= "Visualizations/Lat_v_Humidity.png" id='vizimage'></a>
<a href="windspeed.html"><img src= "Visualizations/Lat_v_WindSpeed.png" id='vizimage'></a>
</div>
</div>
</div>
</div>
</div>
<!-- The following scripts integrate with bootstrap and enable the dropdown menu in the navbar -->
<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>
</body>
<footer class="page-footer font-small bg-dark">
<div class ="footer-copyright text-center py-3" style="color:lightgrey">
© Copyright 2020 Ben Anderson
</div>
</footer>
</html>