-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.html
More file actions
185 lines (169 loc) · 8.48 KB
/
Copy pathapp.html
File metadata and controls
185 lines (169 loc) · 8.48 KB
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The app</title>
<link rel="shortcut icon" href="img/logo.png" alt="fomoFOOD logo">
<!--Figure 5. fomoFOOD logo (own illustration).-->
<link rel="stylesheet" href="styles/stylesheet.css">
<link rel="stylesheet" href="styles/app_stylesheet.css">
</head>
<body>
<div class="nav">
<nav>
<ul class="logolist">
<li><a href="index.html"><img class="smallLogo" src="img/smallLogoLightBlue.png"
alt="A smaller version of our logo"></a></li>
<!--Figure 14. Small version of fomoFOOD logo (own illustration).-->
</ul>
<ul class="navlist">
<li><a href="solution.html">Our solution</a></li>
<li><a href="app.html">App and sensor</a></li>
<li><a href="recipes.html">Live more sustainable</a></li>
<li><a href="sources.html">Sources</a></li>
</ul>
</nav>
</div>
<div class="headerimg">
<!--Figure 4. Black Bean Fajitas (Olsson, E., 2018).-->
</div>
<div class="innhold">
<h1 class="apptitle">THE APP</h1>
<table class="apptable">
<tr>
<td class="app-text">
<p>
<strong>Saving the world</strong> is not always easy, but with our app we hope to make it a
little bit
easier for you. With this app, our goal is that you will never get rotten or mouldy
food in your fridge that must be thrown away.
<br><br>
<strong>Based on your personal</strong> and genius fridge sensor, the app will let you know
when your
fresh ingredients are getting close to their due date. Then it will suggest recipes
where you can make use of your leftover ingredients.
<br><br>
<strong>To make a more tailored experience</strong>, the app will also know what suggestions you
like,
and don't like. Do you have any special preferences, like allergies? No problem!
You may always customize with your suggestion settings. That way, you will get
suggestions that are more relevant to you the more you use the app!
</p>
</td>
<td>
<img class="app-img" src="img/app.png"
alt="Illustrated prototype of an app that makes recipes out of groceries that have in the fridge">
<!-- Figure 2. fomoFOOD app (own illustration). -->
</td>
</tr>
</table>
<table class="popuptable">
<tr class="tr-height">
<td class="popimg-block">
<img class="app-popup-img" src="img/popup.png" alt="Illustrated popup message in an app">
<!-- Figure 7. fomoFOOD - popup alert (own illustration). -->
</td>
<td class="app-popup-text">
<p>
The app will give you a heads up if you’ve eaten a lot of meat in the past week,
and suggest some vegetarian recipes. This encourages to meat free days, which is great
for your health, your wallet and the environment.
</p>
</td>
</tr>
</table>
</div>
<div class="sensor-box">
<h1 class="sensor-header">THE SENSOR</h1>
<table class="sensortable">
<tr class="tr-height">
<td>
<img class="sensor-img" src="img/sensor.png"
alt="Illustrated arm taking milk out of a refrigerator that scans the food">
<!-- Figure 11. fomoFOOD - fridge sensor (own illustration). -->
</td>
<td class="sensor-text-block">
<p class="sensor-text">
Our solution is to use a technology that can be added to something a
lot of us already have - a refrigerator.
<br><br>
To use fomoFOOD, you’ll need our smart fridge sensor. The fridge sensor
is easy to install, and fits all refrigerators. All you need to get started,
is to put the sensor on the inside of the fridge edge, install the app and connect it to your
sensor.
<br><br>
<strong>How does it work?</strong>
<br>
Every time you open the door to your refrigerator, the sensor kicks in. It scans
the items you’re putting in or taking out, noting the barcode and the expiration date.
The information is sent to your phone, and you can see on the app what is inside your
refrigerator and when it expires. If you take something out, the app will register the
item as used until you put it back in.
</p>
</td>
</tr>
</table>
</div>
<div class="innhold">
<h1 class="donateheader">THE "DONATE" FUNCTION</h1>
<hr class="donateline">
<table class="donatetable">
<tr>
<td>
<p class="donate-text">
We all know that it’s very easy to just throw your leftover food in the trash when
you’re going away, especially if you know that it’ll expire by the time you come back
home. Therefore, we wanted to add an option to give away your food so that it can be
of use to someone else, and so that no perfectly good food goes to waste.
<br><br>
We also realize that not everyone would want to just give away the food that they
bought with their own, hard-earned money, which is why we added the “points”. When
you give away food, you get a certain amount of points that you can later use, in the
form of a discount to use the next time you buy food. We believe that a rewarding
system will encourage people to want to use this function.
</p>
</td>
<td>
<img class="app-donate-img1" src="img/giveaway.png"
alt="Illustrated prototype of an app with a giveaway function">
<!-- Figure 3. fomoFOOD app - giveaway function (own illustration). -->
</td>
<td>
<img class="app-donate-img2" src="img/points.png"
alt="Illustrated prototype of an app with a point system">
<!--Figure 6. fomoFOOD - point system (own illustration).-->
</td>
</tr>
</table>
</div>
<div class="backtotop">
<ul>
<li><a href="#">↑ Back to the top</a></li>
</ul>
</div>
<div class="footer">
<footer>
<ul class="footertable">
<li class="left">
<p class="footertitle">WEBSITE MADE BY</p>
<p>Fredrik Neby <span class="normalfont">s351889</span><br>
Marie Louse Bjørnstad <span class="normalfont">s351870</span><br>
Rebecca Weiby Fridén <span class="normalfont">s346357</span><br>
Andrea Sandvik Hansen <span class="normalfont">s341541</span></p>
</li>
<li class="center">
<p class="footertitle">SOURCES</p>
<p class="sourcetext">Our sources can be <br>found <a href="sources.html">here</a></p>
</li>
<li class="right">
<p class="footertitle">CONTACT</p>
<p>We always try to respond<br>
within 3-5 business days<br><br><a href="mailto:contact@fomofood.com">contact@fomofood.com</a>
</p>
</li>
</ul>
</footer>
</div>
</body>
</html>