$(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*/

Upper Dublin School District

Girls' Swim & Dive Team Wins State Championship