</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="/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/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="/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> </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/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-promotion/"> Community Calendar & Promotion </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/festivals/"> Festivals </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/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/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="/live-and-play/media-and-publications/"> Media And Publications </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> </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/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> </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-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/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-program-guide/"> View 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/elaf0srl/0x8a0927.jpg); --height:300px"> </banner> <main> <div class="Layout Layout--container"> <div class="Title Title--combo"> <h1>Say Cheese, Ingersoll: A Photographic History</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">Say Cheese, Ingersoll: A Photographic History</li> </ul> </nav> </div> <div class="Layout--sidebar"> <div class="layout" id="main"> <h1>Say Cheese, Ingersoll: A Photographic History</h1> <div class="Event Event__Details"> <h2 class="Event__Title">Event Details</h2> <div class="Event_Content"> <div class="Layout--1"> <p>Ingersoll Cheese and Agricultural Museum invites you to their newest exhibit! Running February 7 - late spring, 2025</p> <p>"Say Cheese, Ingersoll: A Photographic History"<img src="/media/elaf0srl/0x8a0927.jpg?rmode=max&width=500" alt="" width="500" height="377"></p> <p>This exhibit will showcase the museum’s extensive collection of vintage cameras alongside historic photographs of Ingersoll and its residents. These photographs, taken using the same types of cameras on display, will offer visitors a unique glimpse into the town’s visual and cultural history.</p></div> </div> <div class="Event__Featured"> <img src="/media/elaf0srl/0x8a0927.jpg" class="Event__Image"/> </div> <div> </div> </div> <h2 class="Event__Title">Upcoming Dates</h2> <ul id="upcomingEvents"> </ul> <script> var dayMonthList = { 'First':1,'Second':2,'Third':3,'Fourth':4,'Last':-1} var recurs = [ { 'date': moment('2/7/2025 12:00:00 AM'),'title': 'Say Cheese, Ingersoll: A Photographic History','url':'/calendar/events/say-cheese-ingersoll-a-photographic-history/','type':'Weekly','interval':'1','excluded':[],'daysOfWeek':['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],'enddate':moment('3/7/2025 12:00:00 AM'),'x':'1'}, ] 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 = "True" var startTime = "2/6/2025 10:00:00 AM" var endTime = "2/6/2025 4:30:00 PM" var eventDate = "2/7/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>290 Harris St, Ingersoll ON</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> <script src="/scripts/eAlertTrigger.js?8"></script> </body> </html>