-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (44 loc) · 2.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<link rel="stylesheet" href="./style.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
</style>
<script type="module" src="./app-non-mod.js" defer></script>
<script type="module" src="app.js" defer ></script>
<title>CAN YOU EAT IT? Fungi Identifier</title>
</head>
<div id="loader-hidden">
<img id="loader-graphic-hidden" src="./images/mushroom.gif" />
</div>
<body>
<div class="body-section" id="hero">
<div class="hero-copy" id="hero-title">
CAN YOU EAT IT?
</div>
<div class="hero-copy" id="hero-subtitle">Are you a <s>fungi</s> fun-<i>guy</i><br> looking for a fun time?</div>
<div class="hero-copy">
Need help idenitfying a fungus?<br>
We've got you covered.
</div>
<div class="hero-search-module">
<input class="hero-search-field" type="text" name="location" placeholder="Location (City, State, Country)" id="location-input" required />
<input class="hero-search-field" type="text" name="date" placeholder="Date (MM/DD/YYYY)" id="date-input" required />
<input class="hero-search-field" type="text" name="genus" placeholder="Species (Optional)" id="species-input" />
<button class="hero-search-field" id="submit-button">Get Info</button>
</div>
</div>
<div class="body-section" id="results-hidden">
<div class="results-copy" id="results-title">Potential Matches</div>
</div>
<div class="body-section" id="footer">
<p id="footer-copy">
<b>NOTE:</b> The information contained on this website is purely for educational purposes. Many mushrooms are poisonous. Some are deadly. The responsibility for eating any mushroom or fungus rests with the individual. Never eat any wild mushroom if you are not absolutely sure it is edible.
</div>
</div>
</body>
</html>