https://tamayon.com/resources/scripts/index.js

1(function () {
2    let pageBanner = document.getElementById('page-banner');
3    let closeBtn = document.querySelector('#page-banner .Banner-CloseBtn');
4    closeBtn.addEventListener('click', function (event) {
5        event.preventDefault();
6        pageBanner.style.display = 'none';
7    });
8}());
9
10const scroll = new SmoothScroll("[data-scroll]", {
11    speed: 1500,
12    speedAsDuration: true,
13    offset: function (anchor, toggle) {
14        console.log(toggle)
15        if (toggle.classList.contains("Header-Nav-List-Item-Link")) {
16            return 0
17        } else {
18            return 65
19        }
20    },
21})
22
23const initImage = (imageElement) => {
24    imageElement.src = imageElement.dataset.src
25}
26
27const animateFvMessages = async (classNames) => {
28    const fvMessages = classNames.map((className) => {
29        return document.getElementsByClassName(className)[0]
30    })
31
32    const fvMessagePromises = fvMessages.map((fvMessage) => {
33        return new Promise((resolve) => {
34            fvMessage.onload = () => {
35                resolve(fvMessage)
36            }
37        })
38    })
39
40    fvMessages.forEach((fvMessage) => {
41        initImage(fvMessage)
42    })
43
44    await Promise.all(fvMessagePromises)
45
46    for await (const fvMessage of fvMessages) {
47        fvMessage.classList.add("Js-Animation-FadeInLeft")
48        await new Promise((resolve) => setTimeout(resolve, 1000))
49    }
50}
51
52window.addEventListener("DOMContentLoaded", async () => {
53    animateFvMessages([
54        "Js-Target-FadeInLeft1",
55        "Js-Target-FadeInLeft2",
56        "Js-Target-FadeInLeft3",
57    ])
58
59    animateFvMessages([
60        "Js-Target-FadeInLeft1SP",
61        "Js-Target-FadeInLeft2SP",
62        "Js-Target-FadeInLeft3SP",
63    ])
64})
65
66const headerSPBackground = document.getElementsByClassName(
67    "Js-Target-HeaderSPBackground"
68)[0]
69const headerSPButton = document.getElementsByClassName(
70    "Js-Target-MenuButton"
71)[0]
72const headerMenu = document.getElementsByClassName("Js-Target-Menu")[0]
73const headerSPButtonLineTop = document.getElementsByClassName(
74    "Js-Target-MenuButtonLineTop"
75)[0]
76const headerSPButtonLineMiddle = document.getElementsByClassName(
77    "Js-Target-MenuButtonLineMiddle"
78)[0]
79const headerSPButtonLineBottom = document.getElementsByClassName(
80    "Js-Target-MenuButtonLineBottom"
81)[0]
82
83headerSPButton.addEventListener("click", () => {
84    document.body.classList.toggle("OverflowHidden")
85    headerMenu.classList.toggle("Js-Animation-Menu")
86    headerSPButtonLineTop.classList.toggle("Js-Animation-MenuButtonLineTop")
87    headerSPButtonLineMiddle.classList.toggle("Js-Animation-MenuButtonLineMiddle")
88    headerSPButtonLineBottom.classList.toggle("Js-Animation-MenuButtonLineBottom")
89})
90
91const menuItems = document.getElementsByClassName("Js-Target-MenuItem")
92;[...menuItems].forEach((menuItem) => {
93    menuItem.addEventListener("click", () => {
94        document.body.classList.remove("OverflowHidden")
95        headerMenu.classList.remove("Js-Animation-Menu")
96        headerSPBackground.classList.remove("Js-Animation-HeaderSPBackground")
97        headerSPButtonLineTop.classList.remove("Js-Animation-MenuButtonLineTop")
98        headerSPButtonLineMiddle.classList.remove(
99            "Js-Animation-MenuButtonLineMiddle"
100        )
101        headerSPButtonLineBottom.classList.remove(
102            "Js-Animation-MenuButtonLineBottom"
103        )
104    })
105})