Add dynamic Google Calendar iframe to events page

Updated the events page to include a dynamic Google Calendar iframe that adjusts to the user's timezone.

Author: StevenClontz

events.md

@@ -3,5 +3,9 @@ layout: default
 permalink: /events/
 ---
 
-<iframe src="https://calendar.google.com/calendar/embed?src=7000a514e4c452c330b7786deba4a311e5d2e7aac1951ba87451e2b0961882a8%40group.calendar.google.com" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
-
+<script type="text/javascript">
+const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone 
+const html = `<iframe src="https://calendar.google.com/calendar/embed?src=7000a514e4c452c330b7786deba4a311e5d2e7aac1951ba87451e2b0961882a8%40group.calendar.google.com&ctz=${timezone}" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>`
+document.getElementById('calendar-container').innerHTML = html;
+</script>
+<div class="calendar-container"></div>