-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhome.html
99 lines (99 loc) · 4.12 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="Assets/acoIcon.png">
<title>Taste Not Waste</title>
</head>
<body>
<h1 id='title'>Taste Not Waste</h1>
<div id='top-content'>
<div class='left-flex'>
<p id="tagline">A mobile app to help you reduce food your waste.</p>
</div>
<div class='right-flex'>
<div id='logo-gif' >
<img src='Assets/timerGif.gif' />
</div>
</div>
</div>
<div id='mid-content'>
<div class='left-flex'>
<div id="screen-record"><img src="Assets/fridgeRecordingClear.gif"/></div>
</div>
<div class='right-flex'>
<div id='mid-text' >
<h5 id='fact'>Did you know that 40% of food in America goes to waste?</h5><label id='fact-source'><a href='https://www.usda.gov/foodwaste/faqs'>https://www.usda.gov/foodwaste/faqs
</a>
</label>
<p id='small-text'>Taste Not Waste helps minimize food waste by keeping track of all your perishables and when they will expire. Users can add items to their "fridge" after a shopping trip and the app can estimate when each item will expire, or a user can input the expiration date on the packaging. The app also sends notifications to remind users about their items that are expiring soon and will suggest recipes using that item.</p>
</div>
</div>
</div>
<div id='download-section'>
<h2>Download Taste Not Waste</h2>
<ol id='download-instructions'>
<li>Download <a href='https://expo.dev/client'>Expo Go</a></li>
<li>Log into the taste not waste account<br/>
<strong>username</strong>: tastenotwaste<br/>
<strong>password</strong>: tastenotwasteapp</li>
<li>Go to <a href='https://exp.host/@tastenotwaste/TasteNotWaste'>this url</a> and scan the QR code<br/>
OR<br/>
Tap on Profile, open up Recent Projects, and tap TasteNotWaste</li>
</ol>
<p>If you have an Android and Expo Go, you can also scan this QR code without logging in.</p>
<img src="Assets/TNW_QR.png"/>
</div>
<div id="contributors">
<h2>Contributors</h2>
<div id='credits'>
<div class='single-contributor'>
<img src="Assets/dani.png"/>
<div class="single-credits">
<h5>Daniella Aceves</h5>
<div class='logos'>
<a href='https://www.linkedin.com/in/daniella-aceves/'><img src='Assets/linkedinLogo.png' /></a>
<a href='https://github.com/dani-aceves'><img src='Assets/githubLogo.png'/></a>
</div>
</div>
</div>
<div class='single-contributor'>
<img src="Assets/laura.png"/>
<div class="single-credits">
<h5>Laura Buffington</h5>
<div class='logos'>
<a href='https://www.linkedin.com/in/laura-c-buffington/'><img src='Assets/linkedinLogo.png' /></a>
<a href='https://github.com/laura177'><img src='Assets/githubLogo.png'/></a>
</div>
</div>
</div>
<div class='single-contributor'>
<img src="Assets/mabel.png"/>
<div class="single-credits">
<h5>Mabel Lawrence</h5>
<div class='logos'>
<a href='https://www.linkedin.com/in/mabellawrence/'><img src='Assets/linkedinLogo.png' /></a>
<a href='https://github.com/mlawrence103'><img src='Assets/githubLogo.png'/></a>
</div>
</div>
</div>
<div class='single-contributor'>
<img src="Assets/clare.png"/>
<div class="single-credits">
<h5>Clare Sweeny</h5>
<div class='logos'>
<a href='https://www.linkedin.com/in/clare-sweeny/'><img src='Assets/linkedinLogo.png' /></a>
<a href='https://github.com/csweeny'><img src='Assets/githubLogo.png'/></a>
</div>
</div>
</div>
</div>
<div id='repo'>
<p>Check out our GitHub repository here: <a href='https://github.com/GrundoCapstone/Taste-Not-Waste'>https://github.com/GrundoCapstone/Taste-Not-Waste</a></p>
</div>
</div>
</body>
</html>