$(document).ready(function () { var customHTML = document.getElementsByClassName('custom-html'); customHTML.forEach(item => { let closestItem = item.closest(".main"); if (closestItem) { closestItem.classList.add("custom-section"); } }); $('').insertBefore('#view-header'); $('.top-social-icons a.fb, .top-social-icons a.fb, .top-social-icons a.tw, .top-social-icons a.in, .top-social-icons a.yt, .top-social-icons a.ios, .top-social-icons a.play').css('display','none'); $('.footer-social-links li').each(function (index) { var socialImgAlt = $(this).find('img').attr("alt"); var socialBtn = socialImgAlt.match(/\w+$/)[0]; var socialLink = $(this).find('a').attr('href'); $(this).addClass(socialBtn); if(socialBtn == 'Facebook') { $('.top-social-icons a.fb').css('display', 'inline-block').attr("href", socialLink); } else if(socialBtn == 'Twitter') { $('.top-social-icons a.tw').css('display', 'inline-block').attr("href", socialLink); } else if(socialBtn == 'Youtube') { $('.top-social-icons a.yt').css('display', 'inline-block').attr("href", socialLink); } else if(socialBtn == 'Instagram') { $('.top-social-icons a.in').css('display', 'inline-block').attr("href", socialLink); } }); if($('.footer-column-last h2 + a').length) { var appStore = $('.footer-column-last h2 + a').attr('href'); $('.top-social-icons a.ios').css('display', 'inline-block').attr("href", appStore); } if($('.footer-column-last h2 + a + a').length) { var googlePlay = $('.footer-column-last h2 + a + a').attr('href'); $('.top-social-icons a.play').css('display', 'inline-block').attr("href", googlePlay); } document.querySelector(".skip-to-content").tabIndex = 1; var windowWidth = $(window).width(); if ($('.top-social-icons').is(':visible')) { $('#view-header').addClass('with-topbar'); var $sticky = $('#view-header, .top-social-icons'); if (!!$sticky.offset()) { var generalSidebarHeight = $sticky.innerHeight(); var stickyTop = $sticky.offset().top; var stickOffset = -115; $(window).scroll(function () { var windowTop = $(window).scrollTop(); if (stickyTop < windowTop + stickOffset) { $sticky.addClass('sticky'); } else { $sticky.removeClass('sticky'); } }); } $(function () { var headerHeight = $('#view-header .cms-header .header-bar-wrapper').height(); var topBarHeihgt = $('.top-social-icons').height(); var PaddingHeader = headerHeight + topBarHeihgt; $('#view-header .cms-header').each(function () { $(this).css('padding-bottom', PaddingHeader + 'px'); }); }); $(window).resize(function () { var headerHeight = $('#view-header .cms-header .header-bar-wrapper').height(); var topBarHeihgt = $('.top-social-icons').height(); var PaddingHeader = headerHeight + topBarHeihgt; $('#view-header .cms-header').each(function () { $(this).css('padding-bottom', PaddingHeader + 'px'); }); }); } }); /* BEGIN Custom Dropdown*/ // document.addEventListener("appLoaded", setupDropdown); // function setupDropdown() { // const containerSelector = ".toolbar-header-left"; // const dropdownContainer = document.createElement("div"); // dropdownContainer.id = "custom-dropdown-container"; // const dropdownButton = document.createElement("button"); // dropdownButton.textContent = "Subscribe to Calendar"; // dropdownButton.classList.add("dropbtn"); // dropdownButton.addEventListener("click", toggleDropdown); // const dropdownContent = document.createElement("div"); // dropdownContent.id = "myDropdown"; // dropdownContent.classList.add("dropdown-content"); // const departments = [ // { name: "FWES", link: "https://calendar.google.com/calendar/u/0?cid=Y19kaHBuZWhha2xqbWQzMWpjdjE2dGRibmtvY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "JTES", link: "https://calendar.google.com/calendar/u/0?cid=Y19rdm9ncjczZDhjc3Jodjk4dmoxN3NtZmY0a0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "MGES", link: "https://calendar.google.com/calendar/u/0?cid=Y183bGhyaGF2NGkzb29tdTMzaDU3bDdqZHE3b0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "SRMS", link: "https://calendar.google.com/calendar/u/0?cid=Y19ncnFwMXMzcmRydTJxaXRjZ21pcHVqbW1ja0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "TFES", link: "https://calendar.google.com/calendar/u/0?cid=Y19lNDM3ZDZkbWVwZTFjaGZzbWl2NGxzMDkwZ0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "UDHS", link: "https://calendar.google.com/calendar/u/0?cid=Y181OWh1ZXM3MDE1Mmk1N2RpNDBtOXE4NGtlMEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t" } // ]; // departments.forEach(dept => { // const link = document.createElement("a"); // link.href = dept.link; // link.textContent = dept.name; // dropdownContent.appendChild(link); // dropdownContent.appendChild(document.createElement("br")); // }); // dropdownContainer.appendChild(dropdownButton); // dropdownContainer.appendChild(dropdownContent); // const menuContainer = document.querySelector(containerSelector); // menuContainer.appendChild(dropdownContainer); // const arrowButton = document.createElement("button"); // arrowButton.classList.add("dropbtn", "arrow-close"); // arrowButton.addEventListener("click", toggleDropdown); // const arrowSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); // arrowSvg.setAttribute("width", "23"); // arrowSvg.setAttribute("height", "23"); // arrowSvg.setAttribute("viewBox", "0 0 23 23"); // arrowSvg.setAttribute("fill", "none"); // arrowSvg.setAttribute("xmlns", "http://www.w3.org/2000/svg"); // const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect"); // rect.setAttribute("fill", "#A31202"); // rect.setAttribute("rx", "4"); // rect.setAttribute("width", "23"); // rect.setAttribute("height", "23"); // const path = document.createElementNS("http://www.w3.org/2000/svg", "path"); // path.setAttribute("fill", "#fff"); // path.setAttribute("fill-rule", "evenodd"); // path.setAttribute("clip-rule", "evenodd"); // path.setAttribute("d", "M5.14645 8.14645C5.34171 7.95118 5.65829 7.95118 5.85355 8.14645L11.5 13.7929L17.1464 8.14645C17.3417 7.95118 17.6583 7.95118 17.8536 8.14645C18.0488 8.34171 18.0488 8.65829 17.8536 8.85355L11.8536 14.8536C11.6583 15.0488 11.3417 15.0488 11.1464 14.8536L5.14645 8.85355C4.95118 8.65829 4.95118 8.34171 5.14645 8.14645Z"); // arrowSvg.appendChild(rect); // arrowSvg.appendChild(path); // arrowButton.appendChild(arrowSvg); // dropdownContainer.appendChild(arrowButton); // } // function toggleDropdown() { // const dropdown = document.getElementById("myDropdown"); // const arrow = document.querySelector(".arrow-close"); // dropdown.classList.toggle("dept-show"); // arrow.classList.toggle("arrow-open"); // } /*End custom dropdown*/ /* Start Disable Event Checkboxes */ document.addEventListener('appLoaded', function() { // 1. Select all checkboxes and disable them on initial load const checkboxes = document.querySelectorAll('.event-filters .block .form-checkbox input'); if (checkboxes.length > 0) { checkboxes.forEach(function(checkbox) { checkbox.checked = true; checkbox.disabled = true; }); // 2. Set up a MutationObserver to enforce the disabled state const config = { attributes: true, attributeFilter: ['disabled'] }; const callback = function(mutationsList, observer) { for (const mutation of mutationsList) { // If the 'disabled' attribute was changed and the checkbox is not disabled, re-disable it if (mutation.type === 'attributes' && !mutation.target.disabled) { console.log('Checkbox was enabled. Re-disabling it now.'); mutation.target.disabled = true; } } }; const observer = new MutationObserver(callback); // 3. Start observing each checkbox for attribute changes checkboxes.forEach(function(checkbox) { observer.observe(checkbox, config); }); } else { console.warn('No checkboxes found with selector ".event-filters .block .form-checkbox input".'); } }); /* End Disable Event Checkboxes */ /* --------- START Events Buttons -------------- */ // const addButtonToEventsToolbar = () => { // // Update the eventButtons object with the desired button text and href values // const eventButtons = { // "Instructional Calendar (PDF)": "https://5il.co/373fo", // "Red/Gray Day Calendar": "https://5il.co/3l8h0", // "Athletics Calendar": "https://upperdublin.bigteams.com/main/calendar", // }; // const eventsToolbar = document.querySelector(".event-cal .toolbar-header-left"); // if (eventsToolbar && !eventsToolbar.querySelector(".custom-button-container")) { // const buttonContainer = document.createElement("div"); // buttonContainer.classList.add("custom-button-container"); // // Set the buttonContainer to use flexbox // buttonContainer.style.display = "flex"; // buttonContainer.style.gap = "1em"; // Add some space between the buttons // Object.entries(eventButtons).forEach(([buttonText, buttonHref]) => { // const button = document.createElement("a"); // button.classList.add("custom-button"); // button.innerText = buttonText; // button.href = buttonHref; // // Add styles here or add with CSS // // Remove 'display: block;' from here, as flex item default is inline-flex or similar // button.style.alignItems = "center"; // button.style.background = "var(--primary-color)"; // button.style.boxSizing = "border-box"; // button.style.color = "var(--primary-color-contrast)"; // button.style.borderRadius = "4px"; // button.style.fontSize = "16px"; // button.style.fontWeight = "600"; // button.style.lineHeight = "18px"; // button.style.marginLeft = "10"; // Remove individual button margin-left if container has gap // button.style.minHeight = "40px"; // button.style.padding = "10px 15px"; // button.style.textAlign = "center"; // button.style.textDecoration = "none"; // button.style.whiteSpace = "pre-wrap"; // buttonContainer.appendChild(button); // }); // eventsToolbar.insertAdjacentElement("beforeend", buttonContainer); // } // }; // window.addEventListener("clientWorkEvent", addButtonToEventsToolbar); /* --------- END Events Buttons -------------- */

Upper Dublin High School

Making Monsters for Kindergarteners