</noscript> <a class="sr-only focus:not-sr-only" href="#main">Skip to main content</a> <header> <div class="Header__Navigation--secondary"> <div class="mx-auto container flex flex-row gap-6 items-center justify-items-end"> <div class="flex-grow"></div> <nav class="Menu Menu--social"> <ul class="Menu__List Menu__List--level-0"> <li class="Menu__Item"> <li class="Menu__Item"> <a class="Menu__Link" href="https://www.facebook.com/TheTownofIngersoll"> <img src="https://mun-ingersoll.useast01.umbraco.io/media/vzecf1aa/icon-facebook.svg" alt=""> </a> </li> <li class="Menu__Item"> <a class="Menu__Link" href="https://instagram.com/townofingersoll"> <img src="https://mun-ingersoll.useast01.umbraco.io/media/lo3nbpxt/icon-instagram.svg" alt=""> </a> </li> <li class="Menu__Item"> <a class="Menu__Link" href="https://www.youtube.com/channel/UCFvWkWjgaTO54J6wAnnglFQ"> <img src="https://mun-ingersoll.useast01.umbraco.io/media/y44pnnji/icon-youtube.svg" alt=""> </a> </li> </ul> </nav> <div class="Search" data-id="b5ccdb1442fb84f6d" data-url="/Search"> <input class="Search__Text" type="text" placeholder="Search"> <button class="Search__Trigger Icon Icon--small Icon--search"></button> </div> </div> </div> <div class="Header"> <div class="Header__Content peer"> <a href="/" class="Header__Link group"> <img class="Header__Logo" src="https://mun-ingersoll.useast01.umbraco.io/media/u3zb03bj/ingersoll_logo.svg" alt=""> <span class="Icon Icon--home Icon--small"></span> <span class="group-hover:underline"> Town of Ingersoll </span> </a> <label class="Header__Trigger group "> <input type="checkbox" class="hidden"> <span class="sr-only">Open navigation</span> <span class="Icon Icon--menu Icon--medium group-has-[:checked]:hidden block"></span> <span class="Icon Icon--close Icon--medium group-has-[:checked]:block hidden"></span> </label> </div> <div class="Header__Navigation peer-has-[:checked]:!flex "> <nav class="Menu Menu--main"> <ul class="Menu__List Menu__List--level-0 md:group-hover/level--1:!grid peer-has-[:checked]/level--1:!block md:group-focus-within/level--1:!grid md:group-focus/level--1:!grid"> <li class="Menu__Item group/level-0 "> <div class="Menu__Content peer/level-0"> <a class="Menu__Link" href="/live-and-play/"> <span class="font-icon text-primary" style="font-size:48px; font-weight: 100;">location_away</span> Live And Play </a> <label class="Menu__Trigger" tabindex="0"> <input tabindex="-1" type="checkbox" class="hidden" > <div class="Icon Icon--small Icon--open" aria-expanded="false" role="button"> <span class="sr-only">Open menu</span> </div> </label> </div> <ul class="Menu__List Menu__List--level-1 md:group-hover/level-0:!grid peer-has-[:checked]/level-0:!block md:group-focus-within/level-0:!grid md:group-focus/level-0:!grid"> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/building-services/"> Building Services </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/community-calendar/"> Community Calendar </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/ingersoll-community-services/"> Community Services </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/construction-projects/"> Construction Projects </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/emergency-services/"> Emergency Services </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/engineering-services/"> Engineering Services </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/fees-and-charges/"> Fees and Charges </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/flashvote/"> Flashvote </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/fusion-youth-centre/"> Fusion Youth Centre </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/garbage-and-recycling/"> Garbage And Recycling </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/marriages/"> Marriages </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/museum-master-plan/"> Museum Master Plan </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/parking-information/"> Parking Information </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/paratransit/"> Paratransit </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/roads-maintenance-and-street-lights/"> Roads Maintenance And Street Lights </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/schools/"> Schools </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/services-for-seniors/"> Services for Seniors </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/t-go-intercommunity-transit-service/"> Transit </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/victoria-park-community-centre/"> Victoria Park Community Centre </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/water-and-sewer/"> Water And Sewer </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/live-and-play/work-in-ingersoll/"> Work In Ingersoll </a> </div> </li> </ul> </li> <li class="Menu__Item group/level-0 "> <div class="Menu__Content peer/level-0"> <a class="Menu__Link" href="/visit/"> <span class="font-icon text-primary" style="font-size:48px; font-weight: 100;">signpost</span> Visit </a> <label class="Menu__Trigger" tabindex="0"> <input tabindex="-1" type="checkbox" class="hidden" > <div class="Icon Icon--small Icon--open" aria-expanded="false" role="button"> <span class="sr-only">Open menu</span> </div> </label> </div> <ul class="Menu__List Menu__List--level-1 md:group-hover/level-0:!grid peer-has-[:checked]/level-0:!block md:group-focus-within/level-0:!grid md:group-focus/level-0:!grid"> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/about-ingersoll/"> About Ingersoll </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/centennial-park-camping/"> Centennial Park Camping </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/ingersoll-cheese-agricultural-museum/"> Ingersoll Cheese & Agricultural Museum </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/community-calendar/"> Community Calendar </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/festivals/"> Festivals </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/parking-information/"> Parking Information </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/railcam-livestream/"> Railcam Livestream </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/shopping-in-ingersoll/"> Shopping In Ingersoll </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/what-to-do/"> What To Do </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/where-to-eat-and-stay/"> Where To Eat And Stay </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/visit/heritage-register/"> Heritage Register </a> </div> </li> </ul> </li> <li class="Menu__Item group/level-0 "> <div class="Menu__Content peer/level-0"> <a class="Menu__Link" href="/do-business/"> <span class="font-icon text-primary" style="font-size:48px; font-weight: 100;">business_center</span> Do Business </a> <label class="Menu__Trigger" tabindex="0"> <input tabindex="-1" type="checkbox" class="hidden" > <div class="Icon Icon--small Icon--open" aria-expanded="false" role="button"> <span class="sr-only">Open menu</span> </div> </label> </div> <ul class="Menu__List Menu__List--level-1 md:group-hover/level-0:!grid peer-has-[:checked]/level-0:!block md:group-focus-within/level-0:!grid md:group-focus/level-0:!grid"> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/available-lands-and-buildings/"> Available Lands And Buildings </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/bids-and-tenders/"> Bids And Tenders </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/business-improvement-area-bia/"> Business Improvement Area (BIA) </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/community-improvement-plan/"> Community Improvement Plan </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/community-profile/"> Community Profile </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/development-charges/"> Development Charges </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/development-programs/"> Development Programs </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/downtown-enhancement-plan/"> Downtown Enhancement Plan </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/economic-profile/"> Economic Profile </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/media-and-publications/"> Media And Publications </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/our-partners/"> Our Partners </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/temporary-patio-encroachment-pilot-program/"> Temporary Patio Encroachment Pilot Program </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/do-business/sw-ingersoll-secondary-plan/"> SW Ingersoll Secondary Plan </a> </div> </li> </ul> </li> <li class="Menu__Item group/level-0 "> <div class="Menu__Content peer/level-0"> <a class="Menu__Link" href="/town-hall/"> <span class="font-icon text-primary" style="font-size:48px; font-weight: 100;">gavel</span> Town Hall </a> <label class="Menu__Trigger" tabindex="0"> <input tabindex="-1" type="checkbox" class="hidden" > <div class="Icon Icon--small Icon--open" aria-expanded="false" role="button"> <span class="sr-only">Open menu</span> </div> </label> </div> <ul class="Menu__List Menu__List--level-1 md:group-hover/level-0:!grid peer-has-[:checked]/level-0:!block md:group-focus-within/level-0:!grid md:group-focus/level-0:!grid"> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/contact-us/"> Contact Us </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/accessibility/"> Accessibility </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/animal-services/"> Animal Services </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/applications-licences-and-permits/"> Applications Licences And Permits </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/boards-and-committees/"> Boards And Committees </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/by-laws-and-policies/"> By-laws And Policies </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/commissioner-of-oaths/"> Commissioner of Oaths </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/council-agendas-and-minutes/"> Council Agendas And Minutes </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/council-meetings/"> Council Meetings </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/departments/"> Departments </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/disclosures-of-pecuniary-interest/"> Disclosures Of Pecuniary Interest </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/downtown-parking-study-and-strategy/"> Downtown Parking Study </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/employment-opportunities/"> Employment Opportunities </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/financial-information/"> Financial Information </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/freedom-of-information/"> Freedom Of Information </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/ingersoll-strategic-plan/"> Ingersoll Strategic Plan </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/mayor-and-council/"> Mayor And Council </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/municipal-election/"> Municipal Election </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/murc-project/"> MURC Project </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/media-room/"> Media Room </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/opp-detachment-board/"> OPP Detachment Board </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/privacy-policy/"> Privacy Policy </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/procedure-by-law-review/"> Procedure By-law Review </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/property-taxes/"> Property Taxes </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/town-hall/sw-ingersoll-secondary-plan/"> SW Ingersoll Secondary Plan </a> </div> </li> </ul> </li> <li class="Menu__Item group/level-0 "> <div class="Menu__Content peer/level-0"> <a class="Menu__Link" href="/how-do-i/"> <span class="font-icon text-primary" style="font-size:48px; font-weight: 100;">settings</span> How do I </a> <label class="Menu__Trigger" tabindex="0"> <input tabindex="-1" type="checkbox" class="hidden" > <div class="Icon Icon--small Icon--open" aria-expanded="false" role="button"> <span class="sr-only">Open menu</span> </div> </label> </div> <ul class="Menu__List Menu__List--level-1 md:group-hover/level-0:!grid peer-has-[:checked]/level-0:!block md:group-focus-within/level-0:!grid md:group-focus/level-0:!grid"> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/apply-for-a-building-permit/"> Apply for a Building Permit </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/apply-for-a-dog-licence/"> Apply for a Dog Licence </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/apply-for-a-mariage-licence/"> Apply for a Mariage Licence </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/apply-for-an-open-air-burn-permit/"> Apply for an Open Air Burn Permit </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/contact-council/"> Contact Council </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/create-an-account-in-permit-central/"> Create an Account in Permit Central </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/pay-my-taxes/"> Pay My Taxes </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/pay-parking-ticket/"> Pay Parking Ticket </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/register-for-paperless-tax-billing/"> Register for Paperless Tax Billing </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/view-tax-rates/"> View Tax Rates </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/view-bids-and-tenders/"> View Bids and Tenders </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/view-careers/"> View Careers </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/view-community-services-program-guide/"> View Community Services Program Guide </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/work-in-ingersoll/"> Work in Ingersoll </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/send-a-compliment-or-complaint/"> Send a Compliment or Complaint </a> </div> </li> </ul> </li> </ul> </nav> </div> </div> </header> <banner class="Banner " style="--image:url(/media/b3jntd2k/photo.jpg); --height:300px"> </banner> <main> <div class="Layout Layout--container"> <div class="Title Title--combo"> <h1>Family Day @ VPCC</h1> <nav class="Menu Menu--breadcrumbs"> <ul class="Menu__List Menu__List--level-0"> <li class="Menu__Item"><a class="Menu__Link" href="/">Home</a></li> <li class="Menu__Item"><a class="Menu__Link" href="/calendar/">Calendar</a></li> <li class="Menu__Item"><a class="Menu__Link" href="/calendar/events/">Events</a></li> <li class="Menu__Item active">Family Day @ VPCC</li> </ul> </nav> </div> <div class="Layout--sidebar"> <div class="layout" id="main"> <h1>Family Day @ VPCC</h1> <div class="Event Event__Details"> <h2 class="Event__Title">Event Details</h2> <div class="Event_Content"> <div class="Layout--1"> <div class="xdj266r x11i5rnm xat24cr x1mh8g0r x1vvkbs x126k92a"> <div> <div class="xdj266r x11i5rnm xat24cr x1mh8g0r x1vvkbs x126k92a"> <div>Celebrate Family Day with us at VPCC on February 17, 2025! Enjoy a swim and family activities including face painting, a craft station and more. Swipe to see the Family Day Schedule complete with a list of all programming offered at VPCC.</div> <div></div> </div> <div class="x11i5rnm xat24cr x1mh8g0r x1vvkbs xtlvy1s x126k92a"> <div>See you there!</div> <div></div> <div><img src="/media/ibwfkstm/family-day-1.png?rmode=max&width=500" alt="" width="500" height="419"></div> <div><img src="/media/wrfdcyxq/family-day-5.png?rmode=max&width=500" alt="" width="500" height="419"></div> </div> </div> </div></div> </div> <div class="Event__Featured"> <img src="/media/ibwfkstm/family-day-1.png" class="Event__Image"/> </div> <div> </div> </div> <ul id="upcomingEvents"> </ul> <script> var dayMonthList = { 'First':1,'Second':2,'Third':3,'Fourth':4,'Last':-1} var recurs = [ ] var events = [] var ivalus = [] recurs.forEach((event)=>{ console.log(event) var interval = event.interval var date = event.date var day = parseInt(date.format('D')) var month = date.format('MMMM') var options = { start: date } if("enddate" in event) { options.end = event.enddate } var recurrence; switch(event.type) { case "Daily": recurrence = date.recur(options).every(interval).days() break case "Weekly": if("daysOfWeek" in event) { recurrence = moment.recur(options).every(event.daysOfWeek).daysOfWeek() } else { recurrence = date.recur(options).every(interval).weeks() } break case "Monthly": if("dayOfMonth" in event) { day = dayMonthList[event.dayOfMonth] var days=event.daysOfMonth if(interval==12) { recurrence = moment.recur(options).every(days).daysOfWeek().every(day).daysOfMonth().every(month).monthsOfYear() } else { if(!("daysOfMonth" in event)) { recurrence = moment.recur(options).every(day).daysOfMonth() } else { recurrence = moment.recur(options).every(days).daysOfWeek().every([day-1]).weeksOfMonthByDay() } } } else { recurrence = moment.recur(options).every(day).daysOfMonth().every(interval).months() } break } event.excluded.forEach((date)=>{ recurrence.except(date) }) ivalus.push({recurrence,event}) }) // get from date parameter const urlParams = new URLSearchParams(window.location.search); const from = urlParams.get('from') || new Date(); // start date is today, get next 5 from each rule ivalus.forEach(item=>{ var nextDates = item.recurrence.all("L") nextDates.forEach(date=>{ const newEvent={ title: item.event.title, date: moment(date), url: item.event.url } if(moment(date).isAfter(moment(from).subtract(1, 'days'), 'day')) events.push(newEvent) }) }) // order list on start date time events.sort((a, b) => new Date(a.date) - new Date(b.date)) // take first count var l = events.length events = events.splice(0,10) // create event date/time object // if recurring event take first date from list else event date // take time from event start and end (both) var recurring = "False" var startTime = "1/21/2025 7:00:00 AM" var endTime = "1/21/2025 1:00:00 PM" var eventDate = "2/17/2025 12:00:00 AM" if(recurring=="True") { eventDate = events.shift().date } var targetDiv = document.getElementById("upcomingEvents") events.forEach(item=>{ var newDiv = document.createElement('div') newDiv.innerHTML = ` <li><a class="Posting__Link" href="${item.url}?from=${moment(item.date).format("YYYY-MM-DD")}">${item.title} ${moment(item.date).format("dddd, MMMM D YYYY, ")}${startTime=='1/1/0001 12:00:00 AM'?'':(moment(startTime).format("h:mm a")+(endTime!=='1/1/0001 12:00:00 AM'?' - ' + moment(endTime).format("h:mm a"):''))}</a></li>` targetDiv.appendChild(newDiv) }) if(events.length<l) { var newDiv = document.createElement('div') newDiv.innerHTML = `...` targetDiv.appendChild(newDiv) } </script> </div> <aside> <label tabindex="0" class="Aside__Trigger peer/aside group/aside"> <input type="checkbox" class="hidden"> <div class="Icon Icon--medium Icon--menu group-has-[:checked]/aside:hidden inline-block" tabindex="0" aria-expanded="true" role="button"> <span class="sr-only">Close side menu</span> </div> <div class="Icon Icon--medium Icon--close group-has-[:checked]/aside:inline-block hidden" tabindex="0" aria-expanded="false" role="button"> <span class="sr-only">Close side menu</span> </div> </label> <div class="hidden lg:block peer-has-[:checked]/aside:block"> <div> <a href="javascript:history.go(-1)"><span class="material-symbols-outlined" style="font-size: 16px;">west</span> Back to Calendar</a> </div> <div class="Event"> <div class="Event__Calendars"> </div> <div class="Event__Date" id="eventDates"> <h3 style="font-size: 1.25rem; font-weight: 600; margin: 0.75rem 0;">Date & Times</h3> </div> <div class="Event__Location"> <h3 style="font-size: 1.25rem; font-weight: 600; margin: 0.75rem 0;">Location</h3> <p>355 Wellington St, Ingersoll, ON N5C 1T2</p> </div> <!-- ATTACHMENTS --> </div> </div> <script> { var eventsDiv = document.getElementById("eventDates") var newDiv = document.createElement('div') newDiv.innerHTML = ` <p>${moment(eventDate).format("MMMM D, YYYY")}</p> <p>${startTime=='1/1/0001 12:00:00 AM'?'':(moment(startTime).format("h:mm a")+(endTime!=='1/1/0001 12:00:00 AM'?' - ' + moment(endTime).format("h:mm a"):''))}</p> ` eventsDiv.appendChild(newDiv) } </script> </aside> </div> </div> </main> <footer class="bg-secondary text-secondary-contrast p-6"> <div class="Layout Layout__Column"> <p class="text-center"> <img src="https://mun-ingersoll.useast01.umbraco.io/media/bw5ocdmi/ingersoll_logo_footer.svg" alt="Town of Ingersoll footer logo" class="inline"> </p> <div class="flex flex-col gap-3 items-center"> <p>Town of Ingersoll,130 Oxford Street (2nd Floor), Ingersoll, ON., N5C 2V5</p> <p>Phone: <a href="tel:5194850120">519-485-0120</a>, <a rel="noopener noreferrer" href="/forms/compliment-and-complaint-form/" target="_blank" aria-label="Contact Us opens in new window">Contact Us</a></p> <p>Hours of Operation</p> <p>Monday to Friday 8:00am - 5:00pm (excluding holidays)</p> </div> <nav class="Menu Menu--footer"> <ul class="Menu__List Menu__List--level-0"> <li class="Menu__Item"><p class="copyright">© 2025 Town of Ingersoll</p></li> <li class="Menu__Item"><a class="Menu__Link" title="View our Accessibility page" href="/town-hall/accessibility/"><span>Website Accessibility</span></a></li> <li class="Menu__Item"><a class="Menu__Link" title="View our Disclaimer page" href="/general/privacy-policy/"><span>Privacy Policy</span></a></li> <li class="Menu__Item"><a class="Menu__Link" title="View our Disclaimer page" href="/general/disclaimer"><span>Disclaimer</span></a></li> </ul> </nav> </div> </footer> </body> </html>