-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
113 lines (104 loc) · 4.51 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
109
110
111
112
113
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Is it fresh? | A service from indigoBox Studios</title>
<link href="css/main.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!-- Load jQuery from Google's CDN -->
<script src="js/main.js"></script>
<script src="js/produce-data.js"></script>
<script src="js/anime.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="See what fruits and vegetables are in season, using information from the USDA." />
<!-- Roboto Google font -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<!-- Twitter Card info -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Is it fresh?">
<meta name="twitter:description" content="Find out what produce is in season.">
<meta name="twitter:image" content="http://isitfresh.us/imgs/banner.png">
<!-- OpenGraph Data -->
<meta property="og:url" content="http://isitfresh.us/" />
<meta property="og:title" content="Is it fresh?" />
<meta property="og:description" content="Find out what produce is in season." />
<meta property="og:image" content="http://isitfresh.us/imgs/banner.png" />
<!-- Favicon and theme color -->
<link rel="icon" href="/imgs/favicon.ico">
<meta name="theme-color" content="#16C172">
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-69786125-3', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="main-cont">
<header>
<div class="main-margin">
<span class="header-first">
Is it fresh?
</span>
<div class="indigobox">
By
<a href="http://indigobox.us" target="_blank" class="indigo-link">
<span class="ib">
indigo<span class="ib-purple">Box</span>
</span> Studios
</a>
</div>
</div>
</header>
<div id="query">
<div class="query-text">
Is
<div class="text-area">
<span class="textbox-label-top">Fruit/Vegetable</span>
<input type="text" class="text-produce">
<span class="textbox-label-bottom">Fruit/Vegetable</span>
</div>
in season?
</div>
</div>
<center>
<div class="card" id="main-card">
<img class="fruit-image" src="./imgs/svg/apple.svg">
<div class="right-col">
<div class="status">
<!-- Will be filled with text depending on input from main.js -->
Type a food above.
</div>
<div class="seasons-subtext">
We will tell you here if they work in the current season.
</div>
</div>
</div>
<div class="fruit-cont">
<img id="avocado" src="imgs/svg/avocado.svg">
<img id="lemon" src="imgs/svg/lemon.svg">
<img id="watermelon" src="imgs/svg/watermelon.svg">
<img id="tomato" src="imgs/svg/tomato.svg">
<div class="intro-text">Type in the name of a fruit or vegetable to see if it's in season!</div>
</div>
<div class="card" id="no-results">
<h1>We couldn't find that produce!</h2>
We couldn't find the produce item you were looking for. We might not have season information on it yet!
</div>
</center>
</div>
<footer>
<div class="main-margin">
<div class="github">
<a href="https://github.com/IndigoBox/is-it-fresh" target="_blank">
Fork On GitHub<img src="imgs/github_logo_dark.png" alt="GitHub Logo">
</a>
</div>
<div>Information sourced from <a href="https://snaped.fns.usda.gov/seasonal-produce-guide" target="_blank"><img class="usda" src="imgs/USDA_logo_black.png" alt="USDA Logo"></a></div>
<div>Some icons from <a href="https://www.flaticon.com/packs/gastronomy-set" target="_blank">Madebyoliver</a></div>
</div>
</footer>
</body>
</html>