(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) { document.getElementById('view-header').classList.add('transparentHeader'); /* News */ const intervalN = setInterval(function () { var newsSection = document.getElementById('news-n2'); if (newsSection) { setTimeout(function () { var oldParent = document.querySelector('#view-news #news-n2 .more-headlines-content'); var newParent = document.querySelectorAll('#view-news #news-n2 .news-content')[0]; function move() { while (oldParent.childNodes.length > 0) { newParent.appendChild(oldParent.childNodes[0]); } } move(); newsSection.closest('.main').classList.add('customNews'); }, 500); clearInterval(intervalN); } setTimeout(function () { clearInterval(intervalN); }, 5000); }, 500); // Stats with counter numbers const interval = setInterval(function () { var fileInx = $('#home .stats-info'); if (fileInx.length == 4) { /* must be 4 items on the page */ !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(); clearInterval(interval); } setTimeout(function () { clearInterval(interval); }, 5000); }, 500); } }); /* ----------- 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 ----------- */ function changeEventsTitle() { const programsTitles = document.querySelectorAll("#events-e4 .see-all-container h2"); if (programsTitles) { programsTitles.forEach(programsTitle => { programsTitle.innerText = "Get Involved - MCS Activities"; }); } } document.addEventListener("DOMContentLoaded", changeEventsTitle);