import './styles/pages/_legal-notice.scss';
import gsap from 'gsap';
import { ScrollTrigger } from 'gsap/ScrollTrigger';

document.addEventListener('DOMContentLoaded', () => {
    const bg = document.querySelector<HTMLElement>('[data-legal-notice-bg="true"]');

    if (!bg) {
        return; // Not on the Legal notice page.
    }

    gsap.registerPlugin(ScrollTrigger);

    // Same ambient scroll effect as assets/about.ts: the fixed mountain-mask
    // backdrop settles into place as the visitor scrolls through the page.
    gsap.fromTo(bg,
        { y: 0 },
        {
            y: 250,
            ease: 'none',
            scrollTrigger: {
                trigger: document.body,
                start: 'top top',
                end: 'bottom bottom',
                scrub: true,
            },
        }
    );
});