/* ----------- Script to split slogan ----------- */ document.addEventListener("appLoaded", () => { const searchElement = document.querySelector(".school-info .slogan"); if (searchElement) { var searchNewItem = document.querySelector(".itemUpdated"); if (!searchNewItem) { let inputString = searchElement.textContent.trim(); const words = inputString.split(" "); const firstTwoWords = "" + words.slice(0, 1).join(" ") + ""; const remainingWords = words.slice(1).join(" "); const outputString = `${firstTwoWords} ${remainingWords}`; searchElement.innerHTML = outputString; searchElement.classList.add("itemUpdated"); } } }); /* ----------- END Script to split slogan ----------- */ /* ----------- START ADD BUTTON to EVENTS PAGE ----------- */ document.addEventListener("appLoaded", function () { const targetElements = document.querySelectorAll(".event-cal-sidebar"); const htmlContent = `

`; targetElements.forEach((element) => { element.insertAdjacentHTML('beforeend', htmlContent); }); }); function isViewportWidthUnder1280px() { return window.innerWidth < 1280; } function toggleCalendarButtonVisibility() { const buttons = document.querySelectorAll(".academiccalendar-button-wide"); const displayStyle = isViewportWidthUnder1280px() ? "block" : "none"; buttons.forEach((button) => { button.style.display = displayStyle; }); } function addCalendarButton() { const toolbarDiv = document.querySelector( "#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div" ); if (toolbarDiv) { toolbarDiv.insertAdjacentHTML( "beforeend", `

` ); } toggleCalendarButtonVisibility(); } window.addEventListener("appLoaded", function () { if (window.location.pathname.includes("events")) { addCalendarButton(); } }); window.addEventListener("resize", toggleCalendarButtonVisibility); const oldOpen = XMLHttpRequest.prototype.open; function onStateChange() { toggleCalendarButtonVisibility(); } XMLHttpRequest.prototype.open = function () { this.addEventListener("loadend", onStateChange); oldOpen.apply(this, arguments); }; document.querySelectorAll( "div.event-cal-content div.event-cal-content-toolbar div.events-toolbar-actions div.actions-right div div.list-views-container button" ).forEach((button) => { button.addEventListener("click", function () { setTimeout(addCalendarButton, 800); }); }); /* ----------- END ADD BUTTON to EVENTS PAGE ----------- */

2024 Graduation Ceremonies