</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://twitter.com/towningersoll"> <img src="https://mun-ingersoll.useast01.umbraco.io/media/ck3p1zap/icon-twitter.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/bia-bucks/"> BIA Bucks </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/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/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/proposed-landfill/"> Proposed Landfill </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/cheese-and-agricultural-museum/"> Cheese And 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/plan-your-trip/"> Plan Your Trip </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> </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/"> Business Improvement Area </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/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/2024-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/news-and-public-notices/"> News and Public Notices </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/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-countil/"> Contact Countil </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/report-a-concern-or-complaint/"> Report a Concern 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>Community Calendar</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/categories/">Categories</a></li> <li class="Menu__Item active">Community Calendar</li> </ul> </nav> </div> <div class="Layout--sidebar"> <style> table tbody tr:nth-child(odd) { background-color: white; } </style> <div class="Layout__Column" id="main"> <h1>Community Calendar</h1> <div class="Accordion"> <div class="Accordion__Panel"> <h3> <button class="Accordion__Trigger" aria-expanded="true" aria-controls="panel-featured" id="title-featured"> Featured </button> </h3> <div id="panel-featured" role="region" aria-labelledby="title-featured"> <div class="Layout Layout--1:1:1:1"> <div class="Panel Panel--nofill Panel--rounded group" style="background: white;"> <a href="/calendar/events/santas-village/" class="Card Card--top" style="text-decoration: none;"> <div class="Card__Container"> <div class="Feed Feed--calendar"> <div class="Feed__Item"> <div class="Feed__Date"> <span class="Feed__Month">Dec</span> <span class="Feed__Day">21</span> </div> <div> <h3 class="Feed__Title"> <span class="Feed__Link" style="color: black!important;">Santa's Village</span> </h3> <div class="Feed__Summary"> 4:00PM </div> </div> </div> </div> </div> <img src="/media/t1haav0w/s_village.png" class="Event__Image"/> </a> </div> </div> </div> </div> </div> <div class="Events"> <div id="calendar"></div> <script , src="https://cdn.jsdelivr.net/npm/moment/moment.min.js"></script> <script , src="https://cdn.jsdelivr.net/npm/moment-recur/moment-recur.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.15/index.global.min.js"></script> <script> (()=>{ function sdbmHash(str) { let hash = 0; for (let i = 0; i < str.length; i++) { hash = str.charCodeAt(i) + (hash << 6) + (hash << 16) - hash; } return hash >>> 0; } var dayMonthList = { 'First':1,'Second':2,'Third':3,'Fourth':4,'Last':-1} var events = [ { 'date': moment('11/14/2024 12:00:00 AM').format('YYYY-MM-DD') + ('11/14/2024 10:00:00 AM'!='1/1/0001 12:00:00 AM'?moment('11/14/2024 10:00:00 AM').format(' HH:mm'):'') ,'title': 'Ingersoll website','url':'/calendar/events/ingersoll-website/','startTime':'11/14/2024 10:00:00 AM','endTime':'1/1/0001 12:00:00 AM',},{ 'date': moment('12/21/2024 12:00:00 AM').format('YYYY-MM-DD') + ('12/9/2024 4:00:00 PM'!='1/1/0001 12:00:00 AM'?moment('12/9/2024 4:00:00 PM').format(' HH:mm'):'') ,'title': 'Santa\'s Village','url':'/calendar/events/santas-village/','startTime':'12/9/2024 4:00:00 PM','endTime':'12/9/2024 8:00:00 PM',}, ] var recurs = [ ] var ivalus = [] var donnar = {} //create intevals based on recurs 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}) }) document.addEventListener('DOMContentLoaded', function() { var calendar = new FullCalendar.Calendar(document.getElementById('calendar'), { googleCalendarApiKey: 'AIzaSyA68XzZx0bmRFjuUfS4QuB7EIardXhqurk', eventSources: [ { googleCalendarId: 'c_188fjesv5fv8egi9nrddrd7nf7ak8@resource.calendar.google.com' }, { events } ], datesSet: function(info) { console.log('Current view:', info.view.type); console.log('Start date:', info.startStr); console.log('End date:', info.endStr); // check if we done this before let hash = sdbmHash(`${info.startStr}${info.endStr}`) if(!(hash in donnar)) { donnar[hash]=true; let startDate = moment(info.startStr); let endDate = moment(info.endStr); while (startDate <= endDate) { ivalus.forEach((item)=>{ if(!("datesadded" in item)) { item.datesadded={} } if(item.recurrence.matches(startDate) && !(startDate.toDate() in item.datesadded)) { item.datesadded[startDate.toDate()]=true // create event const newEvent={ title: item.event.title, start: startDate.format("YYYY-MM-DD") + (item.event.startTime!="1/1/0001 12:00:00 AM"?moment(item.event.startTime).format(" HH:mm"):""), url: item.event.url + "?from=" + moment(startDate).format('YYYY-MM-DD') } console.log(newEvent) // and add to calendar calendar.addEvent(newEvent) } }) startDate = startDate.add(1, 'days'); } console.log("DONE"); // Add event to the calendar // calendar.addEvent(newEvent); // You can fetch events or perform other actions here } } }) calendar.render() }) })() </script> </div> </div> <aside></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="Send an Email opens in new window">Send an Email</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">© 2024 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>