function createSocialIconsArea() { var facebookURL = twitterURL = instagramURL = youtubeURL = ""; const socialIconsInFooter = document.querySelectorAll("#cms-footer .footer-social-links li a"); // social icons from footer const placeToAddTheIconsIn = document.querySelector("#cms-header .utilities-right"); const placeToAddTheIconsIn2 = document.querySelector("#cms-header .utilities-top"); const appUrl = "/o/rsd-20/page/download-app"; if (socialIconsInFooter) { // loop through icons - pull the rul socialIconsInFooter.forEach(function (socialIcon) { let socialIconURL = socialIcon.href; // check what type of button if (socialIconURL.includes("facebook.com")) { facebookURL = socialIconURL; } if (socialIconURL.includes("twitter.com")) { twitterURL = socialIconURL; } if (socialIconURL.includes("instagram.com")) { instagramURL = socialIconURL; } if (socialIconURL.includes("youtube.com")) { youtubeURL = socialIconURL; } }); } // define svg icons - in this case round icons const fbIcon = ''; const twIcon = ''; const instaIcon = ''; const ytIcon = ''; const appIcon = ''; /* END SETTINGS */ var iconsToBeAdded = [fbIcon, instaIcon, appIcon]; var iconsUrlsToBeAdded = [facebookURL, instagramURL, appUrl]; //ofc, they should match var buttonTitles = ['Facebook', 'Instagram', 'Download App']; //ofc, they should match var newTab = [1, 1, 0]; //ofc, they should match if (placeToAddTheIconsIn) { var wrapper1 = document.createElement("div"); wrapper1.classList.add("top-social-icons"); if (iconsToBeAdded) { var wrapper2 = document.createElement("ul"); wrapper2.classList.add("social-icons"); iconsToBeAdded.forEach((icon, index) => { let listElement = document.createElement("li"); let listElementLink = document.createElement("a"); listElement.setAttribute("data-testid", "social-icon"); listElementLink.setAttribute("href", iconsUrlsToBeAdded[index]); listElementLink.setAttribute("title", buttonTitles[index]); if (newTab[index] == 1) { listElementLink.setAttribute("target", "_blank"); } listElementLink.innerHTML = icon; listElement.appendChild(listElementLink); wrapper2.appendChild(listElement); }); wrapper1.appendChild(wrapper2); } const buttons = { // 'District': 'https://' + window.__NUXT__.state.organizations[0].org_url, 'District': 'https://www.rsd6.org/o/rsd-20', 'Who We Are': '/o/rsd-20/page/who-we-are' }; let headerCustomButtons = document.createElement("div"); headerCustomButtons.classList.add('headerCustomButtons'); for (const key in buttons) { let customHeaderButton = document.createElement("a"); customHeaderButton.classList.add("custom-button") // customHeaderButton.setAttribute('target', '_blank'); customHeaderButton.setAttribute('href', `${buttons[key]}`); customHeaderButton.innerText = `${key}`; wrapper1.appendChild(customHeaderButton); } wrapper2 = wrapper1.cloneNode(true); console.log(wrapper2) placeToAddTheIconsIn.insertAdjacentElement('afterBegin', wrapper1); placeToAddTheIconsIn2.insertAdjacentElement('afterBegin', wrapper2); } } document.addEventListener("DOMContentLoaded", createSocialIconsArea); function changeStayConnectedText() { const stayConnectedText = document.querySelector("#cms-footer .footer-column-last h2"); stayConnectedText.innerText = "Get the R20 App"; } document.addEventListener("DOMContentLoaded", changeStayConnectedText); function changeEventsTitle() { const events2 = document.querySelectorAll("#view-events #events-e4")[1]; if (events2) { const events2Title = events2.querySelectorAll(".header-slot-container h2")[0] events2Title.innerText = "Community Events"; } } setTimeout(() => { changeEventsTitle(); }, 3000); document.addEventListener("DOMContentLoaded", () => { const apptegyCopyRight = document.querySelectorAll("#cms-footer .apptegy-copyright span")[0]; const year = new Date().getFullYear(); apptegyCopyRight.innerText = "Copyright © " + year + " LPS, RSD6, and R20 District. All rights reserved."; });

Regional School District 20

R20 Website Feedback