</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>Barn Dance</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">Barn Dance</li> </ul> </nav> </div> <div class="Layout--sidebar"> <div class="layout" id="main"> <h1>Barn Dance</h1> <div class="Event Event__Details"> <h2 class="Event__Title">Event Details</h2> <div class="Event_Content"> <div class="Layout--1"> <p>BARN DANCE! Saturday, July 05th 7:00pm-10:00pm at the Ingersoll Cheese & Agricultural Museum. Enjoy live music, dancing, drinks by Kicking Spirits Mobile Bar, and PB's French Fries! 'Pay what you can' donation to enter (all proceeds go back to the museum-thank you!). This is a 19+ licensed event.</p> <p><img src="?rmode=max&width=500" alt="" width="500" height="262"></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 = "5/14/2025 7:00:00 PM" var endTime = "5/14/2025 10:00:00 PM" var eventDate = "7/5/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 Street, Ingersoll</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>