-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
434 lines (430 loc) · 23.3 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
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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
<!DOCTYPE html>
<html lang="en"
><head
><title>OptiDeals</title>
<!-- Permissions Policy Meta Tag -->
<meta http-equiv="Permissions-Policy" content="geolocation=*">
<meta
name="description"
content="Customize your weekly meals based on real-time flyer deals and prices from nearby Ontario grocers. Our app, powered by LLama, streamlines the process, saving you time and money."
/><meta property="og:title" content="OptiDeals" /><meta
property="og:description"
content="Customize your weekly meals based on real-time flyer deals and prices from nearby Ontario grocers. Our app, powered by LLama, streamlines the process, saving you time and money."
/><meta
property="og:image"
content="https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/2b5cfbdd-632e-4c5b-bbc0-4a3b524b4a61/5cd39434-b305-48b3-8f46-05aedcb42f04?org_if_sml=1&force_format=original"
/><meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/><meta charset="utf-8" /><meta
property="twitter:card"
content="summary_large_image"
/><style data-tag="reset-style-sheet">
html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6,figure,blockquote,figcaption { margin: 0; padding: 0;}button { background-color: transparent;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}html { scroll-behavior: smooth }</style
><style data-tag="default-style-sheet">
html {
font-family: Inter;
font-size: 16px;
}
body {
font-weight: 400;
font-style:normal;
text-decoration: none;
text-transform: none;
letter-spacing: normal;
line-height: 1.15;
color: var(--dl-color-gray-black);
background-color: var(--dl-color-gray-white);
}</style
><link
rel="stylesheet"
href="https://unpkg.com/animate.css@4.1.1/animate.css"
/><link
rel="shortcut icon"
href="public/optidealslogocropped.png"
type="icon/png"
sizes="32x32"
/><link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
data-tag="font"
/><link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
data-tag="font"
/><link
rel="stylesheet"
href="https://unpkg.com/@teleporthq/teleport-custom-scripts/dist/style.css"
/><style>
.toggle-content {
display: none;
}
</style>
<style>
.toggle-header {
cursor: pointer;
}
</style>
<style>
.clickable {
cursor: pointer;
}
</style>
<style>
.unselectable {
-webkit-user-select: none; /* Chrome, Safari, Opera */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
}
</style></head
><body
><link rel="stylesheet" href="./style.css" /><div
><link href="./index.css" rel="stylesheet" /><div class="home-container"
><header data-thq="thq-navbar" class="home-navbar-interactive"
><img
alt="logo"
src="https://raw.githubusercontent.com/OptiDeals/OptiDeals-HTML/main/data/photos/OptiDealsText.png"
class="home-image"
/><div data-thq="thq-navbar-nav" class="home-desktop-menu"
><nav class="home-links"
><a href="#recipes" class="home-link clickable nav-link"
><span>Recipes</span><br /></a
><a href="#features" class="home-link01 clickable nav-link"
>Features</a
><a href="#FAQ" class="home-link02 clickable nav-link">FAQ</a
><a
href="capstone-project.html"
class="home-link03 clickable nav-link"
>Capstone</a
><a
href="https://github.com/orgs/OptiDeals/repositories"
target="_blank"
rel="noreferrer noopener"
class="home-link04 clickable nav-link"
>GitHub</a
><span
data-openwidget-action="maximize"
class="home-text02 clickable nav-link"
>Contact</span
></nav
></div
><div data-thq="thq-burger-menu" class="home-burger-menu"
><img
alt="image"
src="https://raw.githubusercontent.com/OptiDeals/OptiDeals-HTML/main/data/photos/hamburger.png"
class="home-image1" /></div
><div data-thq="thq-mobile-menu" class="home-mobile-menu"
><div class="home-nav"
><div class="home-top"
><img
alt="image"
src="https://raw.githubusercontent.com/OptiDeals/OptiDeals-HTML/main/data/photos/OptiDealsText.png"
class="home-logo" /><div
data-thq="thq-close-menu"
class="home-close-menu"
><svg viewBox="0 0 1024 1024" class="home-icon">
<path
d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
></path></svg></div></div
><nav class="home-links1"
><a href="#recipes" class="home-link05">Recipes</a
><a href="#features" class="home-link06">Features</a
><a href="#FAQ" class="home-link07">FAQ</a
><a href="capstone-project.html" class="home-navlink"
>Capstone</a
><a
href="https://github.com/orgs/OptiDeals/repositories"
target="_blank"
rel="noreferrer noopener"
class="home-link08"
>GitHub</a
><span data-openwidget-action="maximize" class="home-text03"
>Contact</span
></nav
></div
></div
></header
><section class="home-section"
><div class="home-hero"
><div class="home-content"
><main class="home-main"
><header class="home-header"
><h1 class="home-heading"
>Discover the Best Deals with OptiDeals</h1
><span class="home-caption"
>Where Savings Meet Satisfaction!</span
></header
><div class="home-buttons"
><a href="#recipes" class="home-link09"
><div class="home-get-started button"
><span class="home-text04">Get started</span></div
></a
><a href="#features" class="home-link10"
><div class="home-get-started1 button"
><span class="home-text05">View features</span></div
></a
></div
></main
><div class="home-highlight"
><div class="home-avatars"
><img
alt="image"
src="https://images.unsplash.com/photo-1552058544-f2b08422138a?ixid=M3w5MTMyMXwwfDF8c2VhcmNofDV8fHBlcnNvbnxlbnwwfHx8fDE3MTE2Mzk4NTF8MA&ixlib=rb-4.0.3&w=200"
class="home-image2 avatar" /><img
alt="image"
src="https://images.unsplash.com/photo-1554151228-14d9def656e4?ixid=M3w5MTMyMXwwfDF8c2VhcmNofDZ8fHBlcnNvbnxlbnwwfHx8fDE3MTE2Mzk4NTF8MA&ixlib=rb-4.0.3&w=200"
class="home-image3 avatar" /><img
alt="image"
src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixid=M3w5MTMyMXwwfDF8c2VhcmNofDQ3fHxwZXJzb258ZW58MHx8fHwxNzExNjQwMTk5fDA&ixlib=rb-4.0.3&w=200"
class="home-image4 avatar" /></div
><label class="home-caption1"
>Loved by 1,000+ people like you.</label
></div
></div
></div
></section
><section id="features" class="home-features"
><div class="home-note"
><div class="home-image5"
><img
alt="image"
src="https://raw.githubusercontent.com/OptiDeals/OptiDeals-HTML/main/data/photos/grocerybasket.png"
class="home-image6" /></div
><div class="home-content1"
><div class="home-caption2"
><span class="home-section1 section-head">Optideals</span></div
><div class="home-heading1"
><div class="home-header1"
><h2 class="section-heading"
><span>Features</span><br /></h2></div
><div class="accordion-accordion accordion-root-class-name"
><div
data-role="accordion-container"
class="accordion-element"
><div class="accordion-details"
><span class="accordion-text toggle-header clickable"
><span>Real-Time Flyer Deals Integration</span></span
><span
data-role="accordion-content"
class="accordion-text1 toggle-content"
><span
>OptiDeals integrates real-time flyer deals from
nearby Ontario grocers. This allows users to customize
their weekly meals based on the latest deals and
prices, ensuring they get the best value for their
money.</span
></span
></div
><svg
viewBox="0 0 1024 1024"
data-role="accordion-icon"
class="accordion-icon"
>
<path
d="M366 708l196-196-196-196 60-60 256 256-256 256z"
></path></svg></div
><div
data-role="accordion-container"
class="accordion-element1 accordion-element"
><div class="accordion-details1"
><span class="accordion-text2 toggle-header clickable"
><span>AI-Powered Meal Planning</span></span
><span
data-role="accordion-content"
class="accordion-text3 toggle-content"
><span
>Leveraging LLama’s advanced algorithms, OptiDeals
locally generates personalized meal plans based on user
preferences and current deals. This eliminates the
need for manual searching and planning, saving users
time and effort.</span
></span
></div
><svg
viewBox="0 0 1024 1024"
data-role="accordion-icon"
class="accordion-icon2"
>
<path
d="M366 708l196-196-196-196 60-60 256 256-256 256z"
></path></svg></div
><div
data-role="accordion-container"
class="accordion-element2 accordion-element"
><div class="accordion-details2"
><span class="accordion-text4 toggle-header clickable"
><span>Budget-Friendly Recipe Generation</span></span
><span
data-role="accordion-content"
class="accordion-text5 toggle-content"
><span
>OptiDeals takes savings to the next level by allowing
users to set their budget within the app. The AI then
curates a week’s worth of delicious recipes based on
the best flyer deals available, making it possible to
enjoy diverse and tasty meals without breaking the
bank.</span
></span
></div
><svg
viewBox="0 0 1024 1024"
data-role="accordion-icon"
class="accordion-icon4"
>
<path
d="M366 708l196-196-196-196 60-60 256 256-256 256z"
></path></svg></div></div></div></div></div></section
><section id="recipes" class="home-recipes"
><header class="home-header2"
><span class="home-section2 section-head">Recipes</span
><h2 class="home-heading3 section-heading"
>RECIPES OF THE WEEK</h2
></header
><iframe
src="https://optideals.github.io/OptiDeals-Grid/"
class="home-iframe"
></iframe></section
><section id="essentials" class="small-sections"
><header class="home-header2"
><span class="home-section2 section-head">ESSENTIALS</span
><h2 class="home-heading3 section-heading"
>ESSENTIAL ITEMS ON SALE</h2
></header
><iframe
src="https://optideals.github.io/OptiDeals-Grid/essentials/index.html"
class="essentials-iframe"
></iframe></section
><section id="geolocation" class="small-sections"
><header class="home-header2"
><span class="home-section2 section-head">Geolocation</span
><h2 class="home-heading3 section-heading"
>FIND STORES NEAR YOU</h2
></header
><iframe
src="https://optideals.github.io/OptiDeals-Grid/geolocation/index.html"
class="geolocation-iframe"
allow="geolocation" <!-- Allow geolocation access in the iframe -->
loading="lazy" <!-- Improve loading performance -->
></iframe></section
><section id="FAQ" class="home-faq"
><header class="home-header3"
><span class="home-section3 section-head">FAQ</span
><h2 class="home-heading4 section-heading"
>Frequently asked questions</h2
></header
><main class="home-accordion"
><div class="faq-accordion faq-root-class-name"
><div
data-role="accordion-container"
class="faq-element accordion-element"
><div class="faq-details"
><span class="faq-text toggle-header clickable"
>Is OptiDeals planning to use LLM or Llama AI for training
recipes and data based on grocery store sales?</span
><span
data-role="accordion-content"
class="faq-text1 toggle-content"
>Yes, OptiDeals is always looking for ways to improve and provide the best service to our users. We are currently using Ollama and Llama 3.1 8b to generate recipes. This advanced AI technology allows us to train recipes and data based on the foods on sale at grocery stores, further enhancing the personalization and accuracy of our meal plans. Stay tuned for updates on this exciting development!
</span></div
><div data-role="accordion-icon"
><svg viewBox="0 0 1024 1024" class="faq-icon">
<path
d="M366 708l196-196-196-196 60-60 256 256-256 256z"
></path></svg></div></div
><div
data-role="accordion-container"
class="faq-element1 accordion-element"
><div class="faq-details1"
><span class="faq-text2 toggle-header clickable"
>How does OptiDeals generate meal plans based on flyer
deals?</span
><span
data-role="accordion-content"
class="faq-text3 toggle-content"
>OptiDeals uses advanced algorithms to scan real-time flyer
deals from nearby Ontario grocers. It then generates
personalized meal plans based on these deals and your
preferences.
</span></div
><div data-role="accordion-icon"
><svg viewBox="0 0 1024 1024" class="faq-icon2">
<path
d="M366 708l196-196-196-196 60-60 256 256-256 256z"
></path></svg></div></div
><div
data-role="accordion-container"
class="faq-element2 accordion-element"
><div class="faq-details2"
><span class="faq-text4 toggle-header clickable"
>How does image generation work in OptiDeals?</span
><span
data-role="accordion-content"
class="faq-text5 toggle-content"
>OptiDeals currently uses a locally hosted server with a GTX 1060 6GB GPU to generate recipe images using InvokeAI and Juggernaut Diffusion. It takes around 100 seconds per recipe to generate the image.
</span></div
><div data-role="accordion-icon"
><svg viewBox="0 0 1024 1024" class="faq-icon4">
<path
d="M366 708l196-196-196-196 60-60 256 256-256 256z"
></path></svg></div></div></div></main></section
><footer class="home-footer"
><div class="home-content2"
><main class="home-main-content"
><div class="home-content3"
><header class="home-main1"
><div class="home-header4"
><img
alt="image"
src="https://raw.githubusercontent.com/OptiDeals/OptiDeals-HTML/main/data/photos/OptiDealsText.png"
class="home-branding"
/><span class="home-text08"
>Revolutionizing recipes </span
></div
><div class="home-socials"
><a
href="https://github.com/orgs/OptiDeals/repositories"
target="_blank"
rel="noreferrer noopener"
class="home-link11"
><svg
viewBox="0 0 877.7142857142857 1024"
class="home-icon2"
>
<path
d="M296.571 685.714v0c1.143-1.714 0.571-5.143-1.714-7.429-2.857-2.286-6.286-2.857-8-1.143-1.143 1.714-0.571 5.143 1.714 7.429 2.857 2.286 6.286 2.857 8 1.143zM280.571 662.286c-1.714-2.286-4.571-3.429-6.857-2.286-1.714 1.143-1.714 4.571 0 6.857 2.286 2.857 5.143 4 6.857 2.857v0c1.714-1.143 1.714-4.571 0-7.429zM257.143 639.429v0c0.571-1.143-0.571-3.429-2.857-4.571-1.714-0.571-4-0.571-4.571 1.143-1.143 1.714 0 3.429 2.286 4.571 2.286 0.571 4.571 0.571 5.143-1.143zM269.143 652.571v0c1.143-1.143 1.143-4-1.143-5.714-1.714-2.286-4.571-2.857-5.714-1.714-1.714 1.714-1.143 4 0.571 6.286 1.714 1.714 4.571 2.857 6.286 1.143zM318.286 695.429v0c0.571-2.286-1.714-5.143-5.143-6.286s-6.286 0-7.429 2.286c-0.571 2.286 1.714 5.143 5.143 6.286s6.286 0 7.429-2.286zM342.286 697.143v0c0-2.286-2.857-4.571-6.857-4.571-3.429 0-5.714 2.286-5.714 4.571s2.857 4.571 6.286 4.571 6.286-2.286 6.286-4.571zM364.571 693.143v0c-0.571-2.286-4-3.429-7.429-2.857s-5.714 2.857-5.143 5.143 3.429 4 6.857 3.429 5.714-3.429 5.714-5.714zM731.429 512c0-161.714-130.857-292.571-292.571-292.571s-292.571 130.857-292.571 292.571c0 129.143 84 238.857 200 277.714 14.857 2.857 20-6.286 20-14.286 0-6.857 0-29.714-0.571-54.286 0 0-81.143 17.714-98.286-34.857 0 0-13.143-33.714-32.571-42.286 0 0-26.286-18.286 2.286-18.286 0 0 28.571 2.286 44.571 30.286 25.714 45.143 68.571 32 85.143 24.571 2.857-18.857 10.286-32 18.857-39.429-65.143-7.429-133.714-32.571-133.714-144.571 0-32 11.429-57.714 30.286-78.286-2.857-7.429-13.143-37.143 2.857-77.714 24.571-7.429 80.571 30.286 80.571 30.286 23.429-6.857 48-9.714 73.143-9.714s49.714 2.857 73.143 9.714c0 0 56-37.714 80.571-30.286 16 40.571 5.714 70.286 2.857 77.714 18.857 20.571 30.286 46.286 30.286 78.286 0 112.571-68.571 137.143-133.714 144.571 10.286 9.143 20 26.857 20 54.286 0 38.857-0.571 70.286-0.571 80 0 8 5.143 17.143 20 14.286 116-38.857 200-148.571 200-277.714zM877.714 237.714v548.571c0 90.857-73.714 164.571-164.571 164.571h-548.571c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571c90.857 0 164.571 73.714 164.571 164.571z"
></path></svg></a></div></header></div
><section class="home-copyright"
><span class="home-text09">© 2024 OptiDeals Inc.</span></section
></main
><main class="home-subscribe"></main
><section class="home-copyright1"
><span class="home-text10">© 2024 OptiDeals Inc.</span></section
></div
></footer
></div
></div
>
<script>
window.__ow = window.__ow || {};
window.__ow.organizationId = "9ab7fd75-aafe-4b15-a657-54190ca62fdb";
;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[OpenWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.openwidget.com/openwidget.js",t.head.appendChild(n)}};!n.__ow.asyncInit&&e.init(),n.OpenWidget=n.OpenWidget||e}(window,document,[].slice))</script
><script>
window.onload = function() {
var headers = document.getElementsByClassName('toggle-header');
for (var i = 0; i < headers.length; i++) {
headers[i].addEventListener('click', function() {
var content = this.nextElementSibling;
if (content.style.display === "none" || content.style.display === "") {
content.style.display = "block";
} else {
content.style.display = "none";
}
});
}
}</script
><script
defer=""
src="https://unpkg.com/@teleporthq/teleport-custom-scripts"
></script></body
></html>