-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathdocs.html
113 lines (92 loc) · 3.83 KB
/
docs.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
112
113
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Add non-bootstrap css framework -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.1/css/bulma.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
<link rel="stylesheet" href="assets/style.css">
<!-- AJAX CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Jquery CDN -->
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
crossorigin="anonymous"></script>
<link rel="icon" href="assets/images/favicon.png" type="image/png" />
<title>COVID-19 Tracker | Documentation</title>
</head>
<body>
<!-- Navbar-->
<nav class="navbar has-background-danger" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<div class="navbar-item is-size-1">
<img src="assets/images/logo_transparent.png" class="image has-ratio m-2" alt="logo">
<i>
<h1 class="is-size-2">COVID-19 Tracker</h1>
</i>
</div>
<!-- Navbar Burger Icon -->
<a role="button" class="navbar-burger nav-toggle" id="nav-toggle" aria-label="menu" aria-expanded="false"
data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<!-- Navbar Menu -->
<div id="navbarBasicExample" class="navbar-menu">
<!-- removed nav-bar id since another id exists -->
<div class="navbar-start">
<a class="navbar-item" href="index.html">Home</a>
<a class="navbar-item" href="docs.html">Documentation</a>
<a class="navbar-item" href="about.html">About</a>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="tile is-parent is-vertical">
<article class="tile is-child notification is-success">
<p class="title">How to Use</p>
Enter a city or state in the Search bar and click on the Search icon. Click on the stats above the pie chart to
toggle on/off the individual stats.
</article>
</div>
<div class="tile is-parent is-vertical">
<article class="tile is-child notification is-success">
<p class="title">API's Used</p>
<a href="https://developer.here.com/documentation/geocoding-search-api/dev_guide/topics-api/code-geocode-hybrid.html">
HERE Geocoding & Search API</a>
<p>This API allows us to take the inputted search term and grab the lat long and returns the state to the
Coronavirus Smartable API and provides uis witht he COVID testing locations</p>
<br>
<a href="https://coronavirus-smartable.p.rapidapi.com/stats/v1/US/?rapidapi-key=">
Coronavirus Smartable Rapid API</a>
<p>Gets state param from HERE API and provides us with COVID stats for that state.</p>
</article>
</div>
<div class="tile is-parent is-vertical">
<article class="tile is-child notification is-success">
<p class="title">Libraries</p>
<a href="https://www.chartjs.org/">Chart JS</a>
<p>This library provides the capabilities to display the Covid stats from the Coronavirus Smartable API in a
somple yet elegant chart.</p>
</article>
</div>
</div>
<!-- Footer -->
<div class="tile is-parent is-vertical is-12">
<article class="tile is-child notification">
<div class="content has-text-centered">
<p class="subtitle has-text-grey-light"> COVID-19 Tracker by Abuye Mamuye, Austin Woo, Muhammad A
Khalid, Vincent Nguyen. The source code is licensed
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>.
</p>
</div>
</article>
</div>
<!--Add libraries here-->
<script defer src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>
<script src="assets/script.js"></script>
</body>
</html>