File Manager

Editing:reveal.js

/**
 * Ophiro Scroll Reveal
 * Elegant entrance animations triggered on scroll
 */
( function() {
	'use strict';

const revealElements = document.querySelectorAll( '.o-reveal, .o-stagger' );

if ( ! revealElements.length ) return;

// Intersection Observer for performant scroll detection
	const observerOptions = {
		root: null,
		rootMargin: '0px 0px -60px 0px',
		threshold: 0.1
	};

revealElements.forEach( function( el ) {
		revealObserver.observe( el );
	} );

// Smooth scroll for anchor links
	document.querySelectorAll( 'a[href^="#"]' ).forEach( function( anchor ) {
		anchor.addEventListener( 'click', function( e ) {
			const targetId = this.getAttribute( 'href' );
			if ( targetId === '#' ) return;

const target = document.querySelector( targetId );
			if ( target ) {
				e.preventDefault();
				const headerHeight = document.getElementById( 'o-site-header' )
					? document.getElementById( 'o-site-header' ).offsetHeight
					: 0;

window.scrollTo( {
					top: target.offsetTop - headerHeight - 20,
					behavior: 'smooth'
				} );
			}
		} );
	} );

} )();

Cancel

🤩 File Manager - Mr.X

Editing:reveal.js