Skip to content

Instantly share code, notes, and snippets.

import { gsap } from "gsap";
/**
* Custom cursor
*/
export default class CustomCursor {
constructor() {
/**
* Dom selectors
* @type {{customCursorWrapper: string, cursorType: {loader: string, link: string, video: string}, customCursor: string, cursorTrigger: string, customCursorLabel: string, states: {cursorVisible: string, cursorHidden: string}}}
<?php
namespace simpplrWeb2022\blocks;
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}
use bornfight\wpHelpers\blocks\ACFBaseBlocks;
use WP_Block_Editor_Context;
export default class Loader {
constructor(ctrl) {
this.loader = document.querySelector(".js-loader");
this.controller = ctrl;
this.nav = document.querySelector(".js-main-navigation-wrapper");
}
init() {
document.querySelector("html").classList.add("overflow-hidden");
.c-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999999;
background: $white;
display: flex;
align-items: center;
import { gsap } from "gsap";
/**
* Hotspot class for handling hotspot related functionality.
*/
export default class Hotspot {
/**
* Constructor for the Hotspot class.
* Initializes the DOM selectors and hotspots.
*/
import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
gsap.registerPlugin(ScrollTrigger);
export default class ImageSequence {
constructor() {
this.DOM = {
chapterNavigation: ".js-chapter-navigation-wrapper",
sequence: ".js-image-sequence",
export default class Loader {
constructor(ctrl) {
this.loader = document.querySelector(".js-loader");
this.controller = ctrl;
this.nav = document.querySelector(".js-main-navigation-wrapper");
}
init() {
document.querySelector("html").classList.add("overflow-hidden");