https://www.marshall.edu/wp-content/themes/herdpress/js/mu-animate.js?ver=1790733414

1document.addEventListener("alpine:init", () => {
2  Alpine.data("animateOnScroll", () => ({
3    observer: null,
4    init() {
5      this.observer = new IntersectionObserver(
6        (entries) => {
7          entries.forEach((entry) => {
8            if (entry.intersectionRatio >= 0.2) {
9              const target = entry.target;
10              target.setAttribute("data-in-view", "true");
11              this.observer.unobserve(target);
12            }
13          });
14        },
15        {
16          threshold: 0.2,
17        },
18      );
19
20      document.querySelectorAll("[data-animate]").forEach((el) => {
21        this.observer.observe(el);
22      });
23    },
24  }));
25});