(function (ready) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { ready(); } else { document.addEventListener("DOMContentLoaded", ready); } })(function domReady() { /* the document is now ready. */ if (document.getElementById("home") !== null) { // Full width Stats slider const statsInterval = setInterval(function () { var statsWrapper = document.querySelector('#stats-s1'); if (statsWrapper) { function firstS(callback) { statsWrapper.id = 'stats-s1-custom'; callback(); } function secondS() { var StatsSlider = tns({ container: '#stats-s1-custom .stats-wrapper', items: 1, nav: false, arrowKeys: true, gutter: 40, edgePadding: 20, "loop": false, "rewind": true, responsive: { 600: { items: 2 }, 850: { items: 3 }, 1100: { items: 4 }, 1280: { items: 5 } } }); !function(n){"use strict";n.fn.countUp=function(t){var e=n.extend({time:2e3,delay:10},t);return this.each(function(){var p=n(this),i=e;p.waypoint(function(){p.data("counterupTo")||p.data("counterupTo",p.text());var t=0$&'); $element.html(modifiedText); if (headingTextLenght < 15) { $(this).addClass('biggerText'); } }); $('.counter').countUp(); } firstS(secondS); clearInterval(statsInterval); } setTimeout(function () { clearInterval(statsInterval); }, 3000); }, 500); /* Events date wrap */ const interval = setInterval(function () { var eventsSection = document.querySelectorAll("#events-e1"); if (eventsSection) { var eventsCard = document.querySelectorAll( "#events-e1 .events-info .events-card" ); var eventsCardLength = eventsCard.length; for (let i = 0; i < eventsCardLength; i++) { var eventCard = eventsCard[i]; var eventDate = eventCard.querySelector(".events-date"); var eventDateText = eventDate.innerHTML; var eventsDateLenght = eventDateText.length; eventDate.innerHTML = eventDate.innerHTML.replace( /\d+/g, '$&' ); if (eventsDateLenght > 9) { eventCard.classList.add("multipleDays"); } } clearInterval(interval); } setTimeout(function () { clearInterval(interval); }, 3000); }, 500); } }); /* ----------- 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/@mtstmaryacademy"; const tiktokIcon = ''; const linkedinURL = "https://www.linkedin.com/school/mount-st-mary-academy/"; 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-newid", "social-icon"); listElementLink.setAttribute("href", iconsUrlsToBeAdded[index]); listElementLink.setAttribute("target", "_blank"); listElementLink.innerHTML = icon; listElement.appendChild(listElementLink); socialIconsWrapper.appendChild(listElement); }); } } } document.addEventListener("DOMContentLoaded", addSocialIcons); /* ----------- END Script to add new icons in the footer ----------- */