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->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->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->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->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 [&_img]:w-[170px] [&_img]:h-9 [&_img]:object-contain md:[&_img]:w-[151px] md:[&_img]:h-8 max-[320px]:[&_img]:w-[114px] max-[320px]:[&_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'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&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 "Keep me updated", 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'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->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->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 ©
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.