1<!DOCTYPE html> 2<html lang="en-US"> 3 4<head> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta charset="utf-8"> 7 <link rel="stylesheet" href="/themes/starter/assets/css/styles.css?e76ca858befbceec49aca10f12b73a41" /> 8 <title>Food for the Journey Project - Food for the Journey Project</title> 9<meta property="og:title" content="Food for the Journey Project - Food for the Journey Project"> 10<meta name="twitter:title" content="Food for the Journey Project - Food for the Journey Project"> 11<meta property="og:site_name" content="Food for the Journey Project"> 12<link rel="canonical" href="https://www.foodforthejourneyproject.org/"> 13<meta property="og:url" content="https://www.foodforthejourneyproject.org/"> 14<meta name="image" property="og:image" content="https://www.foodforthejourneyproject.org/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/new-final-logo.png" /> 15<meta name="twitter:card" content="summary_large_image" /> 16<meta name="twitter:image" content="https://www.foodforthejourneyproject.org/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/new-final-logo.png" /> 17<meta name="generator" content="Articulation - https://www.articulationsites.com"> 18<meta property="og:type" content="website"> 19 20 21 <link rel="preconnect" href="https://assets.articulationsites.com" /> 22
22<script> 23 document.documentElement.classList.remove('dark') 24 </script>
24 25
25<script defer src="https://assets.articulationsites.com/js/published/published.min.js?v=c17059228c8f0fb3962a3f88e7dd27316"></script>
25 26
26<script defer src="https://assets.articulationsites.com/js/vendor/focus.min.js"></script>
26 27
27<script defer src="https://assets.articulationsites.com/js/vendor/intersect.min.js?v=1"></script>
27 28
28<script defer src="https://assets.articulationsites.com/js/vendor/alpine.min.js"></script>
28 29 <link href="/css/published.css?v=00c806c10a32c2354a8f6b7a3c64cbdb" rel="stylesheet"/> 30 <style> 31 :root { 32 --color-text-dark-bg: #9ca3af; 33--color-text-dark-bg-heading: #f3f4f6; 34--color-text-light-bg: #151e24; 35--text-color: #151e24; 36--color-text-light-bg-heading: #7cae49; 37--heading-color: #7cae49; 38--font-heading: "Montserrat"; 39--font-text: "Lora"; 40--font-button: "Maven Pro"; 41--font-nav_link: "Montserrat"; 42--font-quote: "Lora"; 43--color-primary-main: #28657c; 44--color-primary-light: #3484a3; 45--color-primary-dark: #1c4655; 46--color-primary-contrast: #ffffff; 47--color-secondary-main: #999999; 48--color-secondary-light: #b3b3b3; 49--color-secondary-dark: #808080; 50--color-secondary-contrast: #000000; 51--color-accent-main: #84DCC6; 52--color-accent-light: #ace7d8; 53--color-accent-dark: #5cd1b4; 54--color-accent-contrast: #000000; 55--color-success-main: #22c55e; 56--color-success-light: #3ddd78; 57--color-success-dark: #1a9a49; 58--color-success-contrast: #000000; 59--color-error-main: #dc2626; 60--color-error-light: #e35252; 61--color-error-dark: #b21d1d; 62--color-error-contrast: #FFFFFF; 63--link-color: #6a9caf; 64--link-hover-color: #508396; 65--shape: 6px; 66--heading-2-font-size: 40px; 67--heading-2-line-height: 46px; 68--heading-2-letter-spacing: 0px; 69--heading-2-font-weight: 700; 70--heading-2-text-transform: none; 71--paragraph-font-size: 18px; 72--paragraph-line-height: 39px; 73--paragraph-text-transform: none; 74--nav-link-color: #999999; 75--nav-link-active-color: #000000; 76--nav-link-letter-spacing: 2px; 77--nav-link-text-transform: uppercase; 78--subnav-link-text-transform: uppercase; 79 } 80 </style> 81 <style id="site-css"> 82 83 </style> 84 85 <link rel="preconnect" href="https://fonts.googleapis.com" /> 86 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;700&family=Montserrat:wght@400;700&family=Lora:wght@400;700"> 87</head> 88 89<body> 90 <div class="outer-container "> 91 <div class="inner-container"> 92 <div id="c6ab17af015f3e" class="component"> <header 93 class="layout-logo-left main-header " 94 style="--background-color: #ffffff; --text-color: #82a868; " 95 x-data 96 x-init=" 97 $store.nav.breakPoint = 1024; 98 $store.nav.checkIsMobile(0); 99 $nextTick(() => { 100 document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px'); 101 }) 102 " 103 @resize.window="document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');" 104> 105 <nav 106 class="bg-(--background-color) bg-type-color " 107 :class="{ 108 'mobile-nav': $store.nav.mobile, 109 'mobile-nav-open': $store.nav.mobileMenuOpen 110 }" 111 style="--background-color: #ffffff;;" 112 x-ref="nav" 113 x-resize="document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');" 114 x-cloak 115 > 116 <div class="nav-container"> 117 <div class="nav-outer"> 118 <div class="nav-inner"> 119 <a href="/" aria-label="logo" class="logo "> 120 <img
121 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/new-final-logo.png" 122 alt="" 123 class="logo-auto resizeable-image resizeable-logo light-bg-logo" 124 style="" 125 > 126 <img 127 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/new-final-logo.png" 128 alt="" 129 class="logo-auto dark-bg-logo" 130 style="" 131 > 132 </a> 133 134 <div class="mobile-menu-button-container"> 135 <button 136 aria-label="hamburger" 137 class="mobile-menu-button" 138 @click="$store.nav.mobileMenuOpen = !$store.nav.mobileMenuOpen; $nextTick(() => { window.scrollTo(0,0) });" 139 x-data x-cloak 140 > 141 <div 142 class="mobile-cart-alert" 143 aria-hidden="true" 144 x-data 145 x-show="$store.commerceCart.totalQuantity > 0 && $store.nav.mobile" 146 > 147 <span x-text="$store.commerceCart.totalQuantity"></span> 148 </div> 149 <div aria-hidden="true" 150 style="--background-color: #164e63;" 151 class="mobile-menu-button-piece mobile-piece-top bg-(--background-color) bg-type-color"></div> 152 <div aria-hidden="true" 153 style="--background-color: #164e63;" 154 class="mobile-menu-button-piece mobile-piece-bottom bg-(--background-color) bg-type-color"></div> 155 </button> 156 </div> 157 </div> 158 <div 159 :aria-hidden="!$store.nav.mobile" 160 class="mobile-nav-backdrop" 161 @click="$store.nav.mobileMenuOpen = false" 162 ></div> 163 <div 164 class="nav-list-container" 165 style="padding-block: 32px;" 166 x-show="!$store.nav.mobile" 167 x-cloak 168 > 169 <div class="nav-list-container-inner"> 170 <ul 171 class="main-nav-list" 172 x-data 173 x-navigation="{ allowCollapseToMore: true }" 174> 175 <li 176 class="main-nav-item" 177 id="lR7l0xH6" 178> 179 <a href="/" 180 class="nav-link active" 181 > 182 <span>HOME</span> 183 </a> 184 </li> 185 186 <li 187 class="main-nav-item" 188 id="v8N7mHy4" 189> 190 <a href="/current-needs" 191 class="nav-link " 192 > 193 <span>Current Needs</span> 194 </a> 195 </li> 196 197 <li 198 class="main-nav-item" 199 id="9AsnrdWX" 200> 201 <a href="/about" 202 class="nav-link " 203 > 204 <span>About</span> 205 </a> 206 </li> 207 208 <li 209 class="main-nav-item" 210 id="PKP2StNn" 211> 212 <a href="/spotlights" 213 class="nav-link " 214 > 215 <span>SPOTLIGHTS</span> 216 </a> 217 </li> 218 219 <li 220 class="main-nav-item" 221 id="YLeMxqzo" 222> 223 <a href="/donate" 224 class="nav-link " 225 > 226 <span>Donate</span> 227 </a> 228 </li> 229 230 <li 231 class="main-nav-item" 232 id="HSaWiFnq" 233> 234 <a href="/volunteer" 235 class="nav-link " 236 > 237 <span>Volunteer</span> 238 </a> 239 </li> 240 241 <li 242 class="main-nav-item" 243 id="15NXYDU0" 244> 245 <a href="/contact" 246 class="nav-link " 247 > 248 <span>Contact</span> 249 </a> 250 </li> 251 252 <li 253 class="main-nav-item" 254 id="nav-more-link" 255> 256 <a href="#" 257 class="nav-link " 258 > 259 <span>More...</span> 260 </a> 261 <ul 262 class="subnav subnav-level-1 subnav-parent-nav-more-link" 263> 264 <li id="subnav-lR7l0xH6"> 265 <a 266 href="/" 267 class="nav-link" 268 >
269 <span class="subnav-label"> 270 HOME 271 </span> 272 </a> 273 </li> 274 275 <li id="subnav-v8N7mHy4"> 276 <a 277 href="/current-needs" 278 class="nav-link" 279 > 280 <span class="subnav-label"> 281 Current Needs 282 </span> 283 </a> 284 </li> 285 286 <li id="subnav-9AsnrdWX"> 287 <a 288 href="/about" 289 class="nav-link" 290 > 291 <span class="subnav-label"> 292 About 293 </span> 294 </a> 295 </li> 296 297 <li id="subnav-PKP2StNn"> 298 <a 299 href="/spotlights" 300 class="nav-link" 301 > 302 <span class="subnav-label"> 303 SPOTLIGHTS 304 </span> 305 </a> 306 </li> 307 308 <li id="subnav-YLeMxqzo"> 309 <a 310 href="/donate" 311 class="nav-link" 312 > 313 <span class="subnav-label"> 314 Donate 315 </span> 316 </a> 317 </li> 318 319 <li id="subnav-HSaWiFnq"> 320 <a 321 href="/volunteer" 322 class="nav-link" 323 > 324 <span class="subnav-label"> 325 Volunteer 326 </span> 327 </a> 328 </li> 329 330 <li id="subnav-15NXYDU0"> 331 <a 332 href="/contact" 333 class="nav-link" 334 > 335 <span class="subnav-label"> 336 Contact 337 </span> 338 </a> 339 </li> 340 341 </ul> 342 343 </li> 344 345 </ul> 346 347 </div> 348 349 350 351 </div> 352 <div 353 class="mobile-nav-overlay" 354 x-show="$store.nav.mobile && $store.nav.mobileMenuOpen" 355 x-transition.opacity.duration.200ms 356 x-cloak 357> 358 <div 359 class="mobile-nav-panels" 360 x-data="mobileNavigation" 361 x-effect="if (!$store.nav.mobileMenuOpen || !$store.nav.mobile) resetSubnav()" 362 x-cloak 363> 364 <div 365 class="mobile-nav-panel mobile-nav-panel--root" 366 :class="{ 'is-shifted': hasSubnavOpen() }" 367 > 368 <ul class="mobile-nav-links"> 369 370 371 <li 372 class="mobile-main-nav-item" 373 id="lR7l0xH6" 374> 375 <a 376 href="/" 377 class="mobile-nav-link active" 378 >HOME</a> 379 </li> 380 381 <li 382 class="mobile-main-nav-item" 383 id="v8N7mHy4" 384> 385 <a 386 href="/current-needs" 387 class="mobile-nav-link " 388 >Current Needs</a> 389 </li> 390 391 <li 392 class="mobile-main-nav-item" 393 id="9AsnrdWX" 394> 395 <a 396 href="/about" 397 class="mobile-nav-link " 398 >About</a> 399 </li> 400 401 <li 402 class="mobile-main-nav-item" 403 id="PKP2StNn" 404> 405 <a 406 href="/spotlights" 407 class="mobile-nav-link " 408 >SPOTLIGHTS</a> 409 </li> 410 411 <li 412 class="mobile-main-nav-item" 413 id="YLeMxqzo" 414> 415 <a 416 href="/donate" 417 class="mobile-nav-link " 418 >Donate</a> 419 </li> 420 421 <li 422 class="mobile-main-nav-item" 423 id="HSaWiFnq" 424> 425 <a 426 href="/volunteer" 427 class="mobile-nav-link " 428 >Volunteer</a> 429 </li> 430 431 <li 432 class="mobile-main-nav-item" 433 id="15NXYDU0" 434> 435 <a 436 href="/contact" 437 class="mobile-nav-link " 438 >Contact</a> 439 </li> 440 441 </ul> 442 </div> 443 444 445 446 447 448 449 450 451 </div> 452 453 <div class="mobile-nav-overlay-buttons"> 454 </div> 455</div> 456 457 </div> 458 </div> 459 </nav> 460</header> 461 462</div> 463 <main> 464 <div id="c6ab17b3e674c4" class="component"><div > 465 <div id="c6ab17b3fa3e5a" class="component"><section 466 id="page-section" 467 style="--text-color: #000000; --paragraph-font-size: 11px; --paragraph-line-height: 1.3em; --paragraph-font-size-tablet: 11px; --paragraph-line-height-tablet: 1.3em; --paragraph-font-size-mobile: 11px; --paragraph-line-height-mobile: 1.3em; --heading-2-font-size: 100px; --heading-2-line-height: 1.3em; --heading-2-font-size-tablet: 70px; --heading-2-line-height-tablet: 1.3em; --heading-2-font-size-mobile: 50px; --heading-2-line-height-mobile: 1.3em; --background-color: #ffffff; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;" 468 class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rou
468nded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 469> 470 471 472 <div 473 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 474 style="padding-block: 48px;" 475 476 > 477 <div id="c6ab17b3f79931" class="component"><div 478 class="divider-component flex justify-center" 479 style="--background-color: #C6CDD6;" 480> 481 <div class="divider-component-inner transition-all lg:w-full md:w-full w-full mt-2 mb-2 md:mt-4 md:mb-4 lg:mt-5 lg:mb-5"> 482 <div class="divider-component-line transition-all h-px lg:rounded-md md:rounded-md rounded-md bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none"></div> 483 </div> 484</div> 485</div><div id="c6ab17b3f7a38c" class="component"><div 486 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 487 style="" 488> 489 <div class="text-option"><div class="ql-align-center"><span style="font-weight:revert-layer; size:revert-layer"><span style="color:rgb(255, 153, 51); size:revert-layer"><span style="font-size:24px;">FJP miles for meals 5K is cancelled</span></span><br /></span><span style="color:#2a2a2a;">Registered participants will be contacted. </span><br /><br /></div></div> 490</div> 491</div><div id="c6ab17b3f7a3bb" class="component"><div 492 class="divider-component flex justify-center" 493 style="--background-color: #C6CDD6;" 494> 495 <div class="divider-component-inner transition-all lg:w-full md:w-full w-full mt-2 mb-2 md:mt-4 md:mb-4 lg:mt-5 lg:mb-5"> 496 <div class="divider-component-line transition-all h-px lg:rounded-md md:rounded-md rounded-md bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none"></div> 497 </div> 498</div> 499</div><div id="c6ab17b3f7a3ff" class="component"><div 500 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 501 style="" 502> 503 <div class="text-option"><div class="ql-align-center"><span style="color:#2a2a2a; font-size:13px;">Food for the Journey Project serves free, hot, nutritious meals to those in need in our community. <br />​We serve at multiple sites throughout Dayton, offering food and dignity to families, the elderly, the isolated, and the marginalized.</span></div></div> 504</div> 505</div><div id="c6ab17b3f7a41c" class="component"><div 506 class="divider-component flex justify-center" 507 style="--background-color: #C6CDD6;" 508> 509 <div class="divider-component-inner transition-all lg:w-full md:w-full w-full mt-2 mb-2 md:mt-4 md:mb-4 lg:mt-5 lg:mb-5"> 510 <div class="divider-component-line transition-all h-px lg:rounded-md md:rounded-md rounded-md bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none"></div> 511 </div> 512</div> 513</div><div id="c6ab17b3f7a44e" class="component"><div 514 class="divider-component flex justify-center" 515 style="--background-color: #C6CDD6;" 516> 517 <div class="divider-component-inner transition-all lg:w-full md:w-full w-full mt-2 mb-2 md:mt-4 md:mb-4 lg:mt-5 lg:mb-5"> 518 <div class="divider-component-line transition-all h-px lg:rounded-md md:rounded-md rounded-md bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none"></div> 519 </div> 520</div> 521</div><div id="c6ab17b3f7a463" class="component"><div 522 class="divider-component flex justify-center" 523 style="--background-color: #C6CDD6;" 524> 525 <div class="divider-component-inner transition-all lg:w-full md:w-full w-full mt-2 mb-2 md:mt-4 md:mb-4 lg:mt-5 lg:mb-5"> 526 <div class="divider-component-line transition-all h-px lg:rounded-md md:rounded-md rounded-md bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none"></div> 527 </div> 528</div> 529</div><div id="c6ab17b3fa32fa" class="component"><div 530 class="flex w-full justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 531 x-data="{ 532 duration: 5000, 533 active: 0, 534 previous: 0, 535 incoming: null, 536 direction: 'next', 537 transition: 'fade', 538 totalImages: 11, 539 progress: 0, 540 firstFrameTime: 0, 541 touchStartX: null, 542 touchEndX: null, 543 swipeThreshold: 50, 544 rtl: false, 545 init() { 546 this.rtl = getComputedStyle(this.$el).direction === 'rtl' 547 this.startAnimation() 548 this.$watch('active', callback => { 549 cancelAnimationFrame(this.frame) 550 this.startAnimation() 551 }) 552 }, 553 startAnimation() { 554 this.progress = 0 555 this.$nextTick(() => { 556 this.firstFrameTime = performance.now() 557 this.frame = requestAnimationFrame(this.animate.bind(this)) 558 }) 559 }, 560 animate(now) { 561 let timeFraction = (now - this.firstFrameTime) / this.duration 562 if (timeFraction <= 1) { 563 this.progress = timeFraction * 100 564 this.frame = requestAnimationFrame(this.animate.bind(this)) 565 } else { 566 timeFraction = 1 567 this.goTo((this.active + 1) % this.totalImages, 'next') 568 } 569 }, 570 goTo(index, dir) { 571 if (index === this.active) return 572 this.direction = dir 573 if (this.transition === 'slide') { 574 this.incoming = index 575 this.$nextTick(() => { 576 void this.$el.offsetHeight 577 this.previous = this.active 578 this.active = index 579 this.incoming = null 580 }) 581 } else { 582 this.previous = this.active 583 this.active = index 584 } 585 }, 586 prev() { 587 this.goTo(this.active === 0 ? this.totalImages - 1 : this.active - 1, 'prev') 588 }, 589 forward() { 590 this.goTo((this.active + 1) % this.totalImages, 'next') 591 }, 592 handleTouchStart(event) { 593 this.touchStartX = event.touches[0].clientX 594 }, 595 handleTouchMove(event) { 596 this.touchEndX = event.touches[0].clientX 597 }, 598 handleTouchEnd() { 599 if(this.touchEndX){ 600 const forward = (this.touchStartX - this.touchEndX) * (this.rtl ? -1 : 1) 601 if (forward > this.swipeThreshold) { 602 this.forward() 603 } 604 if (forward < -this.swipeThreshold) { 605 this.prev() 606 } 607 this.touchStartX = null 608 this.touchEndX = null 609 } 610 }, 611 get thumbOffset() { 612 const container = this.$refs.thumbContainer 613 if (!container) return 0 614 const track = this.$refs.thumbTrack 615 if (!track || !track.children[this.active]) return 0 616 const thumb = track.children[this.active] 617 const containerWidth = container.offsetWidth 618 const idealOffset = thumb.offsetLeft - containerWidth / 2 + thumb.offsetWidth / 2 619 const maxOffset = track.scrollWidth - containerWidth 620 if (this.rtl) { 621 return -Math.min(Math.max(0, -idealOffset), Math.max(0, maxOffset)) 622 } 623 return Math.min(Math.max(0, idealOffset), Math.max(0, maxOffset)) 624 } 625 }"> 626 <div class="transition-all w-full relative duration-150 delay-300 ease-in-out"> 627 <div 628 class="relative w-full grid overflow-hidden " 629 @touchstart="handleTouchStart($event)" 630 @touchmove="handleTouchMove($event)" 631 @touchend="handleTouchEnd()" 632 > 633 <div 634 class="w-full col-start-1 row-start-1 flex items-center justify-center " 635 636 :class="(() => { 637 const i = 0; 638 if (transition === 'slide') { 639 const fromRight = (direction === 'next') !== rtl; 640 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 641 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 642 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 643 return 'z-0 translate-x-full invisible'; 644 } 645 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 646 })()" 647 > 648 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 649 <img
650 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/opmf-fb-pic-1_orig.jpg" 651 alt="" 652 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 653 loading="lazy" 654 /> 655 </div> 656 </div> 657 <div 658 class="w-full col-start-1 row-start-1 flex items-center justify-center " 659 x-cloak 660 :class="(() => { 661 const i = 1; 662 if (transition === 'slide') { 663 const fromRight = (direction === 'next') !== rtl; 664 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 665 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 666 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 667 return 'z-0 translate-x-full invisible'; 668 } 669 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 670 })()" 671 > 672 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 673 <img
674 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6412_orig.jpg" 675 alt="" 676 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 677 loading="lazy" 678 /> 679 </div> 680 </div> 681 <div 682 class="w-full col-start-1 row-start-1 flex items-center justify-center " 683 x-cloak 684 :class="(() => { 685 const i = 2; 686 if (transition === 'slide') { 687 const fromRight = (direction === 'next') !== rtl; 688 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 689 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 690 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 691 return 'z-0 translate-x-full invisible'; 692 } 693 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 694 })()" 695 > 696 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 697 <img
698 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-1397_orig.jpg?w=800" 699 alt="" 700 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 701 loading="lazy" 702 /> 703 </div> 704 </div> 705 <div 706 class="w-full col-start-1 row-start-1 flex items-center justify-center " 707 x-cloak 708 :class="(() => { 709 const i = 3; 710 if (transition === 'slide') { 711 const fromRight = (direction === 'next') !== rtl; 712 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 713 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 714 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 715 return 'z-0 translate-x-full invisible'; 716 } 717 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 718 })()" 719 > 720 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 721 <img
722 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-0822_orig.jpg?w=800" 723 alt="" 724 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 725 loading="lazy" 726 /> 727 </div> 728 </div> 729 <div 730 class="w-full col-start-1 row-start-1 flex items-center justify-center " 731 x-cloak 732 :class="(() => { 733 const i = 4; 734 if (transition === 'slide') { 735 const fromRight = (direction === 'next') !== rtl; 736 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 737 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 738 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 739 return 'z-0 translate-x-full invisible'; 740 } 741 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 742 })()" 743 > 744 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 745 <img
746 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-1384_orig.jpg" 747 alt="" 748 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 749 loading="lazy" 750 /> 751 </div> 752 </div> 753 <div 754 class="w-full col-start-1 row-start-1 flex items-center justify-center " 755 x-cloak 756 :class="(() => { 757 const i = 5; 758 if (transition === 'slide') { 759 const fromRight = (direction === 'next') !== rtl; 760 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 761 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 762 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 763 return 'z-0 translate-x-full invisible'; 764 } 765 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 766 })()" 767 > 768 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 769 <img
770 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6431_orig.jpg" 771 alt="" 772 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 773 loading="lazy" 774 /> 775 </div> 776 </div> 777 <div 778 class="w-full col-start-1 row-start-1 flex items-center justify-center " 779 x-cloak 780 :class="(() => { 781 const i = 6; 782 if (transition === 'slide') { 783 const fromRight = (direction === 'next') !== rtl; 784 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 785 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 786 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 787 return 'z-0 translate-x-full invisible'; 788 } 789 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 790 })()" 791 > 792 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 793 <img
794 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-1002_orig.jpg" 795 alt="" 796 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 797 loading="lazy" 798 /> 799 </div> 800 </div> 801 <div 802 class="w-full col-start-1 row-start-1 flex items-center justify-center " 803 x-cloak 804 :class="(() => { 805 const i = 7; 806 if (transition === 'slide') { 807 const fromRight = (direction === 'next') !== rtl; 808 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 809 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 810 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 811 return 'z-0 translate-x-full invisible'; 812 } 813 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 814 })()" 815 > 816 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 817 <img
818 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-1386_orig.jpg" 819 alt="" 820 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 821 loading="lazy" 822 /> 823 </div> 824 </div> 825 <div 826 class="w-full col-start-1 row-start-1 flex items-center justify-center " 827 x-cloak 828 :class="(() => { 829 const i = 8; 830 if (transition === 'slide') { 831 const fromRight = (direction === 'next') !== rtl; 832 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 833 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 834 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 835 return 'z-0 translate-x-full invisible'; 836 } 837 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 838 })()" 839 > 840 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 841 <img
842 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6414_orig.jpg" 843 alt="" 844 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 845 loading="lazy" 846 /> 847 </div> 848 </div> 849 <div 850 class="w-full col-start-1 row-start-1 flex items-center justify-center " 851 x-cloak 852 :class="(() => { 853 const i = 9; 854 if (transition === 'slide') { 855 const fromRight = (direction === 'next') !== rtl; 856 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 857 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 858 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 859 return 'z-0 translate-x-full invisible'; 860 } 861 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 862 })()" 863 > 864 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 865 <img
866 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6419_orig.jpg" 867 alt="" 868 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 869 loading="lazy" 870 /> 871 </div> 872 </div> 873 <div 874 class="w-full col-start-1 row-start-1 flex items-center justify-center " 875 x-cloak 876 :class="(() => { 877 const i = 10; 878 if (transition === 'slide') { 879 const fromRight = (direction === 'next') !== rtl; 880 if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full'); 881 if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out'; 882 if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full'); 883 return 'z-0 translate-x-full invisible'; 884 } 885 return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out'; 886 })()" 887 > 888 <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md"> 889 <img
890 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6444_orig.jpg" 891 alt="" 892 class="object-cover lg:rounded-md md:rounded-md rounded-md h-120" 893 loading="lazy" 894 /> 895 </div> 896 </div> 897 898 <div @click="rtl ? forward() : prev()" 899 class="absolute z-30 left-0 top-1/2 -translate-y-1/2 flex items-center justify-center text-black translate-x-3 rounded-full cursor-pointer bg-white/30 w-14 h-14 hover:bg-white/40" 900 > 901 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg> 902 </div> 903 904 <div @click="rtl ? prev() : forward()" 905 class="absolute z-30 right-0 top-1/2 -translate-y-1/2 flex items-center justify-center text-black -translate-x-3 rounded-full cursor-pointer bg-white/30 w-14 h-14 hover:bg-white/40" 906 > 907 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg> 908 </div> 909 </div> 910 <div class="relative mt-5 overflow-hidden" x-ref="thumbContainer"> 911 <div 912 class="flex gap-1 transition-transform duration-300 ease-in-out" 913 x-ref="thumbTrack" 914 :style="`transform: translateX(-${thumbOffset}px)`" 915 > 916 <button 917 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 918 :class="{ 919 'opacity-100': active === 0 920 }" 921 @click="goTo(0, 0 > active ? 'next' : 'prev')" 922 > 923 <img
924 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/opmf-fb-pic-1_orig.jpg?w=60" 925 alt="carousel chooser" 926 class="w-14 h-14 object-cover" 927 loading="lazy" 928 /> 929 </button> 930 <button 931 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 932 :class="{ 933 'opacity-100': active === 1 934 }" 935 @click="goTo(1, 1 > active ? 'next' : 'prev')" 936 > 937 <img 938 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6412_orig.jpg?w=60" 939 alt="carousel chooser" 940 class="w-14 h-14 object-cover" 941 loading="lazy" 942 /> 943 </button> 944 <button 945 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 946 :class="{ 947 'opacity-100': active === 2 948 }" 949 @click="goTo(2, 2 > active ? 'next' : 'prev')" 950 > 951 <img
952 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-1397_orig.jpg?w=60" 953 alt="carousel chooser" 954 class="w-14 h-14 object-cover" 955 loading="lazy" 956 /> 957 </button> 958 <button 959 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 960 :class="{ 961 'opacity-100': active === 3 962 }" 963 @click="goTo(3, 3 > active ? 'next' : 'prev')" 964 > 965 <img 966 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-0822_orig.jpg?w=60" 967 alt="carousel chooser" 968 class="w-14 h-14 object-cover" 969 loading="lazy" 970 /> 971 </button> 972 <button 973 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 974 :class="{ 975 'opacity-100': active === 4 976 }" 977 @click="goTo(4, 4 > active ? 'next' : 'prev')" 978 > 979 <img
980 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-1384_orig.jpg?w=60" 981 alt="carousel chooser" 982 class="w-14 h-14 object-cover" 983 loading="lazy" 984 /> 985 </button> 986 <button 987 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 988 :class="{ 989 'opacity-100': active === 5 990 }" 991 @click="goTo(5, 5 > active ? 'next' : 'prev')" 992 > 993 <img 994 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6431_orig.jpg?w=60" 995 alt="carousel chooser" 996 class="w-14 h-14 object-cover" 997 loading="lazy" 998 /> 999 </button> 1000 <button 1001 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 1002 :class="{ 1003 'opacity-100': active === 6 1004 }" 1005 @click="goTo(6, 6 > active ? 'next' : 'prev')" 1006 > 1007 <img
1008 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-1002_orig.jpg?w=60" 1009 alt="carousel chooser" 1010 class="w-14 h-14 object-cover" 1011 loading="lazy" 1012 /> 1013 </button> 1014 <button 1015 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 1016 :class="{ 1017 'opacity-100': active === 7 1018 }" 1019 @click="goTo(7, 7 > active ? 'next' : 'prev')" 1020 > 1021 <img 1022 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/img-1386_orig.jpg?w=60" 1023 alt="carousel chooser" 1024 class="w-14 h-14 object-cover" 1025 loading="lazy" 1026 /> 1027 </button> 1028 <button 1029 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 1030 :class="{ 1031 'opacity-100': active === 8 1032 }" 1033 @click="goTo(8, 8 > active ? 'next' : 'prev')" 1034 > 1035 <img
1036 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6414_orig.jpg?w=60" 1037 alt="carousel chooser" 1038 class="w-14 h-14 object-cover" 1039 loading="lazy" 1040 /> 1041 </button> 1042 <button 1043 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 1044 :class="{ 1045 'opacity-100': active === 9 1046 }" 1047 @click="goTo(9, 9 > active ? 'next' : 'prev')" 1048 > 1049 <img 1050 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6419_orig.jpg?w=60" 1051 alt="carousel chooser" 1052 class="w-14 h-14 object-cover" 1053 loading="lazy" 1054 /> 1055 </button> 1056 <button 1057 class="shrink-0 cursor-pointer opacity-50 transition-opacity" 1058 :class="{ 1059 'opacity-100': active === 10 1060 }" 1061 @click="goTo(10, 10 > active ? 'next' : 'prev')" 1062 > 1063 <img
1064 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/i2a6444_orig.jpg?w=60" 1065 alt="carousel chooser" 1066 class="w-14 h-14 object-cover" 1067 loading="lazy" 1068 /> 1069 </button> 1070 </div> 1071 </div> 1072 </div> 1073</div> 1074</div><div id="c6ab17b3fa3ae1" class="component"><div 1075 class="flex justify-center" 1076 style="--background-color: var(--color-primary-main); --hover-background-color: var(--color-primary-light);" 1077> 1078 <a 1079 href="/donate" 1080 class="art-button transition-all text-center inline-block button-standard mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 w-full md:w-auto lg:w-auto lg:button-large md:button-large button-large" 1081 > 1082 DONATE 1083 </a> 1084</div> 1085</div><div id="c6ab17b3fa3b05" class="component"><div style="height: 14px"></div> 1086</div><div id="c6ab17b3fa3b68" class="component"><div 1087 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 1088 style="" 1089> 1090 <div class="text-option"><div class="ql-align-center"><span style="color:#2a2a2a;">Thank you for partnering with Food for the Journey Project to turn compassion into action and action into hope for hungry families throughout the Dayton community.</span></div></div> 1091</div> 1092</div><div id="c6ab17b3fa3b98" class="component"><div 1093 class="divider-component flex justify-center" 1094 style="--background-color: #C6CDD6;" 1095> 1096 <div class="divider-component-inner transition-all lg:w-full md:w-full w-full mt-2 mb-2 md:mt-4 md:mb-4 lg:mt-5 lg:mb-5"> 1097 <div class="divider-component-line transition-all h-px lg:rounded-md md:rounded-md rounded-md bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none"></div> 1098 </div> 1099</div> 1100</div> 1101 1102 </div> 1103</section> 1104</div><div id="c6ab17b3f79283" class="component"><section 1105 id="page-section" 1106 style="--min-height-desktop: 471px; --min-height-tablet: 471px; --min-height-mobile: 200px;" 1107 class="page-section transition-all z-10 relative bg-type-none hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 1108> 1109 1110 1111 <div 1112 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 1113 style="padding-block: 48px;" 1114 1115 > 1116 <div id="c6ab17b3f7922d" class="component"><div class="column-container md:gap-6 md:flex" > 1117 <div 1118 class=" column relative md:w-3/12" 1119 1120 > 1121 <div id="c6ab17b3f6ecc4" class="component"><div style="height: 50px"></div> 1122</div> 1123 </div> 1124 <div 1125 class=" column relative md:w-9/12" 1126 1127 > 1128 <div id="c6ab17b3f791f5" class="component"><div class="column-container md:gap-6 md:flex" > 1129 <div 1130 class=" column relative md:w-6/12" 1131 1132 > 1133 <div id="c6ab17b3f71d56" class="component"><div 1134 class="" 1135 style="" 1136> 1137 <div 1138 class="embed-code-component transition-all overflow-hidden lg:w-full md:w-full w-full lg:rounded-md md:rounded-md rounded-md mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 1139 style="text-align: left; " 1140 > 1141
1141<script type="text/javascript" src="https://secure.lglforms.com/form_engine/s/HQnk_JEziu4ifN7p_ZNSVw.js"></script>
1141<noscript><a href="https://secure.lglforms.com/form_engine/s/HQnk_JEziu4ifN7p_ZNSVw">Follow Along with FJP!</a><br></noscript> 1142 </div> 1143</div> 1144</div> 1145 </div> 1146 <div 1147 class=" column relative md:w-6/12" 1148 1149 > 1150 <div id="c6ab17b3f791c0" class="component"><div 1151 style="" 1152 x-data="{ fullscreen: false }" 1153> 1154 <div class="flex justify-end mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"> 1155 <img 1156 src="//cdn1.artcltn.com/storage/34928/01a0c548-39e4-72b8-aa27-4b0daf39fe2b/may-13-grill_orig.jpg" 1157 alt="Picture" 1158 class="resizeable-image lg:rounded-md md:rounded-md rounded-md " 1159 /> 1160 </div> 1161 </div> 1162</div> 1163 </div> 1164 </div> 1165</div><div id="c6ab17b3f7920c" class="component"><div style="height: 50px"></div> 1166</div> 1167 </div> 1168 </div> 1169</div> 1170 1171 </div> 1172</section> 1173</div> 1174</div> 1175</div> 1176 </main> 1177 <footer> 1178 <div class="footer-inner"> 1179 <div id="c6ab17af0173e5" class="component"><section 1180 id="page-section" 1181 style="--text-color: #cccccc; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;" 1182 class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-type-none hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 1183> 1184 1185 1186 <div 1187 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 1188 style="padding-block: 48px;" 1189 1190 > 1191 <div id="c6ab17b4191b5e" class="component"><div class="column-container md:gap-6 md:flex" > 1192 <div 1193 class=" column relative md:w-9/12" 1194 1195 > 1196 <div id="c6ab17b4191367" class="component"><div 1197 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 1198 style="" 1199> 1200 <div class="text-option"><h2 class="ql-align-left"><span style="color:#da8044; font-size:18px;">Food for the Journey Project</span></h2></div> 1201</div> 1202</div> 1203 </div> 1204 <div 1205 class=" column relative md:w-3/12" 1206 1207 > 1208 <div id="c6ab17b4191b25" class="component"><div 1209 class="component-social-accounts flex justify-center" 1210 style="" 1211> 1212 <div class="transition-all inline-flex flex-wrap lg:rounded-md md:rounded-md rounded-md lg:gap-3 md:gap-2 gap-1 mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 "> 1213 <a 1214 class="transition-all inline-flex items-center " 1215 href="https://www.facebook.com/foodforthejourneyproject" 1216 target="_blank" 1217 aria-label="Link to facebook account" 1218 > 1219 <svg class="transition-all w-6 hover: group-hover:" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. --><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg> 1220 </a> 1221 <a 1222 class="transition-all inline-flex items-center " 1223 href="https:// [email protected]" 1224 target="_blank" 1225 aria-label="Link to mail account" 1226 > 1227 <svg class="transition-all w-6 hover: group-hover:" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 1228 <path d="M19.5 22.5a3 3 0 0 0 3-3v-8.174l-6.879 4.022 3.485 1.876a.75.75 0 1 1-.712 1.321l-5.683-3.06a1.5 1.5 0 0 0-1.422 0l-5.683 3.06a.75.75 0 0 1-.712-1.32l3.485-1.87
12287L1.5 11.326V19.5a3 3 0 0 0 3 3h15Z"/> 1229 <path d="M1.5 9.589v-.745a3 3 0 0 1 1.578-2.642l7.5-4.038a3 3 0 0 1 2.844 0l7.5 4.038A3 3 0 0 1 22.5 8.844v.745l-8.426 4.926-.652-.351a3 3 0 0 0-2.844 0l-.652.351L1.5 9.589Z"/> 1230</svg> 1231 </a> 1232 </div> 1233</div> 1234</div> 1235 </div> 1236 </div> 1237</div><div id="c6ab17b4191d6f" class="component"><div class="column-container md:gap-6 md:flex" > 1238 <div 1239 class=" column relative md:w-3/12" 1240 1241 > 1242 <div id="c6ab17b4191bc7" class="component"><div 1243 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 1244 style="" 1245> 1246 <div class="text-option"><h2 class="ql-align-left"><span style="color:#2a2a2a; font-size:16px;">Mailing Address</span></h2></div> 1247</div> 1248</div><div id="c6ab17b4191c0a" class="component"><div 1249 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 1250 style="" 1251> 1252 <div class="text-option"><div class="ql-align-left"><span style="color:#2a2a2a;">C/O Chuck Wourms, Director<br />​997 Donham Drive<br />​Beavercreek, OH 45434</span></div></div> 1253</div> 1254</div> 1255 </div> 1256 <div 1257 class=" column relative md:w-2/12" 1258 1259 > 1260 <div id="c6ab17b4191c59" class="component"><div 1261 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 1262 style="" 1263> 1264 <div class="text-option"><h2 class="ql-align-left"><span style="color:#2a2a2a; font-size:16px;">Telephone</span></h2></div> 1265</div> 1266</div><div id="c6ab17b4191c95" class="component"><div 1267 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 1268 style="" 1269> 1270 <div class="text-option"><div class="ql-align-left"><span style="color:#2a2a2a;">937-545-9959</span></div></div> 1271</div> 1272</div> 1273 </div> 1274 <div 1275 class=" column relative md:w-7/12" 1276 1277 > 1278 <div id="c6ab17b4191cdd" class="component"><div 1279 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 1280 style="" 1281> 1282 <div class="text-option"><h2 class="ql-align-left"><span style="color:#2a2a2a; font-size:16px;">Email</span></h2></div> 1283</div> 1284</div><div id="c6ab17b4191d45" class="component"><div 1285 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 1286 style="" 1287> 1288 <div class="text-option"><div class="ql-align-left"><span style="color:#2a2a2a;"> [email protected]</span><br /><br /><em><strong><span style="color:#da8044; font-size:16px;">"I have been impressed with the urgency of doing. Knowing is not enough; we must apply. Being willing is not enough; we must do." Leonardo da Vinci</span></strong></em></div></div> 1289</div> 1290</div> 1291 </div> 1292 </div> 1293</div> 1294 1295 </div> 1296</section> 1297</div> 1298 </div> 1299 </footer> 1300 </div> 1301 </div> 1302 1303<div 1304 x-transition 1305 x-show="$store.commerceCart.totalQuantity > 0 && !$store.nav.mobile" 1306 x-data 1307 class="z-50 fixed flex p-5 right-0 bottom-0" 1308> 1309 <a href="/c/cart"> 1310 <span title="Cart" class="art-cart-button transition-all flex p-2 rounded-full hover:scale-110 border border-(--color-text-dark-bg-heading) bg-(--color-primary-main) text-(--color-text-dark-bg-heading)"> 1311 <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 1312 <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/> 1313</svg> 1314 <p class="pl-1" 1315 x-text="$store.commerceCart.totalQuantity"> 1316 </p> 1317 </span> 1318 </a> 1319</div> 1320</body> 1321 1322</html>
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.