PageSourceSearch

https://www.myfoodrepo.ai/en

html myfoodrepo.ai collected 2026-10-04 14:54:25 UTC 47,777 bytes, 1,237 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="en">
4  <head>
5    <title>MyFoodRepo AI</title>
6
7    <meta name="viewport" content="width=device-width,initial-scale=1">
8    <meta name="apple-mobile-web-app-capable" content="yes">
9    <meta name="mobile-web-app-capable" content="yes">
10
11    <meta property="og:url" content="https://www.myfoodrepo.ai/en">
12<meta property="og:type" content="website">
13<meta property="og:title" content="MyFoodRepo AI">
14<meta property="og:description" content="Track your nutrition with MyFoodRepo AI.">
15<meta property="og:image" content="https://www.myfoodrepo.ai/assets/default-og-image-b953e81a.jpg">
16<meta property="og:site_name" content="MyFoodRepo AI">
17<meta property="og:locale" content="en">
18<meta name="twitter:card" content="summary">
19<meta name="twitter:title" content="MyFoodRepo AI">
20<meta name="twitter:description" content="Track your nutrition with MyFoodRepo AI.">
21<meta name="twitter:image" content="https://www.myfoodrepo.ai/assets/default-og-image-b953e81a.jpg">
22    <meta name="csrf-param" content="authenticity_token" />
23<meta name="csrf-token" content="vdXTCqdjf8cf6Mrv-cx2HvL2eVP53Dl5K7lCG1zJYKDrOsjFB9rghcs3tIDMPZgRtHWrqMMu81aylfFvVsLNAw" />
24    
25
26    <link
27      rel="icon"
28      type="image/png"
29      href="/favicons/favicon-96x96.png"
30      sizes="96x96"
31    >
32
33    <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg">
34    <link rel="shortcut icon" href="/favicons/favicon.ico">
35
36    <link
37      rel="apple-touch-icon"
38      sizes="180x180"
39      href="/favicons/apple-touch-icon.png"
40    >
41
42    <meta name="apple-mobile-web-app-title" content="MyFoodRepoAI">
43
44    <link rel="manifest" href="/favicons/site.webmanifest">
45    <link rel="alternate" type="application/rss+xml" title="Blog RSS (%{locale})" href="https://www.myfoodrepo.ai/en/blog.rss">
46
47    <link rel="stylesheet" href="/assets/application-0fea2bc1.css" data-turbo-track="reload" />
48    
48<script type="importmap" data-turbo-track="reload">{
49  "imports": {
50    "application": "/assets/application-b4cd15a3.js",
51    "@hotwired/turbo-rails": "/assets/turbo.min-9fd88cd5.js",
52    "@hotwired/stimulus": "/assets/stimulus.min-4b1e420e.js",
53    "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js",
54    "trix": "/assets/trix-4bf79781.js",
55    "@rails/actiontext": "/assets/actiontext.esm-c376325e.js",
56    "controllers/application": "/assets/controllers/application-9a1b59fe.js",
57    "controllers/checkout": "/assets/controllers/checkout-47ae72d9.js",
58    "controllers/dropdown_component_controller": "/assets/controllers/dropdown_component_controller-101f3cdd.js",
59    "controllers/form_submit_controller": "/assets/controllers/form_submit_controller-733b696b.js",
60    "controllers/hidden_timezone_field_controller": "/assets/controllers/hidden_timezone_field_controller-fc8303bf.js",
61    "controllers/home_controller": "/assets/controllers/home_controller-af07a8e1.js",
62    "controllers": "/assets/controllers/index-2805bf1a.js",
63    "controllers/modal_controller": "/assets/controllers/modal_controller-8e4d5ea6.js",
64    "controllers/query_form_controller": "/assets/controllers/query_form_controller-226b0caa.js",
65    "controllers/redirect_controller": "/assets/controllers/redirect_controller-b0de25b4.js",
66    "controllers/slideshow_controller": "/assets/controllers/slideshow_controller-7c62e28d.js",
67    "controllers/subscriptions/query_form_controller": "/assets/controllers/subscriptions/query_form_controller-b4d6194e.js",
68    "controllers/webauthn/authentication_controller": "/assets/controllers/webauthn/authentication_controller-beaf6b5e.js",
69    "controllers/webauthn/register_controller": "/assets/controllers/webauthn/register_controller-acbfe979.js"
70  }
71}</script>
71
72<link rel="modulepreload" href="/assets/application-b4cd15a3.js">
73<link rel="modulepreload" href="/assets/turbo.min-9fd88cd5.js">
74<link rel="modulepreload" href="/assets/stimulus.min-4b1e420e.js">
75<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js">
76<link rel="modulepreload" href="/assets/trix-4bf79781.js">
77<link rel="modulepreload" href="/assets/actiontext.esm-c376325e.js">
78<link rel="modulepreload" href="/assets/controllers/application-9a1b59fe.js">
79<link rel="modulepreload" href="/assets/controllers/checkout-47ae72d9.js">
80<link rel="modulepreload" href="/assets/controllers/dropdown_component_controller-101f3cdd.js">
81<link rel="modulepreload" href="/assets/controllers/form_submit_controller-733b696b.js">
82<link rel="modulepreload" href="/assets/controllers/hidden_timezone_field_controller-fc8303bf.js">
83<link rel="modulepreload" href="/assets/controllers/home_controller-af07a8e1.js">
84<link rel="modulepreload" href="/assets/controllers/index-2805bf1a.js">
85<link rel="modulepreload" href="/assets/controllers/modal_controller-8e4d5ea6.js">
86<link rel="modulepreload" href="/assets/controllers/query_form_controller-226b0caa.js">
87<link rel="modulepreload" href="/assets/controllers/redirect_controller-b0de25b4.js">
88<link rel="modulepreload" href="/assets/controllers/slideshow_controller-7c62e28d.js">
89<link rel="modulepreload" href="/assets/controllers/subscriptions/query_form_controller-b4d6194e.js">
90<link rel="modulepreload" href="/assets/controllers/webauthn/authentication_controller-beaf6b5e.js">
91<link rel="modulepreload" href="/assets/controllers/webauthn/register_controller-acbfe979.js">
92<script type="module">import "application"</script>
92
93
94    
94<script src="https://unpkg.com/@phosphor-icons/[email protected]" crossorigin="anonymous" integrity="sha384-cPFV+/abYd3INVFHPmSKpBmcnH+Q+bTZW7dv/EiuShUNPkHyFmRF8PsL7Ibfvunk"></script>
94
95    
95<script src="https://fragrant-voice-fbaa.salathe-devadmin.workers.dev/fragrant-voice-fbaa/script.js" defer="defer" data-domain="www.myfoodrepo.ai" data-api="https://fragrant-voice-fbaa.salathe-devadmin.workers.dev/fragrant-voice-fbaa/event"></script>
95
96    
96<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit"></script>
96
97    
98
99    <meta name="turbo-prefetch" content="false">
100    <meta name="turbo-refresh-method" content="morph"><meta name="turbo-refresh-scroll" content="preserve">
101  </head>
102
103  <body>
104      <div class="h-screen flex overflow-hidden bg-gray-50">
105    <div class="h-screen flex overflow-hidden bg-gray-100">
106  <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->
107  <div
108    data-controller="sidebar-component"
109    data-action="mobile-sidebar-button-component:open@window-&gt;sidebar-component#enter"
110    data-transition-enter-active="transition-opacity ease-linear duration-300"
111    data-transition-enter-from="opacity-0"
112    data-transition-enter-to="opacity-100"
113    data-transition-leave-active="transition-opacity ease-linear duration-300"
114    data-transition-leave-from="opacity-100"
115    data-transition-leave-to="opacity-0"
116    class="fixed inset-0 flex z-40"
117    role="dialog"
118    aria-modal="true">
119    <div
120      data-action="click-&gt;sidebar-component#leave"
121      class="fixed inset-0 bg-gray-600 opacity-75"
122      aria-hidden="true">
123    </div>
124    <div class="public-sidebar">
125      <!-- Navbar -->
126      <div class="public-sidebar-navbar">
127        <div class="public-sidebar-navbar-row">
128          <!-- Left: Logo -->
129          <div class="public-sidebar-navbar-left">
130            <a class="ml-0 w-full flex justify-start" href="/en">
131  <img class="" alt="MyFoodRepoAI" src="/assets/logo-cdfd2fd2.svg" />
132</a>
133          </div>
134          <!-- Right: Language Selector and Close Button -->
135          <div class="public-sidebar-navbar-right">
136            <!-- Language Selector -->
137            <div class="public-sidebar-language-wrapper">
138              <div data-controller="dropdown-component" class="relative inline-block text-left">
139  <button
140    data-action="dropdown-component#toggle"
141    type="button"
142    class="btn btn-primary btn-compact btn-secondary"
143    aria-expanded="true"
144    aria-haspopup="true">
145    <i class="ph ph-globe public-sidebar-language-icon">
146  
147</i>
148
149    <span>
150      EN
151    </span>
152  </button>
153  <div
154    data-dropdown-component-target="menu"
155    data-transition-enter-active="transition ease-out duration-100"
156    data-transition-enter-from="transform opacity-0 scale-95"
157    data-transition-enter-to="transform opacity-100 scale-100"
158    data-transition-leave-active="transition ease-in duration-75"
159    data-transition-leave-from="transform opacity-100 scale-100"
160    data-transition-leave-to="transform opacity-0 scale-95"
161    class="hidden origin-top-right left-0 mt-2 absolute z-10"
162    role="menu"
163    aria-orientation="vertical"
164    tabindex="-1">
165    <div role="none">
166        <a class="dropdown-item-active" role="menuitem" tabindex="-1" href="/en">English</a>
167        <a class="" role="menuitem" tabindex="0" href="/fr">Français</a>
168        <a class="" role="menuitem" tabindex="0" href="/de">Deutsch</a>
169    </div>
170  </div>
171</div>
172            </div>
173            <!-- Close Button -->
174            <button
175              data-action="sidebar-component#leave"
176              type="button"
177              class="btn btn-primary btn-compact">
178              <span class="sr-only">Close</span>
179              Close
180            </button>
181          </div>
182        </div>
183      </div>
184      <!-- Section -->
185      <div class="public-sidebar-section">
186        <!-- Menu -->
187        <div class="public-sidebar-menu">
188          <!-- List -->
189          <div class="public-sidebar-list">
190              <a class="public-sidebar-menu-item" href="/en">
191  Home
192</a>
193              <a class="public-sidebar-menu-item" href="/en/science">
194  Science
195</a>
196              <a class="public-sidebar-menu-item" href="/en/blog">
197  Blog
198</a>
199              <a class="public-sidebar-menu-item" href="/en/faqs">
200  FAQs
201</a>
202          </div>
203          <!-- Buttons -->
204          <div class="public-sidebar-buttons">
205                <!-- Sign Up Button -->
206                <a class="public-sidebar-signup-button" href="/en/users/sign_up">
207                  Sign up
208</a>                <!-- Sign In Button -->
209                <a class="public-sidebar-signin-button" href="/en/users/sign_in">
210                  Sign in
211</a>          </div>
212        </div>
213        <!-- Links Section -->
214        <div class="public-sidebar-links" data-controller="modal">
215          <div class="public-sidebar-links-title">
216            Download the App
217          </div>
218          <div class="public-sidebar-links-badges">
219            <a href="https://apps.apple.com/ch/app/myfoodrepo/id1450244793" class="public-sidebar-app-badge" target="_blank" rel="noopener noreferrer" data-action="click-&gt;modal#open">
220              <img alt="Download on the App Store" src="/assets/home/btn-app-store-9b684ce6.svg" />
221            </a>
222            <a href="https://play.google.com/store/apps/details?id=ch.digitalepidemiologylab.myfoodrepo2" class="public-sidebar-app-badge" target="_blank" rel="noopener noreferrer" data-action="click-&gt;modal#open">
223              <img alt="Get it on Google Play" src="/assets/home/btn-google-play-0262f860.svg" />
224            </a>
225          </div>
226          <div class="absolute z-10" aria-labelledby="dialog-title" role="dialog" aria-modal="true" data-modal-target="wrapper">
227  <div data-modal-target="backdrop"
228    class="fixed inset-0 bg-gray-500/75 transition-opacity"
229    data-transition-enter-active="ease-out duration-300"
230    data-transition-enter-from="opacity-0"
231    data-transition-enter-to="opacity-100"
232    data-transition-leave-active="ease-in duration-200"
233    data-transition-leave-from="opacity-100"
234    data-transition-leave-to="opacity-0">
235  </div>
236  <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
237    <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
238      <div data-modal-target="panel"
239        class="relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-sm sm:p-6"
240        data-transition-enter-active="ease-out duration-300"
241        data-transition-enter-from="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
242        data-transition-enter-to="opacity-100 translate-y-0 sm:scale-100"
243        data-transition-leave-active="ease-in duration-200"
244        data-transition-leave-from="opacity-100 translate-y-0 sm:scale-100"
245        data-transition-leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
246        <h3 id="dialog-title" class="text-center text-base font-semibold text-gray-900">
247          Information
248        </h3>
249        <p class="mt-2 text-center text-md text-gray-500">
250          To use the app, you must have an active subscription.
251          <a class="underline hover:text-brand" href="/en/me/subscriptions">Subscribe today.</a>
252        </p>
253        <div class="mt-6 space-y-2">
254          <button data-action="modal#continue"
255            class="w-full rounded-md bg-brand px-3 py-2 text-sm font-semibold text-white hover:bg-brand-dark">
256            Continue to the store
257          </button>
258          <button data-action="modal#close"
259            class="w-full rounded-md bg-gray-200 px-3 py-2 text-sm font-semibold text-gray-700 hover:bg-gray-300">
260            Close
261          </button>
262        </div>
263      </div>
264    </div>
265  </div>
266</div>
267
268        </div>
269      </div>
270    </div>
271    <div class="shrink-0 w-14" aria-hidden="true">
272      <!-- Dummy element to force sidebar to shrink to fit close icon -->
273    </div>
274  </div>
275</div>
276    <div class="flex flex-col w-0 flex-1 overflow-hidden">
277      <main class="flex-1 relative overflow-y-auto focus:outline-hidden">
278        <div class="flex flex-col min-h-screen justify-between">
279          <nav class="bg-gray-50 w-full h-24 md:h-[72px]">
280  <div class="flex flex-row items-center w-full max-w-7xl mx-auto gap-8 lg:gap-6 md:gap-4 h-full box-border px-6 py-6 md:py-4 lg:py-6 md:px-10 lg:px-20">
281    <!-- Logo -->
282    <div class="flex-1 flex items-center [&amp;_img]:w-[170px] [&amp;_img]:h-9 [&amp;_img]:object-contain md:[&amp;_img]:w-[151px] md:[&amp;_img]:h-8 max-[320px]:[&amp;_img]:w-[114px] max-[320px]:[&amp;_img]:h-6">
283      <a class="ml-0 w-full flex justify-start" href="/en">
284  <img class="" alt="MyFoodRepoAI" src="/assets/logo-cdfd2fd2.svg" />
285</a>
286    </div>
287
288    <!-- Navigation Links (hidden on small/x-small) -->
289    <div class="flex-1 hidden md:flex flex-row justify-center items-center gap-1">
290        <a class="flex flex-row justify-center items-center gap-1 h-9 rounded-lg no-underline transition-all text-tangaroa font-secondary font-semibold text-sm leading-[160%] tracking-tight px-2 hover:underline hover:text-oregon " href="/en/science">
291          Science
292</a>        <a class="flex flex-row justify-center items-center gap-1 h-9 rounded-lg no-underline transition-all text-tangaroa font-secondary font-semibold text-sm leading-[160%] tracking-tight px-2 hover:underline hover:text-oregon " href="/en/blog">
293          Blog
294</a>        <a class="flex flex-row justify-center items-center gap-1 h-9 rounded-lg no-underline transition-all text-tangaroa font-secondary font-semibold text-sm leading-[160%] tracking-tight px-2 hover:underline hover:text-oregon " href="/en/faqs">
295          FAQs
296</a>    </div>
297
298    <!-- Action Buttons -->
299    <div class="navbar-actions flex-1 flex flex-row justify-end items-center gap-3">
300      <!-- Language Selector (visible on all screens) -->
301      <div data-controller="dropdown-component" class="relative inline-block text-left">
302  <button
303    data-action="dropdown-component#toggle"
304    type="button"
305    class="btn btn-primary btn-compact btn-secondary"
306    aria-expanded="true"
307    aria-haspopup="true">
308    <i class="ph ph-globe text-granite">
309  
310</i>
311
312    <span>
313      EN
314    </span>
315  </button>
316  <div
317    data-dropdown-component-target="menu"
318    data-transition-enter-active="transition ease-out duration-100"
319    data-transition-enter-from="transform opacity-0 scale-95"
320    data-transition-enter-to="transform opacity-100 scale-100"
321    data-transition-leave-active="transition ease-in duration-75"
322    data-transition-leave-from="transform opacity-100 scale-100"
323    data-transition-leave-to="transform opacity-0 scale-95"
324    class="hidden origin-top-right left-0 mt-2 absolute z-10"
325    role="menu"
326    aria-orientation="vertical"
327    tabindex="-1">
328    <div role="none">
329        <a class="dropdown-item-active" role="menuitem" tabindex="-1" href="/en">English</a>
330        <a class="" role="menuitem" tabindex="0" href="/fr">Français</a>
331        <a class="" role="menuitem" tabindex="0" href="/de">
331Deutsch</a>
332    </div>
333  </div>
334</div>
335
336      <!-- Menu Button (visible on small screens only) -->
337      <div class="md:hidden">
338        <button
339  data-controller="mobile-sidebar-button-component"
340  data-action="mobile-sidebar-button-component#open"
341  type="button"
342  class="btn btn-primary btn-compact">
343  <span class="sr-only">Open sidebar</span>
344  Menu
345</button>
346
347      </div>
348
349      <!-- Sign In Button (hidden on small screens) -->
350      <div class="hidden md:block">
351            <a class="btn btn-primary h-10 px-4 text-xs rounded-xl md:h-12 md:px-5 md:text-sm md:rounded-2xl lg:h-12 lg:px-5 lg:text-sm lg:rounded-2xl gap-1" href="/en/users/sign_in">
352              Sign in
353</a>      </div>
354    </div>
355  </div>
356</nav>
357
358          <main class="grow">
359            <!-- Hero Section -->
360<section
361  class="
362    flex flex-col justify-center items-center w-full bg-gray-50 py-5 pb-16
363    md:py-16
364  "
365>
366  <div
367    class="
368      flex flex-col md:flex-row items-center p-0 gap-4 md:gap-4 lg:gap-6
369      xl:gap-8 w-full max-w-7xl mx-auto h-full box-border px-6 md:px-10
370      lg:px-20 py-6 md:py-4 lg:py-6
371    "
372  >
373    <div
374      class="
375        flex flex-col items-start p-0 gap-8 md:gap-8 lg:gap-10 xl:gap-12
376        flex-1 order-2 md:order-0
377      "
378    >
379      <div
380        class="
381          flex flex-col items-start p-0 gap-5 md:gap-6 lg:gap-6 xl:gap-8
382          w-full
383        "
384      >
385        <h1
386          class="
387            text-tangaroa font-primary font-medium text-4xl md:text-5xl
388            lg:text-6xl xl:text-7xl leading-[105%] tracking-tight
389          "
390        >
391          Understand Your Nutrition
392          <br>
393          <span class="text-clementine">with Science and AI</span>
394        </h1>
395
396        <p
397          class="
398            w-full md:w-full lg:w-[481px] xl:w-[481px] max-w-full
399            text-tangaroa font-secondary font-normal text-xl md:text-base
400            lg:text-lg xl:text-xl leading-[160%] tracking-tight
401          "
402        >
403          Built upon scientific research, MyFoodRepo instantly analyzes your food photos and delivers useful insights that support your decisions about what you eat.
404        </p>
405      </div>
406
407      <div class="flex flex-row items-start p-0 gap-3 w-full">
408        <a class="btn btn-primary" data-turbo-frame="_top" href="/en/users/sign_up">
409          Get started
410</a>
411        <a class="btn btn-secondary" href="/en/science">
412          The science
413</a>      </div>
414    </div>
415
416    <div
417      class="
418        flex flex-row items-center p-0 flex-1 rounded-3xl overflow-hidden
419        min-w-0 aspect-3/5 max-h-[400px] md:max-h-[500px] lg:max-h-[500px]
420        xl:max-h-[800px] md:max-w-[400px] w-full md:w-auto order-1
421        md:order-0
422      "
423    >
424      <img alt="MyFoodRepo app" class="w-full h-full rounded-2xl md:rounded-3xl lg:rounded-[20px] xl:rounded-3xl block object-cover" src="/assets/home/home-1-30916e3f.jpg" />
425    </div>
426  </div>
427</section>
428
429<!-- Feature Section -->
430<section
431  class="
432    flex flex-col justify-center items-center w-full bg-gray-50 py-16
433    md:py-20 lg:py-24 px-6 md:px-10 lg:px-20
434  "
435  data-controller="slideshow"
436  data-slideshow-interval-value="3000"
437>
438  <div
439    class="
440      flex flex-col md:flex-row items-center p-0 gap-4 md:gap-4 lg:gap-6
441      xl:gap-8 w-full max-w-7xl bg-gray-100 rounded-2xl md:rounded-2xl
442      lg:rounded-[20px] xl:rounded-3xl overflow-visible
443    "
444  >
445    <div
446      class="
447        hidden md:flex flex-row justify-center items-center p-0 flex-1 -my-8
448        md:-my-8 lg:-my-10 xl:-my-12
449      "
450      data-controller="home"
451      data-transition-enter-active="transition-all ease-out duration-1500"
452      data-transition-enter-from="transform opacity-0 -translate-x-10"
453      data-transition-enter-to="transform opacity-100 translate-x-0"
454    >
455        <div
456          class="
457            absolute overflow-hidden opacity-0 transition-all duration-3000
458            ease-in-out w-[260px] shadow-xl rounded-[50px] sm:rounded-[52px]
459            xl:w-[300px]
460          "
461          data-slideshow-target="slide"
462        >
463          <img class="w-full h-full object-cover" alt="MyFoodRepo app screenshot" src="/assets/home/screenshots/en/1-f59360a7.png" />
464        </div>
465        <div
466          class="
467            absolute overflow-hidden opacity-0 transition-all duration-3000
468            ease-in-out w-[260px] shadow-xl rounded-[50px] sm:rou
468nded-[52px]
469            xl:w-[300px]
470          "
471          data-slideshow-target="slide"
472        >
473          <img class="w-full h-full object-cover" alt="MyFoodRepo app screenshot" src="/assets/home/screenshots/en/2-4ccdce21.png" />
474        </div>
475        <div
476          class="
477            absolute overflow-hidden opacity-0 transition-all duration-3000
478            ease-in-out w-[260px] shadow-xl rounded-[50px] sm:rounded-[52px]
479            xl:w-[300px]
480          "
481          data-slideshow-target="slide"
482        >
483          <img class="w-full h-full object-cover" alt="MyFoodRepo app screenshot" src="/assets/home/screenshots/en/3-4e3f0f51.png" />
484        </div>
485    </div>
486
487    <div
488      class="
489        flex flex-col justify-end items-start gap-8 md:gap-8 lg:gap-10
490        xl:gap-12 flex-1 p-4 md:py-8 md:pr-5 md:pl-0 lg:py-10 lg:pr-6
491        lg:pl-0 xl:py-12 xl:pr-8 xl:pl-0
492      "
493    >
494      <div class="flex flex-col items-start p-0 gap-12 w-full">
495        <h2
496          class="
497            text-tangaroa font-primary font-medium text-4xl lg:text-5xl
498            xl:text-6xl leading-tight tracking-tight opacity-0 translate-y-4
499          "
500          data-controller="home"
501          data-transition-enter-active="transition-all ease-out duration-1000"
502          data-transition-enter-from="transform opacity-0 translate-y-4"
503          data-transition-enter-to="transform opacity-100 translate-y-0"
504        >
505          Simple food tracking
506        </h2>
507
508        <ul class="flex flex-col items-start p-0 gap-4 w-full">
509            <li
510              class="flex flex-row items-start p-0 gap-4 w-full opacity-0"
511              data-controller="home"
512              data-transition-enter-active="transition-all ease-out duration-1500"
513              data-transition-enter-from="transform opacity-0"
514              data-transition-enter-to="transform opacity-100 translate-y-0"
515              data-home-delay-value="0.1"
516            >
517              <div
518                class="
519                  flex flex-row justify-center items-center p-0 w-6 h-8
520                  shrink-0
521                "
522              >
523                <i class="ph ph-seal-check ph-fill text-clementine text-3xl">
524  
525</i>
526
527              </div>
528
529              <div
530                class="
531                  flex-1 text-tangaroa font-secondary font-normal text-xl
532                  md:text-base lg:text-lg xl:text-xl leading-[160%]
533                  tracking-tight opacity-50 transition-all duration-3000
534                  ease-in-out
535                "
536                data-slideshow-target="feature"
537              >
538                Snap photos, scan barcodes or enter manually for instant food recognition
539              </div>
540            </li>
541            <li
542              class="flex flex-row items-start p-0 gap-4 w-full opacity-0"
543              data-controller="home"
544              data-transition-enter-active="transition-all ease-out duration-1500"
545              data-transition-enter-from="transform opacity-0"
546              data-transition-enter-to="transform opacity-100 translate-y-0"
547              data-home-delay-value="0.2"
548            >
549              <div
550                class="
551                  flex flex-row justify-center items-center p-0 w-6 h-8
552                  shrink-0
553                "
554              >
555                <i class="ph ph-seal-check ph-fill text-clementine text-3xl">
556  
557</i>
558
559              </div>
560
561              <div
562                class="
563                  flex-1 text-tangaroa font-secondary font-normal text-xl
564                  md:text-base lg:text-lg xl:text-xl leading-[160%]
565                  tracking-tight opacity-50 transition-all duration-3000
566                  ease-in-out
567                "
568                data-slideshow-target="feature"
569              >
570                Get detailed nutritional analysis in seconds
571              </div>
572            </li>
573            <li
574              class="flex flex-row items-start p-0 gap-4 w-full opacity-0"
575              data-controller="home"
576              data-transition-enter-active="transition-all ease-out duration-1500"
577              data-transition-enter-from="transform opacity-0"
578              data-transition-enter-to="transform opacity-100 translate-y-0"
579              data-home-delay-value="0.30000000000000004"
580            >
581              <div
582                class="
583                  flex flex-row justify-center items-center p-0 w-6 h-8
584                  shrink-0
585                "
586              >
587                <i class="ph ph-seal-check ph-fill text-clementine text-3xl">
588  
589</i>
590
591              </div>
592
593              <div
594                class="
595                  flex-1 text-tangaroa font-secondary font-normal text-xl
596                  md:text-base lg:text-lg xl:text-xl leading-[160%]
597                  tracking-tight opacity-50 transition-all duration-3000
598                  ease-in-out
599                "
600                data-slideshow-target="feature"
601              >
602                Track your diet patterns over time with visual graphs
603              </div>
604            </li>
605        </ul>
606      </div>
607
608      <div
609        class="opacity-0 translate-x-10"
610        data-controller="home"
611        data-transition-enter-active="transition-all ease-out duration-1500"
612        data-transition-enter-from="transform opacity-0 translate-x-10"
613        data-transition-enter-to="transform opacity-100 translate-y-0"
614        data-home-delay-value="0.4"
615      >
616        <a class="btn btn-primary h-12 px-5 text-sm rounded-2xl md:h-[60px] md:px-8 md:text-sm md:rounded-[20px] lg:h-[60px] lg:px-8 lg:text-base lg:rounded-[20px]" data-turbo-frame="_top" href="/en/me/checkout/new">
617          Try It Now
618</a>      </div>
619    </div>
620  </div>
621</section>
622
623<!-- Quotes Section -->
624<section
625  class="
626    flex flex-col justify-center items-center gap-5 md:gap-10 lg:gap-12
627    xl:gap-16 w-full bg-gray-50 py-16 md:py-20 lg:py-24 px-6 md:px-10
628    lg:px-20
629  "
630>
631  <h2
632    class="
633      w-full max-w-7xl text-center text-tangaroa font-primary font-medium
634      text-2xl md:text-3xl lg:text-4xl xl:text-5xl leading-tight
635      tracking-tight
636    "
637  >
638    Trusted by researchers
639  </h2>
640
641  <div
642    class="
643      flex flex-row md:grid md:grid-cols-3 items-stretch p-0 gap-4 md:gap-4
644      lg:gap-6 xl:gap-8 w-full max-w-7xl overflow-x-auto
645      md:overflow-x-visible scrollbar-hide snap-x snap-mandatory
646      md:snap-none
647    "
648  >
649      <div
650        class="
651          shrink-0 w-[75vw] md:w-auto md:shrink-0 snap-start md:snap-none
652          h-full
653        "
654      >
655        <div
656  class="pt-8 h-full flex flex-col opacity-0 translate-y-6"
657  data-controller="home"
658  data-transition-enter-active="transition-all ease-out duration-2000"
659  data-transition-enter-from="transform opacity-0 translate-y-6"
660  data-transition-enter-to="transform opacity-100 translate-y-0"
661  data-home-delay-value="0.0"
662>
663  <div
664    class="
665      flex flex-col items-start gap-8 md:gap-10 lg:gap-12 xl:gap-16 w-full
666      h-full bg-gray-100 rounded-[20px] lg:rounded-3xl box-border p-4 md:p-5
667      lg:p-6 xl:p-8
668    "
669  >
670    <div
671      class="
672        flex flex-col items-start p-0 gap-5 md:gap-5 lg:gap-6 xl:gap-8
673        w-full flex-1
674      "
675    >
676      <div
677        class="
678          w-8 h-8 shrink-0 text-clementine flex items-center justify-start
679          font-primary text-3xl leading-none font-medium
680        "
681      >
682        <i class="ph ph-quotes ph-fill">
683  
684</i>
685
686      </div>
687
688      <div
689        class="
690          w-full text-tangaroa font-secondary font-normal text-sm
691          lg:text-base leading-[160%] tracking-tight
692        "
693      >
694        MyFoodRepo, a formidable AI-generative achievement that I was lucky enough to train. A first-rate ally for nutrition research, an intuitive tool for nutritional assessment of eating habits, easy to use and now accessible to everyone.
695      </div>
696    </div>
697
698    <div class="flex flex-row items-center p-0 gap-3 w-full">
699      <div
700        class="
701          flex flex-row items-center p-0 w-12 h-12 lg:w-[60px] lg:h-[60px]
702          bg-gray-50 rounded-full shrink-0 overflow-hidden
703        "
704      >
705        <img alt="Stéphanie Bonnewyn" class="w-full h-full object-cover rounded-full" src="https://www.myfoodrepo.ai/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6IjgyODE2MTFhLTc3OGEtNDhkOS1iZTUyLWY4ZjJmYzcxNGQ5MCIsInB1ciI6ImJsb2JfaWQifX0=--6bb8cf7ee018dc187643b2d1614c497ab2c359a6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzE1MCwxNTBdfSwicHVyIjoidmFyaWF0aW9uIn19--b189673458bb91a08dd64584c75268dcf8a612b8/quotes-bonnewyn.jpg?locale=en" />
706      </div>
707
708      <div class="flex flex-col justify-center items-start p-0 flex-1">
709        <div
710          class="
711            w-full text-tangaroa font-secondary font-medium text-xs
712            lg:text-sm leading-[160%] tracking-tight
713          "
714        >
715          Stéphanie Bonnewyn
716        </div>
717
718          <div
719            class="
720              w-full underline text-granite font-secondary font-normal
721              text-xs lg:text-sm leading-[160%] tracking-tight
722            "
723          >
724            Dietitian - Nutritionist
725          </div>
726      </div>
727    </div>
728  </div>
729</div>
730
731      </div>
732      <div
733        class="
734          shrink-0 w-[75vw] md:w-auto md:shrink-0 snap-start md:snap-none
735          h-full
736        "
737      >
738        <div
739  class="pt-8 h-full flex flex-col opacity-0 translate-y-6"
740  data-controller="home"
741  data-transition-enter-active="transition-all ease-out duration-2000"
742  data-transition-enter-from="transform opacity-0 translate-y-6"
743  data-transition-enter-to="transform opacity-100 translate-y-0"
744  data-home-delay-value="0.2"
745>
746  <div
747    class="
748      flex flex-col items-start gap-8 md:gap-10 lg:gap-12 xl:gap-16 w-full
749      h-full bg-gray-100 rounded-[20px] lg:rounded-3xl box-border p-4 md:p-5
750      lg:p-6 xl:p-8
751    "
752  >
753    <div
754      class="
755        flex flex-col items-start p-0 gap-5 md:gap-5 lg:gap-6 xl:gap-8
756        w-full flex-1
757      "
758    >
759      <div
760        class="
761          w-8 h-8 shrink-0 text-clementine flex items-center justify-start
762          font-primary text-3xl leading-none font-medium
763        "
764      >
765        <i class="ph ph-quotes ph-fill">
766  
767</i>
768
769      </div>
770
771      <div
772        class="
773          w-full text-tangaroa font-secondary font-normal text-sm
774          lg:text-base leading-[160%] tracking-tight
775        "
776      >
777        I started using the app a couple of days ago and the feature «how to improve your HEI» is really helpful because it guides you with what practical changes you need to take in subsequent meals to improve your HEI.
778      </div>
779    </div>
780
781    <div class="flex flex-row items-center p-0 gap-3 w-full">
782      <div
783        class="
784          flex flex-row items-center p-0 w-12 h-12 lg:w-[60px] lg:h-[60px]
785          bg-gray-50 rounded-full shrink-0 overflow-hidden
786        "
787      >
788        <img alt="Dr. med. Carmen Dolea" class="w-full h-full object-cover rounded-full" src="https://www.myfoodrepo.ai/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6IjAxMTdkMTM2LTZiY2ItNDYyNi1iMGQ4LTNmZmU0MmM3MzQzMiIsInB1ciI6ImJsb2JfaWQifX0=--113ff09ccfd8c3643c18982184d2046412110db0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzE1MCwxNTBdfSwicHVyIjoidmFyaWF0aW9uIn19--b189673458bb91a08dd64584c75268dcf8a612b8/quotes-dolea.jpg?locale=en" />
789      </div>
790
791      <div class="flex flex-col justify-center items-start p-0 flex-1">
792        <div
793          class="
794            w-full text-tangaroa font-secondary font-medium text-xs
795            lg:text-sm leading-[160%] tracking-tight
796          "
797        >
798          Dr. med. Carmen Dolea
799        </div>
800
801          <div
802            class="
803              w-full underline text-granite font-secondary font-normal
804              text-xs lg:text-sm leading-[160%] tracking-tight
805            "
806          >
807            Physician
808          </div>
809      </div>
810    </div>
811  </div>
812</div>
813
814      </div>
815      <div
816        class="
817          shrink-0 w-[75vw] md:w-auto md:shrink-0 snap-start md:snap-none
818          h-full
819        "
820      >
821        <div
822  class="pt-8 h-full flex flex-col opacity-0 translate-y-6"
823  data-controller="home"
824  data-transition-enter-active="transition-all ease-out duration-2000"
825  data-transition-enter-from="transform opacity-0 translate-y-6"
826  data-transition-enter-to="transform opacity-100 translate-y-0"
827  data-home-delay-value="0.4"
828>
829  <div
830    class="
831      flex flex-col items-start gap-8 md:gap-10 lg:gap-12 xl:gap-16 w-full
832      h-full bg-gray-100 rounded-[20px] lg:rounded-3xl box-border p-4 md:p-5
833      lg:p-6 xl:p-8
834    "
835  >
836    <div
837      class="
838        flex flex-col items-start p-0 gap-5 md:gap-5 lg:gap-6 xl:gap-8
839        w-full flex-1
840      "
841    >
842      <div
843        class="
844          w-8 h-8 shrink-0 text-clementine flex items-center justify-start
845          font-primary text-3xl leading-none font-medium
846        "
847      >
848        <i class="ph ph-quotes ph-fill">
849  
850</i>
851
852      </div>
853
854      <div
855        class="
856          w-full text-tangaroa font-secondary font-normal text-sm
857          lg:text-base leading-[160%] tracking-tight
858        "
859      >
860        Our research team has used MyFoodRepo for years. The app&#39;s AI-assisted food recognition and easy-to-master interface have enabled us to finely assess nutritional content for numerous study participants in various clinical studies.
861      </div>
862    </div>
863
864    <div class="flex flex-row items-center p-0 gap-3 w-full">
865      <div
866        class="
867          flex flex-row items-center p-0 w-12 h-12 lg:w-[60px] lg:h-[60px]
868          bg-gray-50 rounded-full shrink-0 overflow-hidden
869        "
870      >
871        <img alt="Prof. Dr. med. Tin-Hai Collet" class="w-full h-full object-cover rounded-full" src="https://www.myfoodrepo.ai/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ImNjMzU3YmY4LTQxODMtNDFjNS1hYjA1LTEyMWJkOWJjN2ZmZSIsInB1ciI6ImJsb2JfaWQifX0=--10b951033c724a37a54f034f999dfcb30cb2d7db/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzE1MCwxNTBdfSwicHVyIjoidmFyaWF0aW9uIn19--b189673458bb91a08dd64584c75268dcf8a612b8/quotes-collet.png?locale=en" />
872      </div>
873
874      <div class="flex flex-col justify-center items-start p-0 flex-1">
875        <div
876          class="
877            w-full text-tangaroa font-secondary font-medium text-xs
878            lg:text-sm leading-[160%] tracking-tight
879          "
880        >
881          Prof. Dr. med. Tin-Hai Collet
882        </div>
883
884          <div
885            class="
886              w-full underline text-granite font-secondary font-normal
887              text-xs lg:text-sm leading-[160%] tracking-tight
888            "
889          >
890            HUG (Geneva University Hospital)
891          </div>
892      </div>
893    </div>
894  </div>
895</div>
896
897      </div>
898  </div>
899</section>
900
901<!-- Pricing Section -->
902<section
903  class="
904    flex flex-col justify-center items-center w-full bg-gray-50 py-16
905    md:py-20 lg:py-24 px-6 md:px-10 lg:px-20 text-center
906  "
907>
908  <div class="w-full max-w-7xl">
909    <turbo-frame id="pricing" src="/en/pricing">
910      <div class="flex flex-col items-center gap-10">
911  <h2 class="text-4xl font-semibold text-tangaroa leading-tight md:text-5xl">
912    Simple Pricing, No Surprises
913    <span class="text-gray-400 block">
914      $9/month. Cancel anytime.
915    </span>
916  </h2>
917  <div class="mt-2">
918    <a class="btn btn-primary" data-turbo-frame="_top" href="/en/users/sign_up">
919    Get started
920</a>
921  </div>
922</div>
923
924</turbo-frame>  </div>
925</section>
926
927          </main>
928          <footer class="flex flex-col justify-center items-center w-full bg-gray-100">
929  <!-- Newsletter Section -->
930  <div
931    class="
932      box-border flex flex-col gap-8 w-full border-b border-gray-300 py-10
933      px-5 md:px-10 lg:px-20 xl:px-24
934    "
935  >
936    <h2
937      class="
938        text-tangaroa text-center font-primary font-medium text-3xl
939        md:text-4xl lg:text-5xl xl:text-6xl leading-relaxed tracking-tight
940      "
941    >
942      Stay updated
943    </h2>
944
945    <form
946      action="https://myfoodrepo.us12.list-manage.com/subscribe/post?u=f912313fcb27b4deb61905df6&amp;id=cf34c78867"
947      method="post"
948      id="mc-embedded-subscribe-form"
949      name="mc-embedded-subscribe-form"
950      class="validate w-full max-w-7xl mx-auto"
951      target="_self"
952      novalidate
953    >
954      <div class="grid grid-cols-2 gap-2 py-5 md:grid-cols-4">
955        <input
956          id="mce-EMAIL"
957          type="email"
958          name="EMAIL"
959          placeholder="Email (required)"
960          autocomplete="email"
961        >
962
963        <input
964          id="mce-FNAME"
965          type="text"
966          name="FNAME"
967          placeholder="First name (optional)"
968          autocomplete="given-name"
969        >
970
971        <input
972          id="mce-LNAME"
973          type="text"
974          name="LNAME"
975          placeholder="Last name (optional)"
976          autocomplete="family-name"
977        >
978
979        <button name="button" type="submit" class="btn btn-primary btn btn-compact gap-1">
980  <span class="flex items-center">
981    
982          Keep me updated
983
984  </span>
985</button>
986        <input
987          type="hidden"
988          id="gdpr_94539"
989          name="gdpr[94539]"
990          class="gdpr"
991          value="Y"
992        >
993      </div>
994
995      <div class="content__gdprLegal">
996        <p class="text-gray-500 font-secondary font-normal text-sm">
997          We use Mailchimp as our marketing platform. By clicking above on &quot;Keep me updated&quot;, you acknowledge that your information will be transferred to Mailchimp for processing.
998
999          <a
1000            class="
1001              text-clementine font-secondary font-normal text-sm underline
1002              hover:text-oregon
1003            "
1004            href="https://mailchimp.com/legal/terms"
1005          >
1006            Learn more
1007          </a>
1008
1009          about Mailchimp&#39;s privacy practices.
1010        </p>
1011      </div>
1012    </form>
1013  </div>
1014
1015  <!-- Info Section -->
1016  <div
1017    class="
1018      box-border flex flex-col gap-12 w-full border-b border-gray-300 py-10
1019      px-5 md:px-10 lg:px-20 xl:px-24
1020    "
1021  >
1022    <div class="flex flex-col w-full max-w-7xl mx-auto gap-12">
1023      <div class="flex flex-row justify-between gap-8 w-full">
1024        <!-- Logo and Collaborate Button -->
1025        <div
1026          class="
1027            hidden md:flex flex-col items-start gap-6 w-xl justify-between
1028            lg:w-96 md:w-full max-[320px]:w-20
1029          "
1030        >
1031          <div class="w-44 h-9 md:w-36 md:h-8">
1032            <a class="ml-0 w-full flex justify-start" href="/en">
1033  <img class="" alt="MyFoodRepoAI" src="/assets/logo-cdfd2fd2.svg" />
1034</a>
1035          </div>
1036
1037          <div>
1038            <a class="btn btn-secondary btn-compact" href="https://v2.myfoodrepo.org/en/collab/collaborators/sign_in">
1039              Collaborators
1040              <i class="ph ph-sign-in text-tangaroa text-2xl">
1041  
1042</i>
1043
1044</a>          </div>
1045        </div>
1046
1047        <!-- Explore Links -->
1048        <div class="flex-col items-start gap-6 flex-1 w-6 lg:w-52 md:w-40 md:min-w-40">
1049          <h3
1050            class="
1051              w-full text-tangaroa font-secondary font-semibold text-sm
1052              lg:text-sm md:text-xs
1053            "
1054          >
1055            Explore
1056          </h3>
1057
1058          <ul class="flex flex-col mt-6 items-start p-0 gap-1 w-full list-none m-0">
1059              <li>
1060                <a class="w-full no-underline transition-all text-tangaroa font-secondary font-normal text-sm hover:underline hover:text-oregon lg:text-sm md:text-xs" href="/en">
1061                  Home
1062</a>              </li>
1063              <li>
1064                <a class="w-full no-underline transition-all text-tangaroa font-secondary font-normal text-sm hover:underline hover:text-oregon lg:text-sm md:text-xs" href="/en/science">
1065                  Science
1066</a>              </li>
1067              <li>
1068                <a class="w-full no-underline transition-all text-tangaroa font-secondary font-normal text-sm hover:underline hover:text-oregon lg:text-sm md:text-xs" href="/en/blog">
1069                  Blog
1070</a>              </li>
1071              <li>
1072                <a class="w-full no-underline transition-all text-tangaroa font-secondary font-normal text-sm hover:underline hover:text-oregon lg:text-sm md:text-xs" href="/en/faqs">
1073                  FAQs
1074</a>              </li>
1075              <li>
1076                <a class="w-full no-underline transition-all text-tangaroa font-secondary font-normal text-sm hover:underline hover:text-oregon lg:text-sm md:text-xs" href="https://v2.myfoodrepo.org/en/for-researchers">
1077                  For Researchers
1078</a>              </li>
1079          </ul>
1080        </div>
1081
1082        <!-- Download the App -->
1083          <div
1084            class="
1085              flex-col items-start gap-6 flex-2 w-full md:flex-1
1086              md:items-end
1087            "
1088            data-controller="modal"
1089          >
1090            <h3
1091              class="
1092                w-full text-tangaroa font-secondary font-semibold text-sm
1093                lg:text-sm md:text-xs
1094              "
1095            >
1096              Download the App
1097            </h3>
1098
1099            <div
1100              class="
1101                flex flex-col items-start p-0 mt-6 gap-3 w-full md:flex-row
1102                md:gap-3 md:min-w-100
1103              "
1104            >
1105              <a
1106                href="https://apps.apple.com/ch/app/myfoodrepo/id1450244793"
1107                class="inline-block"
1108                target="_blank"
1109                rel="noopener noreferrer"
1110                data-action="click-&gt;modal#open"
1111              >
1112                <img alt="Download on the App Store" class="w-full h-12 block" src="/assets/home/btn-app-store-9b684ce6.svg" />
1113              </a>
1114
1115              <a
1116                href="https://play.google.com/store/apps/details?id=ch.digitalepidemiologylab.myfoodrepo2"
1117                class="inline-block"
1118                target="_blank"
1119                rel="noopener noreferrer"
1120                data-action="click-&gt;modal#open"
1121              >
1122                <img alt="Get it on Google Play" class="w-full h-12 block" src="/assets/home/btn-google-play-0262f860.svg" />
1123              </a>
1124            </div>
1125
1126            <div class="absolute z-10" aria-labelledby="dialog-title" role="dialog" aria-modal="true" data-modal-target="wrapper">
1127  <div data-modal-target="backdrop"
1128    class="fixed inset-0 bg-gray-500/75 transition-opacity"
1129    data-transition-enter-active="ease-out duration-300"
1130    data-transition-enter-from="opacity-0"
1131    data-transition-enter-to="opacity-100"
1132    data-transition-leave-active="ease-in duration-200"
1133    data-transition-leave-from="opacity-100"
1134    data-transition-leave-to="opacity-0">
1135  </div>
1136  <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
1137    <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
1138      <div data-modal-target="panel"
1139        class="relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-sm sm:p-6"
1140        data-transition-enter-active="ease-out duration-300"
1141        data-transition-enter-from="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1142        data-transition-enter-to="opacity-100 translate-y-0 sm:scale-100"
1143        data-transition-leave-active="ease-in duration-200"
1144        data-transition-leave-from="opacity-100 translate-y-0 sm:scale-100"
1145        data-transition-leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
1146        <h3 id="dialog-title" class="text-center text-base font-semibold text-gray-900">
1147          Information
1148        </h3>
1149        <p class="mt-2 text-center text-md text-gray-500">
1150          To use the app, you must have an active subscription.
1151          <a class="underline hover:text-brand" href="/en/me/subscriptions">Subscribe today.</a>
1152        </p>
1153        <div class="mt-6 space-y-2">
1154          <button data-action="modal#continue"
1155            class="w-full rounded-md bg-brand px-3 py-2 text-sm font-semibold text-white hover:bg-brand-dark">
1156            Continue to the store
1157          </button>
1158          <button data-action="modal#close"
1159            class="w-full rounded-md bg-gray-200 px-3 py-2 text-sm font-semibold text-gray-700 hover:bg-gray-300">
1160            Close
1161          </button>
1162        </div>
1163      </div>
1164    </div>
1165  </div>
1166</div>
1167
1168          </div>
1169      </div>
1170
1171      <div class="md:hidden">
1172        <button name="button" type="button" class="btn btn-secondary btn btn-compact gap-1">
1173  <span class="flex items-center">
1174    
1175          Collaborators
1176
1177  </span>
1178    <span class="flex items-center w-4 h-4 text-granite shrink-0">
1179      <i class="ph ph-sign-in text-tangaroa">
1180  
1181</i>
1182
1183    </span>
1184</button>      </div>
1185    </div>
1186  </div>
1187
1188  <!-- Legal Section -->
1189  <div
1190    class="
1191      box-border flex flex-col gap-12 w-full border-b border-gray-300 py-10
1192      px-5 md:px-10 lg:px-20 xl:px-24
1193    "
1194  >
1195    <div class="flex flex-col w-full max-w-7xl mx-auto gap-12 md:flex-row">
1196      <div
1197        class="
1198          text-gray-500 font-secondary font-normal text-sm text-center
1199          w-full max-w-7xl mx-auto md:flex-1 md:text-left
1200        "
1201      >
1202        &copy;
1202 Copyright 2017–2026 MyFoodRepo. A project by the <a target="_blank" rel="noopener noreferrer" class="transition-all text-gray-500 font-secondary font-normal text-sm underline" href="https://www.delab.ch">Digital Epidemiology Lab</a> at <a target="_blank" rel="noopener noreferrer" class="transition-all text-gray-500 font-secondary font-normal text-sm underline hover:text-oregon lg:text-sm md:text-xs max-[320px]:text-gray-500" href="https://www.epfl.ch">EPFL</a>.
1203      </div>
1204
1205      <div
1206        class="
1207          flex flex-col flex-1 w-full max-w-7xl gap-12 mx-auto md:flex-1
1208          md:items-end
1209        "
1210      >
1211        <div
1212          class="
1213            flex flex-row justify-between items-center gap-3
1214            max-[320px]:flex-row
1215          "
1216        >
1217          <a class="transition-all text-gray-500 font-secondary font-normal text-sm underline hover:text-oregon lg:text-sm md:text-xs max-[320px]:text-gray-500" href="/en/terms">Terms of Service</a>
1218          <a class="transition-all text-gray-500 font-secondary font-normal text-sm underline hover:text-oregon lg:text-sm md:text-xs max-[320px]:text-gray-500" href="/en/privacy">Privacy Policy</a>
1219        </div>
1220      </div>
1221    </div>
1222  </div>
1223</footer>
1224
1225        </div>
1226      </main>
1227    </div>
1228  </div>
1229
1230
1231    <div id="flash_messages">
1232      
1233    </div>
1234  
1234<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"3f79ef98e35a4d48b828e1a1ec897866","r":1,"spa":2}' crossorigin="anonymous"></script>
1234
1235</body>
1236</html>
1237

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.