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

Maple Glen Elementary School