/* ----------- Script to add icons in the footer ----------- */ function addSocialIcons() { const iconColor = '#fff'; // define svg icons - in this case round icons const tiktokURL = "https://www.tiktok.com/@siouxcityschools"; const tiktokIcon = ''; const linkedinURL = "https://www.linkedin.com/company/sioux-city-community-school-district/"; const linkedin = ''; /* END SETTINGS */ const iconsToBeAdded = [tiktokIcon, linkedin]; const iconsUrlsToBeAdded = [tiktokURL, linkedinURL]; //ofc, they should match const socialIconsWrapper = document.querySelectorAll("#cms-footer .footer-social-links")[0]; if (socialIconsWrapper) { console.log(1) if (iconsToBeAdded) { console.log(2) 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("target", "_blank"); listElementLink.innerHTML = icon; listElement.appendChild(listElementLink); socialIconsWrapper.appendChild(listElement); }); } } } document.addEventListener("appLoaded", addSocialIcons); /* ----------- END Script to add new icons in the footer ----------- */

Innovation Studio