-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (86 loc) · 4.8 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Landing Page</title>
<link rel="icon" href="./Resources/images/blue.png">
<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="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<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">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-expand navbar-white flex-column flex-md-row navbar-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="navbarCollapse" aria-controls="navbarCollapse navbarNavDropdown" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand nav-link active nav-item" id="btn-nvg" href="index.html">Lattitude</a>
<div class="collapse justify-content-end navbar-collapse navbar-collapse collapse show">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown" id="navbarCollapse">
<a class="nav-link active dropdown-toggle" href="#" id="navbarPlot" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Plots<span class="sr-only">(current)</span></a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="max-temp.html">Max Temperature</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="humidity.html">Humidity</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="wind_speed.html">Wind Speed</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link active" id="navbarRight" href="comparison.html">Comparison</a></li>
<li class="nav-item">
<a class="nav-link active" id="navbarRight" href="data.html">Data</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-12">
<div class="box" id="sumbox">
<h3 class="title">Summary: Latitude vs. X</h3>
<hr>
<img src="./Resources/images/Fig1.png" id="city-lat-img" alt="City Latitude vs. Max Temperature"> 
<p class="category a"> The purpose of this project was to analyze how weather changes as you get closer to the equater. To accomplish this analysis. we first pulled data from the OpenWeatherMapAPI to assemble a dataset on over 547 cities.</p> 
<p class="category a">After assembling the dataset, we used Matplotlib to plot various aspects of the weather vs. latitude. Factors we looked at included:temperature, cloudiness, windspeed, and humidity. This site provides the source data and visualizations created as part of the analysis,as well as explanations and descriptions of any trends and correlations witnessed.</p>
</div>
</div>
<div class="col-lg-5 col-md-12">
<div class="box" id="vizbox">
<h5 class="title">Visualizations</h5>
<hr>
<div class="container">
<div class="row">
<div class="col-5 nav-item">
<a class="nav-link active" id="vizBar" href="max-temp.html">
<img class="panel" src="./Resources/images/Fig1.png" alt="Max Temperature Image" id="viz-img"></a>
</div>
<div class="col-7 nav-item">
<a class="nav-link active" href="humidity.html" id="vizBar">
<img class="panel" src="./Resources/images/Fig2.png" alt="Humidity Graph" id="viz-img"></a>
</div>
</div>
<div class="row">
<div class="col-5 nav-item">
<a class="nav-link active" href="cloudiness.html" id="vizBar">
<img class="panel" src="./Resources/images/Fig3.png" alt="Cloudiness Graph" id="viz-img"></a>
</div>
<div class="col-7 nav-item">
<a class="nav-link active" href="wind_speed.html" id="vizBar">
<img class="panel" src="./Resources/images/Fig4.png" alt="Wind Speed Graph" id="viz-img"></a>
</div>
</div>
</div>
</div>
<div id="page-container">
<div class="footer">
<p class="d">Copyright © Sura Baghirova 2019</p>
</div>
</div>
</body>
</html>