function addTransparentHeader(){ if (document.getElementById("home")) { document.getElementById("view-header").classList.add("transparentHeader"); } } document.addEventListener("DOMContentLoaded", addTransparentHeader); /* ----------- Script to change the social icons in the footer ----------- */ function changeFooterIcons(){ // REQUIRES: urls added from the CMS /* SETTINGS */ // define svg icons - in this case round icons const fbIcon = ''; const twIcon = ''; const instaIcon = ''; const ytIcon = ''; const linkedinIcon = ''; /* END SETTINGS */ const socialIcons = document.querySelectorAll("#cms-footer .footer-social-links li a"); // define elements if (socialIcons) { // loop through icons - logic can adapt to fit the situation socialIcons.forEach(function (socialIcon) { let socialIconURL = socialIcon.href; // check what type of button if (socialIconURL.includes("facebook.com")) { socialIcon.classList.add('facebook-button'); // optional since we alrady add the icon below with color/fill already defined socialIcon.innerHTML = fbIcon; } if (socialIconURL.includes("twitter.com")) { socialIcon.classList.add('twitter-button'); // optional socialIcon.innerHTML = twIcon; } if (socialIconURL.includes("instagram.com")) { socialIcon.classList.add('instagram-button'); // optional socialIcon.innerHTML = instaIcon; } if (socialIconURL.includes("youtube.com")) { socialIcon.classList.add('youtube-button'); // optional socialIcon.innerHTML = ytIcon; } if (socialIconURL.includes("linkedin.com")) { socialIcon.classList.add('linkedin-button'); // optional socialIcon.innerHTML = linkedinIcon; } }); } } document.addEventListener("DOMContentLoaded", changeFooterIcons); /* ----------- END Script to change the social icons in the footer ----------- */ window.addEventListener("load", (event) => { let district_container = document.createElement("div"); let district_button = "" + "District" + ""; let right_menu = document.querySelector("#h1 > div > div.right > div.right-left-menu"); district_container.setAttribute("class", "districtLink"); district_container.innerHTML = district_button; right_menu.prepend(district_container); });

Southern Local Elementary

News