126 lines
2.7 KiB
JavaScript
126 lines
2.7 KiB
JavaScript
/**
|
|
* Template Name: SoftLand
|
|
* Template URL: https://bootstrapmade.com/softland-bootstrap-app-landing-page-template/
|
|
* Updated: Mar 17 2024 with Bootstrap v5.3.3
|
|
* Author: BootstrapMade.com
|
|
* License: https://bootstrapmade.com/license/
|
|
*/
|
|
|
|
(function() {
|
|
"use strict";
|
|
|
|
/**
|
|
* Easy selector helper function
|
|
*/
|
|
const select = (el, all = false) => {
|
|
el = el.trim()
|
|
if (all) {
|
|
return [...document.querySelectorAll(el)]
|
|
} else {
|
|
return document.querySelector(el)
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Easy event listener function
|
|
*/
|
|
const on = (type, el, listener, all = false) => {
|
|
let selectEl = select(el, all)
|
|
if (selectEl) {
|
|
if (all) {
|
|
selectEl.forEach(e => e.addEventListener(type, listener))
|
|
} else {
|
|
selectEl.addEventListener(type, listener)
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Easy on scroll event listener
|
|
*/
|
|
const onscroll = (el, listener) => {
|
|
el.addEventListener('scroll', listener)
|
|
}
|
|
|
|
/**
|
|
* Toggle .header-scrolled class to #header when page is scrolled
|
|
*/
|
|
let selectHeader = select('#header')
|
|
if (selectHeader) {
|
|
const headerScrolled = () => {
|
|
if (window.scrollY > 100) {
|
|
selectHeader.classList.add('header-scrolled')
|
|
} else {
|
|
selectHeader.classList.remove('header-scrolled')
|
|
}
|
|
}
|
|
window.addEventListener('load', headerScrolled)
|
|
onscroll(document, headerScrolled)
|
|
}
|
|
|
|
/**
|
|
* Mobile nav toggle
|
|
*/
|
|
on('click', '.mobile-nav-toggle', function(e) {
|
|
select('#navbar').classList.toggle('navbar-mobile')
|
|
this.classList.toggle('bi-list')
|
|
this.classList.toggle('bi-x')
|
|
})
|
|
|
|
/**
|
|
* Back to top button
|
|
*/
|
|
let backtotop = select('.back-to-top')
|
|
if (backtotop) {
|
|
const toggleBacktotop = () => {
|
|
if (window.scrollY > 100) {
|
|
backtotop.classList.add('active')
|
|
} else {
|
|
backtotop.classList.remove('active')
|
|
}
|
|
}
|
|
window.addEventListener('load', toggleBacktotop)
|
|
onscroll(document, toggleBacktotop)
|
|
}
|
|
|
|
/**
|
|
* Mobile nav dropdowns activate
|
|
*/
|
|
on('click', '.navbar .dropdown > a', function(e) {
|
|
if (select('#navbar').classList.contains('navbar-mobile')) {
|
|
e.preventDefault()
|
|
this.nextElementSibling.classList.toggle('dropdown-active')
|
|
}
|
|
}, true)
|
|
|
|
/**
|
|
* Testimonials slider
|
|
*/
|
|
new Swiper('.testimonials-slider', {
|
|
speed: 600,
|
|
loop: true,
|
|
autoplay: {
|
|
delay: 5000,
|
|
disableOnInteraction: false
|
|
},
|
|
slidesPerView: 'auto',
|
|
pagination: {
|
|
el: '.swiper-pagination',
|
|
type: 'bullets',
|
|
clickable: true
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Animation on scroll
|
|
*/
|
|
window.addEventListener('load', () => {
|
|
AOS.init({
|
|
duration: 1000,
|
|
easing: 'ease-in-out',
|
|
once: true,
|
|
mirror: false
|
|
})
|
|
});
|
|
|
|
})() |