// responsive navbar start js function buttonFunction() { const mobileMenu = document.getElementById('responsive-nav-bar'); const mobileButton = document.getElementById('image-button-black'); if (mobileMenu.style.display === "none") { mobileMenu.style.display = "block"; } else{ mobileMenu.style.display = "none"; } }; // end navbar js //start home page swiper // var swiper = new Swiper(".mySwiper", { // navigation: { // nextEl: ".swiper-button-next", // prevEl: ".swiper-button-prev", // }, // }); // var swiper1 = new Swiper(".mySwiper1", { // navigation: { // nextEl: ".swiper-button-next", // prevEl: ".swiper-button-prev", // }, // }); // end swiper home page // campus gallery swiper js code // var swiper = new Swiper(".campus-gallery-swiper", { // effect: "coverflow", // grabCursor: true, // centeredSlides: true, // slidesPerView: "auto", // coverflowEffect: { // rotate: 50, // stretch: 0, // depth: 100, // modifier: 3, // slideShadows: true, // }, // pagination: { // el: ".swiper-pagination", // }, // }); // swiper 3 cards review home page // end // campus gallery swiper var swiper5 = new Swiper(".campus-gallery-swiper", { slidesPerView: 4, spaceBetween: 30, pagination: { el: ".swiper-pagination", clickable: true, }, breakpoints: { 0: { slidesPerView: 1, spaceBetween: 20 }, // when window width is >= 320px 320: { slidesPerView: 1, spaceBetween: 20 }, // when window width is >= 480px 480: { slidesPerView: 1, spaceBetween: 30 }, // when window width is >= 640px 760: { slidesPerView: 2, spaceBetween: 40 }, 960: { slidesPerView: 3, spaceBetween: 40 }, 1200: { slidesPerView: 4, spaceBetween: 40 } }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); // var swiper4 = new Swiper(".mySwiper1", { // slidesPerView: 1, // spaceBetween: 30, // pagination: { // el: ".swiper-pagination", // clickable: true, // }, // breakpoints: { // 0: { // slidesPerView: 1, // spaceBetween: 20 // }, // // when window width is >= 320px // 320: { // slidesPerView: 1, // spaceBetween: 20 // }, // // when window width is >= 480px // 480: { // slidesPerView: 1, // spaceBetween: 30 // }, // // when window width is >= 640px // 760: { // slidesPerView: 1, // spaceBetween: 40 // }, // 960: { // slidesPerView: 1, // spaceBetween: 40 // }, // 1200: { // slidesPerView: 1, // spaceBetween: 40 // } // }, // navigation: { // nextEl: ".swiper-button-next", // prevEl: ".swiper-button-prev", // }, // }); // end // campus post swiper var swiper6 = new Swiper(".campus-posts-swiper", { slidesPerView: 4, spaceBetween: 30, pagination: { el: ".swiper-pagination", clickable: true, }, breakpoints: { 0: { slidesPerView: 1, spaceBetween: 20 }, // when window width is >= 320px 320: { slidesPerView: 1, spaceBetween: 20 }, // when window width is >= 480px 480: { slidesPerView: 1, spaceBetween: 30 }, // when window width is >= 640px 760: { slidesPerView: 2, spaceBetween: 40 }, 960: { slidesPerView: 3, spaceBetween: 40 }, 1200: { slidesPerView: 4, spaceBetween: 40 } }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); // end // end campus gallery swiper js code // tabs // const bsTab = new bootstrap.Tab('#myTab2') // $('').tab=aria-selected =none; // end tabs // active status $(document).ready(function () { $(".menu-link").click(function (){ $(this).addClass("active").siblings().removeClass("active"); }); }); // achievement section counter home page id="numberWang" (function(){ numberWang = { countUpOrDown: function(containerid, startingNumber, endingNumber, betweenNumberDuration, betweenEffect, effectDuration, endingEffect, endingEffectDuration) { // Required parameters var divPlaceholder = document.getElementById(containerid); var fixedStartingNumber = parseInt(startingNumber.toFixed(0)) + 1; var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) + 1; // Optional parameters betweenNumberDuration = betweenNumberDuration || 20; betweenEffect = betweenEffect || "jello"; effectDuration = effectDuration || "0.1s"; endingEffect = endingEffect || "tada"; endingEffectDuration = endingEffectDuration || "1s"; // if both numbers ARE numbers if (isNaN(startingNumber, endingNumber)) { console.log('both starting and ending numbers are not integars!'); return false; } else { if(fixedStartingNumber < 0){ divPlaceholder.innerHTML = fixedStartingNumber-1; } else { divPlaceholder.innerHTML = fixedStartingNumber; } if(fixedEndingNumber < 0){ var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) - 1; } else { var fixedEndingNumber = parseInt(endingNumber.toFixed(0)) + 1; } if(fixedStartingNumber > fixedEndingNumber) { function updateToEndNumber() { divPlaceholder.style.animationDuration = effectDuration; divPlaceholder.setAttribute("class", betweenEffect + " animated infinite"); divPlaceholder.innerHTML = fixedStartingNumber--; if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", endingEffect + " animated"); } } var clearCountTimer = setInterval(updateToEndNumber, betweenNumberDuration); } else if(fixedStartingNumber < fixedEndingNumber) { function updateToEndNumber() { divPlaceholder.style.animationDuration = effectDuration; divPlaceholder.setAttribute("class", betweenEffect + " animated infinite"); divPlaceholder.innerHTML = fixedStartingNumber++; if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", "" + endingEffect + " animated"); } } var clearCountTimer = setInterval(updateToEndNumber, betweenNumberDuration); } else if(fixedStartingNumber == fixedEndingNumber) { clearInterval(clearCountTimer); clearCountTimer = 0; divPlaceholder.style.animationDuration = endingEffectDuration; divPlaceholder.setAttribute("class", "" + endingEffect + " animated"); } } } } // End of function // Make an API call: // $.getJSON("https://cpv2api.com/profile/cameronfitzwilliam", function(resp){ // If successful! // if(resp.success){ // Get followers var userFollowers = 40; // Use function numberWang.countUpOrDown('numberWang',0, userFollowers, 30, "shake", "0.1s", "tada", "1s"); var userFollowers = 25; // Use function numberWang.countUpOrDown('numberWang2',0, userFollowers, 30, "shake", "0.03s", "tada", "0.1s"); var userFollowers = 10000; numberWang.countUpOrDown('numberWang3',9500, userFollowers, 30, "shake", "0.01s", "tada", "0.1s"); var userFollowers = 20; numberWang.countUpOrDown('numberWang4',0, userFollowers, 30, "shake", "0.03s", "tada", "0.1s"); // } // }); })(); // faq section home page const items = document.querySelectorAll(".accordion button"); function toggleAccordion() { const itemToggle = this.getAttribute('aria-expanded'); for (i = 0; i < items.length; i++) { items[i].setAttribute('aria-expanded', 'false'); } if (itemToggle == 'false') { this.setAttribute('aria-expanded', 'true'); } } items.forEach(item => item.addEventListener('click', toggleAccordion)); // end faq section // swiper gallery details var swiper7 = new Swiper(".mySwiper-gallery", { direction: "vertical", slidesPerView: 1, spaceBetween: 30, mousewheel: true, pagination: { el: ".swiper-pagination", clickable: true, }, }); // end swiper gallery details // tabs let tabs2 = document.querySelectorAll('.tab2'); let tabSection2 = document.querySelectorAll('.tab-section2'); tabs2.forEach((tab2, index) => { tab2.addEventListener('click', onTabClick2) tab2.addEventListener('click', () => tabSection2[index].classList.remove('hide')) }); function onTabClick2() { for (let index = 0; index < tabs2.length; index++) { tabs2[index].classList.remove('tab-selected2') tabSection2[index].classList.add('hide') } this.classList.add('tab-selected2'); } // country api