next-cochise/src/utils/initWow.ts
2025-02-04 15:08:01 +07:00

61 lines
1.8 KiB
TypeScript

// @ts-nocheck
/* eslint-disable @typescript-eslint/no-require-imports */
export function init_wow() {
const WOW = require("wow.js");
setTimeout(() => {
/* Wow init */
if (document.body.classList.contains("appear-animate")) {
document.querySelectorAll(".wow").forEach((el) => el.classList.add("no-animate"));
}
const wow = new WOW({
boxClass: "wow",
animateClass: "animatedfgfg",
offset: 100,
live: false,
callback: function (box) {
box.classList.add("animated");
},
});
if (document.body.classList.contains("appear-animate")) {
wow.init();
} else {
document.querySelectorAll(".wow").forEach((el) => (el.style.opacity = "1"));
}
/* Wow for portfolio init */
if (document.body.classList.contains("appear-animate")) {
document.querySelectorAll(".wow-p").forEach((el) => el.classList.add("no-animate"));
}
const wow_p = new WOW({
boxClass: "wow-p",
animateClass: "animatedfgfg",
offset: 100,
live: false,
callback: function (box) {
box.classList.add("animated");
},
});
if (document.body.classList.contains("appear-animate")) {
wow_p.init();
} else {
document.querySelectorAll(".wow-p").forEach((el) => (el.style.opacity = "1"));
}
/* Wow for menu bar init */
if (
document.body.classList.contains("appear-animate") &&
window.innerWidth >= 1024 &&
document.documentElement.classList.contains("no-mobile")
) {
document.querySelectorAll(".wow-menubar").forEach((el) => {
el.classList.add("no-animate", "fadeInDown", "animated");
setInterval(() => {
el.classList.remove("no-animate");
}, 1500);
});
} else {
document.querySelectorAll(".wow-menubar").forEach((el) => (el.style.opacity = "1"));
}
}, 100);
}