{"id":22,"date":"2026-06-10T06:45:34","date_gmt":"2026-06-10T06:45:34","guid":{"rendered":"https:\/\/maasnetwork.me\/?page_id=22"},"modified":"2026-07-31T16:48:29","modified_gmt":"2026-07-31T16:48:29","slug":"news-events","status":"publish","type":"page","link":"https:\/\/maasnetwork.me\/?page_id=22","title":{"rendered":"News &amp; Events"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#001d3d&#8221; custom_padding=&#8221;70px||55px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;900px&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|600|||||||&#8221; text_text_color=&#8221;rgba(255,255,255,0.5)&#8221; text_font_size=&#8221;11px&#8221; custom_css_free_form=&#8221;selector {||  display: flex;||  align-items: center;||  gap: 8px;||  margin-bottom: 16px;||}||selector::before {||  content: &#8221;;||  display: block;||  width: 20px;||  height: 1.5px;||  background: #CE0538;||  flex-shrink: 0;||}&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>WHAT WE&#8217;RE DOING<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; header_2_font=&#8221;|700|||||||&#8221; header_2_text_color=&#8221;#FFFFFF&#8221; header_2_font_size=&#8221;36px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span>News &amp; Events<\/span><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;rgba(255,255,255,0.7)&#8221; text_font_size=&#8221;15px&#8221; text_line_height=&#8221;1.8em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>What MAAS is doing, publishing, and supporting \u2014 and where to find us next.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;900px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blog_extras include_categories=&#8221;9&#8243; blog_layout=&#8221;list&#8221; show_author=&#8221;off&#8221; show_categories=&#8221;off&#8221; _builder_version=&#8221;4.27.7&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; show_comments=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_blog_extras][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f4f6f9&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;900px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\t<div class=\"maas-events\">\n\n\t\t<div class=\"maas-events-toggle\">\n\t\t\t<button type=\"button\" class=\"maas-events-toggle-btn active\" data-view=\"list\">List view<\/button>\n\t\t\t<button type=\"button\" class=\"maas-events-toggle-btn\" data-view=\"calendar\">Calendar view<\/button>\n\t\t<\/div>\n\n\t\t<!-- LIST VIEW -->\n\t\t<div class=\"maas-events-view maas-events-list-view\">\n\n\t\t\t\t\t\t\t<p class=\"maas-events-empty\">No upcoming events scheduled right now. Check back soon.<\/p>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t<!-- CALENDAR VIEW -->\n\t\t<div class=\"maas-events-view maas-events-calendar-view\" style=\"display:none;\">\n\t\t\t<div class=\"maas-cal-header\">\n\t\t\t\t<button type=\"button\" class=\"maas-cal-nav\" data-dir=\"-1\"><i class=\"ti ti-chevron-left\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t\t<div class=\"maas-cal-title\"><\/div>\n\t\t\t\t<button type=\"button\" class=\"maas-cal-nav\" data-dir=\"1\"><i class=\"ti ti-chevron-right\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<\/div>\n\t\t\t<div class=\"maas-cal-weekdays\">\n\t\t\t\t<span>Mon<\/span><span>Tue<\/span><span>Wed<\/span><span>Thu<\/span><span>Fri<\/span><span>Sat<\/span><span>Sun<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"maas-cal-grid\"><\/div>\n\t\t\t<div class=\"maas-cal-selected\"><\/div>\n\t\t<\/div>\n\n\t\t<!-- Data for calendar -->\n\t\t<script type=\"application\/json\" id=\"maas-events-data\">\n\t\t\t[]\t\t<\/script>\n\t<\/div>\n\n\t<style>\n\t\t.maas-events-toggle { display: inline-flex; border: 0.5px solid #DDE3EA; border-radius: 8px; overflow: hidden; margin-bottom: 1.5rem; }\n\t\t.maas-events-toggle-btn { padding: 8px 18px; font-size: 13px; font-weight: 500; color: #6B7785; background: #fff; border: none; cursor: pointer; font-family: inherit; }\n\t\t.maas-events-toggle-btn.active { background: #002E5F; color: #fff; }\n\n\t\t.maas-event-card { display: flex; gap: 1rem; padding: 1.25rem; border: 0.5px solid #DDE3EA; border-radius: 10px; margin-bottom: 10px; align-items: center; }\n\t\t.maas-event-card.is-past { opacity: 0.7; }\n\t\t.maas-event-date-box { width: 56px; height: 56px; border-radius: 10px; background: #002E5F; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; }\n\t\t.maas-event-date-box.is-past { background: #6B7785; }\n\t\t.maas-event-date-box .maas-event-day { font-size: 18px; font-weight: 500; line-height: 1; }\n\t\t.maas-event-date-box .maas-event-month { font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; }\n\t\t.maas-event-info { flex: 1; }\n\t\t.maas-event-title { font-size: 14.5px; font-weight: 500; color: #1B2430; margin-bottom: 2px; }\n\t\t.maas-event-title a { color: inherit; text-decoration: none; }\n\t\t.maas-event-title a:hover { text-decoration: underline; }\n\t\t.maas-event-meta { font-size: 12px; color: #6B7785; }\n\t\t.maas-event-tag { font-size: 10.5px; padding: 2px 8px; border-radius: 4px; background: #E3F5F3; color: #0E7A70; margin-left: 8px; }\n\t\t.maas-event-tag.is-past { background: #F4F6F9; color: #6B7785; }\n\t\t.maas-event-extlink { color: #CE0538; font-weight: 500; text-decoration: none; display: inline-flex; align-items: center; gap: 3px; }\n\t\t.maas-event-extlink:hover { text-decoration: underline; }\n\n\t\t.maas-past-toggle { display: inline-flex; align-items: center; gap: 6px; background: none; border: none; color: #CE0538; font-weight: 500; font-size: 13px; cursor: pointer; padding: 8px 0; font-family: inherit; margin-top: 0.5rem; }\n\t\t.maas-past-toggle i { transition: transform 0.2s ease; }\n\t\t.maas-past-toggle.is-open i { transform: rotate(180deg); }\n\t\t.maas-past-events { margin-top: 0.75rem; }\n\n\t\t.maas-events-empty { font-size: 13px; color: #6B7785; font-style: italic; line-height: 1.6; padding: 1.5rem; background: #F4F6F9; border-radius: 8px; border: 0.5px solid #DDE3EA; text-align: center; }\n\n\t\t\/* Calendar *\/\n\t\t.maas-cal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }\n\t\t.maas-cal-title { font-size: 16px; font-weight: 500; color: #1B2430; }\n\t\t.maas-cal-nav { width: 32px; height: 32px; border-radius: 50%; border: 0.5px solid #DDE3EA; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #6B7785; }\n\t\t.maas-cal-nav:hover { border-color: #002E5F; color: #002E5F; }\n\t\t.maas-cal-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 6px; }\n\t\t.maas-cal-weekdays span { font-size: 11px; font-weight: 500; color: #6B7785; text-align: center; text-transform: uppercase; letter-spacing: 0.04em; }\n\t\t.maas-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }\n\t\t.maas-cal-day { aspect-ratio: 1; border-radius: 8px; border: 0.5px solid #DDE3EA; padding: 6px; font-size: 12px; color: #1B2430; position: relative; cursor: default; background: #fff; }\n\t\t.maas-cal-day.is-empty { border: none; background: transparent; }\n\t\t.maas-cal-day.has-event { cursor: pointer; border-color: #002E5F; background: #EAF0F6; }\n\t\t.maas-cal-day.has-event:hover { background: #DCE6F2; }\n\t\t.maas-cal-day.is-today { font-weight: 700; color: #CE0538; }\n\t\t.maas-cal-dot { position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background: #CE0538; }\n\t\t.maas-cal-selected { margin-top: 1rem; }\n\t\t.maas-cal-event-detail { padding: 1rem 1.25rem; border: 0.5px solid #DDE3EA; border-radius: 10px; margin-bottom: 8px; }\n\t\t.maas-cal-event-detail .maas-cal-event-title { font-size: 14px; font-weight: 500; color: #1B2430; margin-bottom: 4px; }\n\t\t.maas-cal-event-detail .maas-cal-event-meta { font-size: 12px; color: #6B7785; margin-bottom: 6px; }\n\t\t.maas-cal-event-detail .maas-cal-event-desc { font-size: 13px; color: #6B7785; line-height: 1.6; }\n\t\t.maas-cal-event-detail a.maas-cal-event-link { font-size: 12.5px; color: #CE0538; font-weight: 500; text-decoration: none; display: inline-block; margin-top: 6px; }\n\n\t\t@media (max-width: 480px) {\n\t\t\t.maas-cal-day { font-size: 10px; padding: 4px; }\n\t\t}\n\t<\/style>\n\n\t<script>\n\t(function() {\n\t\tvar containers = document.querySelectorAll('.maas-events');\n\t\tcontainers.forEach(function(container) {\n\t\t\t\/* Toggle list\/calendar *\/\n\t\t\tvar toggleBtns = container.querySelectorAll('.maas-events-toggle-btn');\n\t\t\tvar listView = container.querySelector('.maas-events-list-view');\n\t\t\tvar calView = container.querySelector('.maas-events-calendar-view');\n\n\t\t\ttoggleBtns.forEach(function(btn) {\n\t\t\t\tbtn.addEventListener('click', function() {\n\t\t\t\t\ttoggleBtns.forEach(function(b) { b.classList.remove('active'); });\n\t\t\t\t\tbtn.classList.add('active');\n\t\t\t\t\tvar view = btn.getAttribute('data-view');\n\t\t\t\t\tif (view === 'list') {\n\t\t\t\t\t\tlistView.style.display = '';\n\t\t\t\t\t\tcalView.style.display = 'none';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlistView.style.display = 'none';\n\t\t\t\t\t\tcalView.style.display = '';\n\t\t\t\t\t\trenderCalendar();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\n\t\t\t\/* Past events toggle *\/\n\t\t\tvar pastToggle = container.querySelector('.maas-past-toggle');\n\t\t\tvar pastEvents = container.querySelector('.maas-past-events');\n\t\t\tif (pastToggle && pastEvents) {\n\t\t\t\tpastToggle.addEventListener('click', function() {\n\t\t\t\t\tvar isOpen = pastEvents.style.display !== 'none';\n\t\t\t\t\tpastEvents.style.display = isOpen ? 'none' : '';\n\t\t\t\t\tpastToggle.classList.toggle('is-open', !isOpen);\n\t\t\t\t\tvar label = pastToggle.textContent.trim();\n\t\t\t\t\tvar count = label.match(\/\\((\\d+)\\)\/);\n\t\t\t\t\tpastToggle.innerHTML = '<i class=\"ti ti-chevron-down\" aria-hidden=\"true\"><\/i> ' + (isOpen ? 'Show' : 'Hide') + ' past events' + (count ? ' (' + count[1] + ')' : '');\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/* Calendar *\/\n\t\t\tvar dataScript = container.querySelector('#maas-events-data');\n\t\t\tvar events = [];\n\t\t\ttry { events = JSON.parse(dataScript.textContent); } catch(e) { events = []; }\n\n\t\t\tvar eventsByDate = {};\n\t\t\tevents.forEach(function(ev) {\n\t\t\t\tif (!eventsByDate[ev.date]) eventsByDate[ev.date] = [];\n\t\t\t\teventsByDate[ev.date].push(ev);\n\t\t\t});\n\n\t\t\tvar today = new Date();\n\t\t\tvar viewYear = today.getFullYear();\n\t\t\tvar viewMonth = today.getMonth(); \/\/ 0-indexed\n\n\t\t\tvar monthNames = ['January','February','March','April','May','June','July','August','September','October','November','December'];\n\n\t\t\tvar calGrid = container.querySelector('.maas-cal-grid');\n\t\t\tvar calTitle = container.querySelector('.maas-cal-title');\n\t\t\tvar calSelected = container.querySelector('.maas-cal-selected');\n\t\t\tvar calNavBtns = container.querySelectorAll('.maas-cal-nav');\n\n\t\t\tfunction pad(n) { return n < 10 ? '0' + n : '' + n; }\n\n\t\t\tfunction renderCalendar() {\n\t\t\t\tcalTitle.textContent = monthNames[viewMonth] + ' ' + viewYear;\n\t\t\t\tcalGrid.innerHTML = '';\n\n\t\t\t\tvar firstDay = new Date(viewYear, viewMonth, 1);\n\t\t\t\tvar startWeekday = (firstDay.getDay() + 6) % 7; \/\/ make Monday = 0\n\t\t\t\tvar daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n\t\t\t\tfor (var i = 0; i < startWeekday; i++) {\n\t\t\t\t\tvar empty = document.createElement('div');\n\t\t\t\t\tempty.className = 'maas-cal-day is-empty';\n\t\t\t\t\tcalGrid.appendChild(empty);\n\t\t\t\t}\n\n\t\t\t\tfor (var d = 1; d <= daysInMonth; d++) {\n\t\t\t\t\tvar cell = document.createElement('div');\n\t\t\t\t\tcell.className = 'maas-cal-day';\n\t\t\t\t\tvar dateStr = viewYear + '-' + pad(viewMonth + 1) + '-' + pad(d);\n\t\t\t\t\tcell.textContent = d;\n\n\t\t\t\t\tvar isToday = (viewYear === today.getFullYear() && viewMonth === today.getMonth() && d === today.getDate());\n\t\t\t\t\tif (isToday) cell.classList.add('is-today');\n\n\t\t\t\t\tif (eventsByDate[dateStr]) {\n\t\t\t\t\t\tcell.classList.add('has-event');\n\t\t\t\t\t\tvar dot = document.createElement('span');\n\t\t\t\t\t\tdot.className = 'maas-cal-dot';\n\t\t\t\t\t\tcell.appendChild(dot);\n\t\t\t\t\t\tcell.addEventListener('click', function(dateKey) {\n\t\t\t\t\t\t\treturn function() { showDayEvents(dateKey); };\n\t\t\t\t\t\t}(dateStr));\n\t\t\t\t\t}\n\n\t\t\t\t\tcalGrid.appendChild(cell);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction showDayEvents(dateStr) {\n\t\t\t\tvar dayEvents = eventsByDate[dateStr] || [];\n\t\t\t\tcalSelected.innerHTML = '';\n\t\t\t\tdayEvents.forEach(function(ev) {\n\t\t\t\t\tvar card = document.createElement('div');\n\t\t\t\t\tcard.className = 'maas-cal-event-detail';\n\n\t\t\t\t\tvar title = document.createElement('div');\n\t\t\t\t\ttitle.className = 'maas-cal-event-title';\n\t\t\t\t\ttitle.textContent = ev.title;\n\t\t\t\t\tcard.appendChild(title);\n\n\t\t\t\t\tif (ev.location || ev.audience) {\n\t\t\t\t\t\tvar meta = document.createElement('div');\n\t\t\t\t\t\tmeta.className = 'maas-cal-event-meta';\n\t\t\t\t\t\tmeta.textContent = [ev.location, ev.audience].filter(Boolean).join(' \u00b7 ');\n\t\t\t\t\t\tcard.appendChild(meta);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (ev.desc) {\n\t\t\t\t\t\tvar desc = document.createElement('div');\n\t\t\t\t\t\tdesc.className = 'maas-cal-event-desc';\n\t\t\t\t\t\tdesc.textContent = ev.desc;\n\t\t\t\t\t\tcard.appendChild(desc);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (ev.link) {\n\t\t\t\t\t\tvar link = document.createElement('a');\n\t\t\t\t\t\tlink.className = 'maas-cal-event-link';\n\t\t\t\t\t\tlink.href = ev.link;\n\t\t\t\t\t\tlink.target = '_blank';\n\t\t\t\t\t\tlink.rel = 'noopener';\n\t\t\t\t\t\tlink.textContent = 'More info \u2192';\n\t\t\t\t\t\tcard.appendChild(link);\n\t\t\t\t\t}\n\n\t\t\t\t\tcalSelected.appendChild(card);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tcalNavBtns.forEach(function(btn) {\n\t\t\t\tbtn.addEventListener('click', function() {\n\t\t\t\t\tvar dir = parseInt(btn.getAttribute('data-dir'), 10);\n\t\t\t\t\tviewMonth += dir;\n\t\t\t\t\tif (viewMonth < 0) { viewMonth = 11; viewYear--; }\n\t\t\t\t\tif (viewMonth > 11) { viewMonth = 0; viewYear++; }\n\t\t\t\t\tcalSelected.innerHTML = '';\n\t\t\t\t\trenderCalendar();\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t})();\n\t<\/script>\n\t[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WHAT WE&#8217;RE DOINGNews &amp; EventsWhat MAAS is doing, publishing, and supporting \u2014 and where to find us next.\t<div class=\"maas-events\">\n\n\t\t<div class=\"maas-events-toggle\">\n\t\t\t<button type=\"button\" class=\"maas-events-toggle-btn active\" data-view=\"list\">List view<\/button>\n\t\t\t<button type=\"button\" class=\"maas-events-toggle-btn\" data-view=\"calendar\">Calendar view<\/button>\n\t\t<\/div>\n\n\t\t<!-- LIST VIEW -->\n\t\t<div class=\"maas-events-view maas-events-list-view\">\n\n\t\t\t\t\t\t\t<p class=\"maas-events-empty\">No upcoming events scheduled right now. Check back soon.<\/p>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t<!-- CALENDAR VIEW -->\n\t\t<div class=\"maas-events-view maas-events-calendar-view\" style=\"display:none;\">\n\t\t\t<div class=\"maas-cal-header\">\n\t\t\t\t<button type=\"button\" class=\"maas-cal-nav\" data-dir=\"-1\"><i class=\"ti ti-chevron-left\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t\t<div class=\"maas-cal-title\"><\/div>\n\t\t\t\t<button type=\"button\" class=\"maas-cal-nav\" data-dir=\"1\"><i class=\"ti ti-chevron-right\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<\/div>\n\t\t\t<div class=\"maas-cal-weekdays\">\n\t\t\t\t<span>Mon<\/span><span>Tue<\/span><span>Wed<\/span><span>Thu<\/span><span>Fri<\/span><span>Sat<\/span><span>Sun<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"maas-cal-grid\"><\/div>\n\t\t\t<div class=\"maas-cal-selected\"><\/div>\n\t\t<\/div>\n\n\t\t<!-- Data for calendar -->\n\t\t<script type=\"application\/json\" id=\"maas-events-data\">\n\t\t\t[]\t\t<\/script>\n\t<\/div>\n\n\t<style>\n\t\t.maas-events-toggle { display: inline-flex; border: 0.5px solid #DDE3EA; border-radius: 8px; overflow: hidden; margin-bottom: 1.5rem; }\n\t\t.maas-events-toggle-btn { padding: 8px 18px; font-size: 13px; font-weight: 500; color: #6B7785; background: #fff; border: none; cursor: pointer; font-family: inherit; }\n\t\t.maas-events-toggle-btn.active { background: #002E5F; color: #fff; }\n\n\t\t.maas-event-card { display: flex; gap: 1rem; padding: 1.25rem; border: 0.5px solid #DDE3EA; border-radius: 10px; margin-bottom: 10px; align-items: center; }\n\t\t.maas-event-card.is-past { opacity: 0.7; }\n\t\t.maas-event-date-box { width: 56px; height: 56px; border-radius: 10px; background: #002E5F; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; }\n\t\t.maas-event-date-box.is-past { background: #6B7785; }\n\t\t.maas-event-date-box .maas-event-day { font-size: 18px; font-weight: 500; line-height: 1; }\n\t\t.maas-event-date-box .maas-event-month { font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; }\n\t\t.maas-event-info { flex: 1; }\n\t\t.maas-event-title { font-size: 14.5px; font-weight: 500; color: #1B2430; margin-bottom: 2px; }\n\t\t.maas-event-title a { color: inherit; text-decoration: none; }\n\t\t.maas-event-title a:hover { text-decoration: underline; }\n\t\t.maas-event-meta { font-size: 12px; color: #6B7785; }\n\t\t.maas-event-tag { font-size: 10.5px; padding: 2px 8px; border-radius: 4px; background: #E3F5F3; color: #0E7A70; margin-left: 8px; }\n\t\t.maas-event-tag.is-past { background: #F4F6F9; color: #6B7785; }\n\t\t.maas-event-extlink { color: #CE0538; font-weight: 500; text-decoration: none; display: inline-flex; align-items: center; gap: 3px; }\n\t\t.maas-event-extlink:hover { text-decoration: underline; }\n\n\t\t.maas-past-toggle { display: inline-flex; align-items: center; gap: 6px; background: none; border: none; color: #CE0538; font-weight: 500; font-size: 13px; cursor: pointer; padding: 8px 0; font-family: inherit; margin-top: 0.5rem; }\n\t\t.maas-past-toggle i { transition: transform 0.2s ease; }\n\t\t.maas-past-toggle.is-open i { transform: rotate(180deg); }\n\t\t.maas-past-events { margin-top: 0.75rem; }\n\n\t\t.maas-events-empty { font-size: 13px; color: #6B7785; font-style: italic; line-height: 1.6; padding: 1.5rem; background: #F4F6F9; border-radius: 8px; border: 0.5px solid #DDE3EA; text-align: center; }\n\n\t\t\/* Calendar *\/\n\t\t.maas-cal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }\n\t\t.maas-cal-title { font-size: 16px; font-weight: 500; color: #1B2430; }\n\t\t.maas-cal-nav { width: 32px; height: 32px; border-radius: 50%; border: 0.5px solid #DDE3EA; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #6B7785; }\n\t\t.maas-cal-nav:hover { border-color: #002E5F; color: #002E5F; }\n\t\t.maas-cal-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 6px; }\n\t\t.maas-cal-weekdays span { font-size: 11px; font-weight: 500; color: #6B7785; text-align: center; text-transform: uppercase; letter-spacing: 0.04em; }\n\t\t.maas-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }\n\t\t.maas-cal-day { aspect-ratio: 1; border-radius: 8px; border: 0.5px solid #DDE3EA; padding: 6px; font-size: 12px; color: #1B2430; position: relative; cursor: default; background: #fff; }\n\t\t.maas-cal-day.is-empty { border: none; background: transparent; }\n\t\t.maas-cal-day.has-event { cursor: pointer; border-color: #002E5F; background: #EAF0F6; }\n\t\t.maas-cal-day.has-event:hover { background: #DCE6F2; }\n\t\t.maas-cal-day.is-today { font-weight: 700; color: #CE0538; }\n\t\t.maas-cal-dot { position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background: #CE0538; }\n\t\t.maas-cal-selected { margin-top: 1rem; }\n\t\t.maas-cal-event-detail { padding: 1rem 1.25rem; border: 0.5px solid #DDE3EA; border-radius: 10px; margin-bottom: 8px; }\n\t\t.maas-cal-event-detail .maas-cal-event-title { font-size: 14px; font-weight: 500; color: #1B2430; margin-bottom: 4px; }\n\t\t.maas-cal-event-detail .maas-cal-event-meta { font-size: 12px; color: #6B7785; margin-bottom: 6px; }\n\t\t.maas-cal-event-detail .maas-cal-event-desc { font-size: 13px; color: #6B7785; line-height: 1.6; }\n\t\t.maas-cal-event-detail a.maas-cal-event-link { font-size: 12.5px; color: #CE0538; font-weight: 500; text-decoration: none; display: inline-block; margin-top: 6px; }\n\n\t\t@media (max-width: 480px) {\n\t\t\t.maas-cal-day { font-size: 10px; padding: 4px; }\n\t\t}\n\t<\/style>\n\n\t<script>\n\t(function() {\n\t\tvar containers = document.querySelectorAll('.maas-events');\n\t\tcontainers.forEach(function(container) {\n\t\t\t\/* Toggle list\/calendar *\/\n\t\t\tvar toggleBtns = container.querySelectorAll('.maas-events-toggle-btn');\n\t\t\tvar listView = container.querySelector('.maas-events-list-view');\n\t\t\tvar calView = container.querySelector('.maas-events-calendar-view');\n\n\t\t\ttoggleBtns.forEach(function(btn) {\n\t\t\t\tbtn.addEventListener('click', function() {\n\t\t\t\t\ttoggleBtns.forEach(function(b) { b.classList.remove('active'); });\n\t\t\t\t\tbtn.classList.add('active');\n\t\t\t\t\tvar view = btn.getAttribute('data-view');\n\t\t\t\t\tif (view === 'list') {\n\t\t\t\t\t\tlistView.style.display = '';\n\t\t\t\t\t\tcalView.style.display = 'none';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlistView.style.display = 'none';\n\t\t\t\t\t\tcalView.style.display = '';\n\t\t\t\t\t\trenderCalendar();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\n\t\t\t\/* Past events toggle *\/\n\t\t\tvar pastToggle = container.querySelector('.maas-past-toggle');\n\t\t\tvar pastEvents = container.querySelector('.maas-past-events');\n\t\t\tif (pastToggle && pastEvents) {\n\t\t\t\tpastToggle.addEventListener('click', function() {\n\t\t\t\t\tvar isOpen = pastEvents.style.display !== 'none';\n\t\t\t\t\tpastEvents.style.display = isOpen ? 'none' : '';\n\t\t\t\t\tpastToggle.classList.toggle('is-open', !isOpen);\n\t\t\t\t\tvar label = pastToggle.textContent.trim();\n\t\t\t\t\tvar count = label.match(\/\\((\\d+)\\)\/);\n\t\t\t\t\tpastToggle.innerHTML = '<i class=\"ti ti-chevron-down\" aria-hidden=\"true\"><\/i> ' + (isOpen ? 'Show' : 'Hide') + ' past events' + (count ? ' (' + count[1] + ')' : '');\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/* Calendar *\/\n\t\t\tvar dataScript = container.querySelector('#maas-events-data');\n\t\t\tvar events = [];\n\t\t\ttry { events = JSON.parse(dataScript.textContent); } catch(e) { events = []; }\n\n\t\t\tvar eventsByDate = {};\n\t\t\tevents.forEach(function(ev) {\n\t\t\t\tif (!eventsByDate[ev.date]) eventsByDate[ev.date] = [];\n\t\t\t\teventsByDate[ev.date].push(ev);\n\t\t\t});\n\n\t\t\tvar today = new Date();\n\t\t\tvar viewYear = today.getFullYear();\n\t\t\tvar viewMonth = today.getMonth(); \/\/ 0-indexed\n\n\t\t\tvar monthNames = ['January','February','March','April','May','June','July','August','September','October','November','December'];\n\n\t\t\tvar calGrid = container.querySelector('.maas-cal-grid');\n\t\t\tvar calTitle = container.querySelector('.maas-cal-title');\n\t\t\tvar calSelected = container.querySelector('.maas-cal-selected');\n\t\t\tvar calNavBtns = container.querySelectorAll('.maas-cal-nav');\n\n\t\t\tfunction pad(n) { return n < 10 ? '0' + n : '' + n; }\n\n\t\t\tfunction renderCalendar() {\n\t\t\t\tcalTitle.textContent = monthNames[viewMonth] + ' ' + viewYear;\n\t\t\t\tcalGrid.innerHTML = '';\n\n\t\t\t\tvar firstDay = new Date(viewYear, viewMonth, 1);\n\t\t\t\tvar startWeekday = (firstDay.getDay() + 6) % 7; \/\/ make Monday = 0\n\t\t\t\tvar daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n\t\t\t\tfor (var i = 0; i < startWeekday; i++) {\n\t\t\t\t\tvar empty = document.createElement('div');\n\t\t\t\t\tempty.className = 'maas-cal-day is-empty';\n\t\t\t\t\tcalGrid.appendChild(empty);\n\t\t\t\t}\n\n\t\t\t\tfor (var d = 1; d <= daysInMonth; d++) {\n\t\t\t\t\tvar cell = document.createElement('div');\n\t\t\t\t\tcell.className = 'maas-cal-day';\n\t\t\t\t\tvar dateStr = viewYear + '-' + pad(viewMonth + 1) + '-' + pad(d);\n\t\t\t\t\tcell.textContent = d;\n\n\t\t\t\t\tvar isToday = (viewYear === today.getFullYear() && viewMonth === today.getMonth() && d === today.getDate());\n\t\t\t\t\tif (isToday) cell.classList.add('is-today');\n\n\t\t\t\t\tif (eventsByDate[dateStr]) {\n\t\t\t\t\t\tcell.classList.add('has-event');\n\t\t\t\t\t\tvar dot = document.createElement('span');\n\t\t\t\t\t\tdot.className = 'maas-cal-dot';\n\t\t\t\t\t\tcell.appendChild(dot);\n\t\t\t\t\t\tcell.addEventListener('click', function(dateKey) {\n\t\t\t\t\t\t\treturn function() { showDayEvents(dateKey); };\n\t\t\t\t\t\t}(dateStr));\n\t\t\t\t\t}\n\n\t\t\t\t\tcalGrid.appendChild(cell);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction showDayEvents(dateStr) {\n\t\t\t\tvar dayEvents = eventsByDate[dateStr] || [];\n\t\t\t\tcalSelected.innerHTML = '';\n\t\t\t\tdayEvents.forEach(function(ev) {\n\t\t\t\t\tvar card = document.createElement('div');\n\t\t\t\t\tcard.className = 'maas-cal-event-detail';\n\n\t\t\t\t\tvar title = document.createElement('div');\n\t\t\t\t\ttitle.className = 'maas-cal-event-title';\n\t\t\t\t\ttitle.textContent = ev.title;\n\t\t\t\t\tcard.appendChild(title);\n\n\t\t\t\t\tif (ev.location || ev.audience) {\n\t\t\t\t\t\tvar meta = document.createElement('div');\n\t\t\t\t\t\tmeta.className = 'maas-cal-event-meta';\n\t\t\t\t\t\tmeta.textContent = [ev.location, ev.audience].filter(Boolean).join(' \u00b7 ');\n\t\t\t\t\t\tcard.appendChild(meta);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (ev.desc) {\n\t\t\t\t\t\tvar desc = document.createElement('div');\n\t\t\t\t\t\tdesc.className = 'maas-cal-event-desc';\n\t\t\t\t\t\tdesc.textContent = ev.desc;\n\t\t\t\t\t\tcard.appendChild(desc);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (ev.link) {\n\t\t\t\t\t\tvar link = document.createElement('a');\n\t\t\t\t\t\tlink.className = 'maas-cal-event-link';\n\t\t\t\t\t\tlink.href = ev.link;\n\t\t\t\t\t\tlink.target = '_blank';\n\t\t\t\t\t\tlink.rel = 'noopener';\n\t\t\t\t\t\tlink.textContent = 'More info \u2192';\n\t\t\t\t\t\tcard.appendChild(link);\n\t\t\t\t\t}\n\n\t\t\t\t\tcalSelected.appendChild(card);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tcalNavBtns.forEach(function(btn) {\n\t\t\t\tbtn.addEventListener('click', function() {\n\t\t\t\t\tvar dir = parseInt(btn.getAttribute('data-dir'), 10);\n\t\t\t\t\tviewMonth += dir;\n\t\t\t\t\tif (viewMonth < 0) { viewMonth = 11; viewYear--; }\n\t\t\t\t\tif (viewMonth > 11) { viewMonth = 0; viewYear++; }\n\t\t\t\t\tcalSelected.innerHTML = '';\n\t\t\t\t\trenderCalendar();\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t})();\n\t<\/script>\n\t<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maasnetwork.me\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maasnetwork.me\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maasnetwork.me\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maasnetwork.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maasnetwork.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":8,"href":"https:\/\/maasnetwork.me\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/maasnetwork.me\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/maasnetwork.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}