-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathabout.html
49 lines (43 loc) · 2.59 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<title>Meet Me Halfway</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Meet Me Halfway</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup">
<div class="navbar-nav">
</div>
</div>
</nav>
<div class="container">
<div id="header" class="text-center jumbotron">
<h1>About</h1>
</div>
<div id="about-box" class="text-center jumbotron">
<div id="about">
<p>This app uses Google Maps to geolocate two addresses given by the user and then calculates a midpoint between
the two locations using the Google Maps API. It then reverse geolocates the calculated midpoint and sends
the city name of the midpoint to the GeoNames API to obtain a list of cities with populations over 15,000
people within a 300km radius from that midpoint. Next, we filter the cities and store those with a population
of over 100,000 people. The stored values are ordered from largest city to smallest city and the top
3 cities are populated on the Google Map and presented to the user in the trip table. These cities are
then taken by the Kiwi API which calculates the total price for users to fly to each potential destination
city, and displays these prices to the user. In some cases, the search will not display 3 cities because
there were not enough major cities within that midpoint. The users will be prompted with a modal explaining
that 3 large cities were not found and present the number of cities that were.</p>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</body>
</html>