$(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*/ // 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"); // } // document.addEventListener("appLoaded", setupDropdown); /*End custom dropdown*/ /*Start LinkedIn Icon*/ function addSocialIcons() { const socialIconsWrapper = document.querySelector("#cms-footer .footer-social-links"); if (!socialIconsWrapper) return; // Ensure the container exists const socialLinks = { linkedin: { url: "https://www.linkedin.com/company/upper-dublin-school-district/", icon: "https://cmsv2-shared-assets.apptegy.net/Global/Images/Icons/LinkedIn_logo.png" // Replace with your preferred LinkedIn icon }, // Add other social links here if needed }; socialIconsWrapper.classList.add('grid-icons'); for (const [key, data] of Object.entries(socialLinks)) { const li = document.createElement('li'); li.setAttribute('data-social-media', key); const a = document.createElement('a'); a.href = data.url; a.target = "_blank"; // Open links in a new tab const img = document.createElement('img'); img.src = data.icon; img.alt = `${key} icon`; img.width = 47.77; // Adjust size as needed img.height = 47.77; img.style.marginBottom = "5px"; // Adds bottom margin of 5px a.appendChild(img); li.appendChild(a); socialIconsWrapper.appendChild(li); } } document.addEventListener("appLoaded", addSocialIcons); /*End LinkedIn Icon*/ /* Start Disable District Events Checkbox */ document.addEventListener('appLoaded', function() { const config = { childList: true, subtree: true }; const callback = function(mutationsList, observer) { for (const mutation of mutationsList) { if (mutation.type === 'childList') { const checkbox = document.querySelector('.event-filters .block .form-checkbox:first-child input'); if (checkbox) { checkbox.checked = true; checkbox.disabled = true; observer.disconnect(); return; } } } }; const observer = new MutationObserver(callback); observer.observe(document.body, config); const initialCheckbox = document.querySelector('.event-filters .block .form-checkbox:first-child input'); if (initialCheckbox) { initialCheckbox.checked = true; initialCheckbox.disabled = true; observer.disconnect(); } }); /* End Disable District Events Checkbox */ /* --------- 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", // "Letter Day Calendars": "https://www.udsd.org/o/udsd/page/letter-day-calendars", // "Athletics Calendar": "https://www.udsd.org/o/udsd/page/athletics-calendars", // "Subscribe to Calendar": "https://www.udsd.org/page/calendar-subscription", // }; // 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 School District

Virtual Art Gallery