-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (80 loc) · 3.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie-edge">
<title>Stock Information</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script defer src="js/script.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
</head>
<body>
<main>
<header>
<a href="https://aarondguyett.com" target="_blank">My Portolio</a>
<a href="https://linkedin.com/in/aarondguyett" target="_blank">My LinkedIn</a>
<a href="https://github.com/guyett92" target="_blank">My GitHub</a>
<a href="https://www.nyse.com/index" target="_blank">NYSE</a>
</header>
<h1>Stock Data</h1>
<h3>Enter in a stock symbol below to search for information!</h3>
<section>
<img class="nyse" src="img/nyse.jpg" alt="New York Stock Exchange">
</section>
<dl>
<dd id="logo"></dd>
<dt>Name</dt>
<dd id="name"></dd>
<dt><label for="currency">Choose a Currency</label></dt>
<dd id="currency">
<select id="money">
<option value="usd">USD</option>
<option value="jpy">JPY</option>
<option value="gbp">GBP</option>
<option value="cny">CNY</option>
<option value="eur">EUR</option>
<option value="aed">AED</option>
</select>
<div class="tooltip">
<img src="img/question.webp">
<span class="tooltiptext">
USD = United States Dollar<br>
JPY = Japanese Yen<br>
GBP = British Pound Sterling<br>
CNY = Chinese Yuan<br>
EUR = Euro<br>
AED = United Arab Emirates Dirham
</span>
</div>
</dd>
<dt>Price</dt>
<dd id="price"></dd>
<dt>Day Change</dt>
<dd id="daily"></dd>
</dl>
<form>
<input type="text" placeholder="Stock" autofocus="autofocus">
<input type="submit" value="Get Stock Data">
</form>
<button>Reset</button>
<br>
<section class="desc">
<article class="app-info">
<h2>Information</h2>
<p>The above application pulls data from ClearBit's API to serve logos. The stock data comes from Alpha Vantage's API and the name
from the stock symbol comes from World Trading Data's API. The application parses the API data to serve it's best guess at a logo.
If the logo is wrong, there is a form to fill out in order to help me improve the way the code identifies a match. The application
was created because a simple and clean UI did not exist for stock data that is accompanied by a logo. Please fill out the form if
the application does not return a valid logo. Some information may be missing when requesting a stock symbol based on the data
available in the APIs.</p>
</article>
<article id="fav"></article>
</section>
<footer>
<p>© Aaron Guyett — 2020 — All currency conversions are correct as of May, 2020.</p>
</footer>
</main>
</body>
</html>