96 lines
3.3 KiB
JavaScript
96 lines
3.3 KiB
JavaScript
const observer = new IntersectionObserver(entries => {
|
|
// Loop over the entries
|
|
entries.forEach(entry => {
|
|
// If the element is visible
|
|
if (entry.isIntersecting) {
|
|
// Add the animation class
|
|
entry.target.classList.add('slide-animation');
|
|
}
|
|
});
|
|
});
|
|
|
|
const observer_prize_2 = new IntersectionObserver(entries => {
|
|
// Loop over the entries
|
|
entries.forEach(entry => {
|
|
// If the element is visible
|
|
if (entry.isIntersecting) {
|
|
// Add the animation class
|
|
entry.target.classList.add('slide-animation-prize-2');
|
|
}
|
|
});
|
|
});
|
|
|
|
const observer_prize_1 = new IntersectionObserver(entries => {
|
|
// Loop over the entries
|
|
entries.forEach(entry => {
|
|
// If the element is visible
|
|
if (entry.isIntersecting) {
|
|
// Add the animation class
|
|
entry.target.classList.add('slide-animation-prize-1');
|
|
}
|
|
});
|
|
});
|
|
|
|
const observer_prize_3 = new IntersectionObserver(entries => {
|
|
// Loop over the entries
|
|
entries.forEach(entry => {
|
|
// If the element is visible
|
|
if (entry.isIntersecting) {
|
|
// Add the animation class
|
|
entry.target.classList.add('slide-animation-prize-3');
|
|
}
|
|
});
|
|
});
|
|
|
|
const observer_team_img = new IntersectionObserver(entries => {
|
|
// Loop over the entries
|
|
entries.forEach(entry => {
|
|
// If the element is visible
|
|
if (entry.isIntersecting) {
|
|
// Add the animation class
|
|
entry.target.classList.add('slide-animation-card-img');
|
|
}
|
|
});
|
|
});
|
|
|
|
const observer_team_desc = new IntersectionObserver(entries => {
|
|
// Loop over the entries
|
|
entries.forEach(entry => {
|
|
// If the element is visible
|
|
if (entry.isIntersecting) {
|
|
// Add the animation class
|
|
entry.target.classList.add('slide-animation-card-desc');
|
|
}
|
|
});
|
|
});
|
|
|
|
const entries = document.querySelectorAll('.team-picture');
|
|
entries.forEach(entry => {
|
|
observer_team_img.observe(entry);
|
|
});
|
|
|
|
const entries_desc = document.querySelectorAll('.team-description');
|
|
entries_desc.forEach(entry => {
|
|
observer_team_desc.observe(entry);
|
|
});
|
|
|
|
observer.observe(document.querySelector('#description-heading'));
|
|
observer.observe(document.querySelector('#event-main-box'));
|
|
observer.observe(document.querySelector('#timeline'));
|
|
observer.observe(document.querySelector('#signup-article'));
|
|
observer.observe(document.querySelector('#map-article'));
|
|
observer.observe(document.querySelector('#rules-description'));
|
|
observer.observe(document.querySelector('#guidelines'));
|
|
observer.observe(document.querySelector('#code-of-conduct'));
|
|
observer.observe(document.querySelector('#photo-release-container'));
|
|
observer.observe(document.querySelector('#second-column'));
|
|
observer.observe(document.querySelector('#first-column'));
|
|
observer.observe(document.querySelector('#third-column'));
|
|
observer_prize_2.observe(document.querySelector('#second-place'));
|
|
observer_prize_1.observe(document.querySelector('#first-place'));
|
|
observer_prize_3.observe(document.querySelector('#third-place'));
|
|
observer.observe(document.querySelector('#administration'));
|
|
observer.observe(document.querySelector('#logistics'));
|
|
observer.observe(document.querySelector('#outreach'));
|
|
observer.observe(document.querySelector('#tech'));
|
|
observer.observe(document.querySelector('#marketing')); |