PageSourceSearch

https://www.foodforthejourneyproject.org/

html foodforthejourneyproject.org collected 2026-09-26 08:06:54 UTC 63,433 bytes, 1,322 lines download raw bytes

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.&nbsp; &nbsp;</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;">&#65279;Food for the Journey Project serves free, hot, nutritious meals to those in need in our community.&nbsp;<br />&#8203;We serve at multiple sites throughout Dayton, offering food and dignity to families, the&nbsp;&#65279;elderly, the isolated,&nbsp;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 />&#8203;997 Donham Drive<br />&#8203;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;">&nbsp;[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.