</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/TTownOfIngersoll"> <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="/residential-services/"> Residential Services </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="/residential-services/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="/residential-services/cloud-permit/"> Cloud Permit </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/residential-services/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="/residential-services/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="/residential-services/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="/residential-services/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="/residential-services/flashvote/"> FlashVote </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/residential-services/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="/residential-services/marriages/"> Marriages </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/residential-services/heritage-register/"> Heritage Register </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/residential-services/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="/residential-services/paratransit/"> Paratransit </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/residential-services/schools/"> Schools </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/residential-services/transit/"> Transit </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/residential-services/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="/residential-services/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="/residential-services/roads-and-maintenance/"> Roads and Maintenance </a> </div> </li> </ul> </li> <li class="Menu__Item group/level-0 "> <div class="Menu__Content peer/level-0"> <a class="Menu__Link" href="/live-and-play/"> 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/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="/live-and-play/announcements-and-publications/"> Announcements and Publications </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/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="/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/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/civic-events/"> Civic Events </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/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="/live-and-play/museum-enhancement-plan/"> Museum Enhancement 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/promote-with-us/"> Promote with Us! </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/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="/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/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/parks-map/"> Parks Map </a> </div> </li> </ul> </li> <li class="Menu__Item group/level-0 "> <div class="Menu__Content peer/level-0"> <a class="Menu__Link" href="/business-and-development/"> Business and Development </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="/business-and-development/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="/business-and-development/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="/business-and-development/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="/business-and-development/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="/business-and-development/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="/business-and-development/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="/business-and-development/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="/business-and-development/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="/business-and-development/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="/business-and-development/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="/business-and-development/patio-encroachment-program/"> Patio Encroachment Program </a> </div> </li> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/business-and-development/soll-spotlight-series/"> Soll Spotlight Series </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/"> 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/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-licenses-and-permits/"> Applications, Licenses 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/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/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/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/information-access-and-privacy/"> Information Access and Privacy </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-rural-cemetery/"> Ingersoll Rural Cemetery </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/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/multi-use-recreation-centre/"> Multi-Use Recreation Centre </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/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/property-taxes/"> Property Taxes </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/"> 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-marriage-license/"> Apply for a Marriage License </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/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-programming/"> View Community Services Programming </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> <li class="Menu__Item group/level-1 "> <div class="Menu__Content peer/level-1"> <a class="Menu__Link" href="/how-do-i/sign-up-for-e-alerts/"> Sign Up for E-Alerts </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-communications/"> Contact Communications </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/find-information-access/"> Find Information Access </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>Winter Wonderland Bazaar</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">Winter Wonderland Bazaar</li> </ul> </nav> </div> <div class="Layout--sidebar"> <div class="layout" id="main"> <h1>Winter Wonderland Bazaar</h1> <div class="Event Event__Details"> <h2 class="Event__Title">Event Details</h2> <div class="Event_Content"> <div class="Layout--1"> <p>Come on out and find something for that special person on your Christmas list. All proceeds of this fundraiser go towards Resident programs and special events at The Lodge. Still looking for vendors and tables are $25 each and are provided. Please call Jen Kilgour at (519) 485-7053 x2309 for more information.</p> <p><img src="?rmode=max&width=500" alt="" width="500" height="281"></p></div> </div> <div class="Event__Featured"> </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 = "11/12/2025 9:00:00 AM" var endTime = "11/12/2025 12:00:00 PM" var eventDate = "12/6/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>325 Thames Street South</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> <dialog id="dialog_feedback" style="min-width: 60vw;"> <button onClick="this.closest('dialog').close()">Close</button> </dialog> <script src="/scripts/eAlertTrigger.js?8"></script> <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v24.0&appId=APP_ID"></script> <script> document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.Table--datasort').forEach(function(table) { let options = table.getAttribute('data-options') || ''; // Replace " and single quotes with double quotes options = options.replace(/"/g, '"').replace(/'/g, '"'); let settings = {}; try { settings = options ? JSON.parse(options) : {}; } catch (e) { console.error('Invalid JSON in data-options:', e); } console.log(JSON.stringify(settings)) new DataTable(table, settings); }); }); </script> <script defer> //new DataTable('.Table--datasort'); </script> </body> </html>