document.addEventListener("DOMContentLoaded", () => { if (document.getElementById("rss-feed")) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { var data = JSON.parse(xhr.responseText); var output = '

'; if (data.items[i].enclosure) { output += ''; } else if (data.items[i].media) { output += ''; } output += '' + data.items[i].title + '

'; document.getElementById("rss-feed").innerHTML = output; // HANDLE THE SWIPER; needs .is-slider on .by-the-numbers-container UtilityHelpers.createStructureForSwiper({ swiper: "#rss-feed", // Targeting the swiper container swiperWrapper: "#rss-feed .empnews", // Targeting the swiper wrapper swiperSlide: "#rss-feed .article-item", // Targeting each slide within the swiper cssClass: "rss-news", }); new Swiper('#rss-feed', { loop: false, slidesPerView: 1.2, spaceBetween: 15, autoplay: false, navigation: { nextEl: '.swiper-button-next-rss-news', prevEl: '.swiper-button-prev-rss-news', }, // Enable auto-generated pagination pagination: { el: '.swiper-pagination-rss-news', type: 'bullets', // Default type is 'bullets' clickable: true, }, breakpoints: { 320: { slidesPerView: 1, spaceBetween: 15 }, 450: { slidesPerView: 1.4, spaceBetween: 15 }, 600: { slidesPerView: 2, spaceBetween: 15 }, 767: { slidesPerView: 3, spaceBetween: 15 }, 1024: { slidesPerView: 4, spaceBetween: 15 }, 1280: { slidesPerView: 4, spaceBetween: 15 } } }); } }; xhr.open('GET', 'https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Fnews.springisd.org%2Fcategory%2Fenglish%2Ffeed%2F&api_key=kahoh8gidpjx8weubg8rlpmqd1c4fqphzwbafr30&order_dir=desc&count=12', true); xhr.send(); } });