137 lines
5.1 KiB
JavaScript
137 lines
5.1 KiB
JavaScript
document.querySelector('body').style='background: #FFF;';
|
|
|
|
var swiper = new Swiper(".camp-swiper-foto-thumbsSlider", {
|
|
spaceBetween: 10,
|
|
slidesPerView: 7,
|
|
freeMode: true,
|
|
watchSlidesVisibility: true,
|
|
watchSlidesProgress: true,
|
|
});
|
|
var swiper2 = new Swiper(".camp-swiper-foto", {
|
|
spaceBetween: 10,
|
|
slidesPerView: 1,
|
|
navigation: {
|
|
nextEl: ".swiper-button-next",
|
|
prevEl: ".swiper-button-prev",
|
|
},
|
|
thumbs: {
|
|
swiper: swiper,
|
|
},
|
|
});
|
|
|
|
const btnCloseModalPrograms = document.querySelector('.btn-close-programs');
|
|
const btnCloseModalMentors = document.querySelector('.btn-close-mentors');
|
|
const modalPrograms = document.querySelector('.modal-programs');
|
|
const modalMentors = document.querySelector('.modal-mentors');
|
|
|
|
const modalCampRequestForm = document.querySelector('.modal-camp-request-form');
|
|
|
|
btnCloseModalPrograms.addEventListener("click", function (event) {
|
|
modalPrograms.classList.remove('open');
|
|
});
|
|
btnCloseModalMentors.addEventListener("click", function (event) {
|
|
modalMentors.classList.remove('open');
|
|
});
|
|
|
|
document.addEventListener("click", function (event) {
|
|
const target = event.target;
|
|
|
|
if (target.classList.contains("btn-close-request-form-camp")) {
|
|
modalCampRequestForm.style="display: none;";
|
|
return;
|
|
}
|
|
|
|
if (target.classList.contains("btn-write-camp")) {
|
|
modalCampRequestForm.style="";
|
|
return;
|
|
}
|
|
|
|
if (target.classList.contains("btn-program")) {
|
|
modalPrograms.querySelector('.modal-programs__img').innerHTML = target.parentNode.querySelector('.programs__item_img').outerHTML;
|
|
modalPrograms.querySelector('.programs__item_title').innerHTML = target.parentNode.querySelector('.programs__item_title').innerHTML;
|
|
modalPrograms.querySelector('.programs__item_price').innerHTML = target.parentNode.querySelector('.programs__item_price').innerHTML;
|
|
modalPrograms.querySelector('.programs__content').innerHTML = target.parentNode.querySelector('.programs_content').innerHTML;
|
|
modalPrograms.classList.add('open');
|
|
return;
|
|
}
|
|
if (target.classList.contains("btn-mentors")) {
|
|
modalMentors.querySelector('.modal-programs__img').innerHTML = target.parentNode.querySelector('.mentors__item_img').outerHTML;
|
|
modalMentors.querySelector('.modal-mentors_name').innerHTML = target.parentNode.querySelector('.mentors__item_name').innerHTML;
|
|
modalMentors.querySelector('.modal-mentors_job').innerHTML = target.parentNode.querySelector('.mentors__item_text').innerHTML;
|
|
modalMentors.querySelector('.mentors__about-col_text').innerHTML = target.parentNode.querySelector('.mentor_education').innerHTML;
|
|
|
|
modalMentors.querySelector('.modal-mentors__directions').innerHTML = target.parentNode.querySelector('.HTMLdirection').innerHTML;
|
|
modalMentors.querySelector('.mentors__experience-col_text').innerHTML = target.parentNode.querySelector('.mentor_experience').innerHTML;
|
|
modalMentors.querySelector('.modal-additional__education_list').innerHTML = target.parentNode.querySelector('.mentor_add_experience').innerHTML;
|
|
modalMentors.classList.add('open');
|
|
return;
|
|
}
|
|
});
|
|
|
|
// Scroll animation: fade-up sections
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const observer = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add('visible');
|
|
}
|
|
});
|
|
}, { threshold: 0.15 });
|
|
|
|
document.querySelectorAll('.about-us__wrapper, .suggestions__item, .suggestions__subtitle, .suggestions h2').forEach(el => {
|
|
el.classList.add('fade-up');
|
|
observer.observe(el);
|
|
});
|
|
|
|
// Stagger for suggestion cards
|
|
document.querySelectorAll('.suggestions__item').forEach((card, i) => {
|
|
card.style.transitionDelay = (i * 0.1) + 's';
|
|
});
|
|
});
|
|
|
|
// Scroll animation: all sections
|
|
(function() {
|
|
const animatedSections = [
|
|
'.hero-media-search__container',
|
|
'.about-us__wrapper',
|
|
'.suggestions h2',
|
|
'.suggestions__subtitle',
|
|
'.suggestions__item',
|
|
'.infograph h2',
|
|
'.infograph .camp_text',
|
|
'.infograph-wrapper',
|
|
'.programs h2',
|
|
'.programs__subtitle',
|
|
'.programs-wrapper > div',
|
|
'.mentors h2',
|
|
'.mentors-wrapper > div',
|
|
'.routine h2',
|
|
'.routine__item',
|
|
'.foto h2',
|
|
'.camp-foto-wrapper',
|
|
'.camp-reviews-wrapper',
|
|
'.camp-faq h2',
|
|
'.faq-wrapper',
|
|
'.camp-contact h2',
|
|
'.contact-wrapper',
|
|
].join(',');
|
|
|
|
const observer2 = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add('visible');
|
|
}
|
|
});
|
|
}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
|
|
|
|
document.querySelectorAll(animatedSections).forEach(el => {
|
|
el.classList.add('fade-up');
|
|
observer2.observe(el);
|
|
});
|
|
|
|
// Stagger for cards
|
|
document.querySelectorAll('.suggestions__item, .routine__item, .programs-wrapper > div, .mentors-wrapper > div').forEach((card, i) => {
|
|
card.style.transitionDelay = (i * 0.08) + 's';
|
|
});
|
|
})();
|