https://thyca.org/wp-content/themes/thyca/blocks/hero-homepage/block.js?ver=6ab576b316061

1typeof app !== 'undefined' && app.ready(() => {
2    function homeHeroAnim() {
3        const container = $("section.hh");
4        if (!container.length) return;
5
6        let initialWidth = window.innerWidth;
7
8        container.each(function () {
9            const self = $(this);
10            const headingText = self.find("h1").contents();
11
12            window.addEventListener("resize", () => {
13                const currentWidth = window.innerWidth;
14
15                if (currentWidth !== initialWidth) {
16                    initialWidth = currentWidth;
17                    handleResize(self, headingText);
18                }
19            });
20
21            handleResize(self, headingText);
22        });
23    };
24
25    function handleResize(parent, headingText) {
26        const heading = parent.find("h1");
27
28        heading.empty();
29        heading.html(headingText);
30
31        const outerWords = new SplitText(heading, {
32            type: "words",
33            wordsClass: "outer-word",
34            reduceWhiteSpace: false,
35        });
36
37        const innerWords = new SplitText(heading, {
38            type: "words",
39            wordsClass: "inner-word",
40            reduceWhiteSpace: false,
41        });
42
43        gsap.to(parent.find(".inner-word"), {
44            ease: Power3.easeOut,
45            y: 0,
46            stagger: {
47                each: 0.16,
48            },
49            scrollTrigger: {
50                trigger: parent,
51                start: "top 50%",
52            },
53            overwrite: true,
54            duration: 0.8,
55            onComplete: () => {
56                innerWords.revert();
57                outerWords.revert();
58            }
59        })
60    }
61
62    homeHeroAnim();
63});