-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
82 lines (73 loc) · 1.9 KB
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
const menuBtn = document.getElementById("menu-btn"),
navLinks = document.getElementById("nav-links"),
menuBtnIcon = menuBtn.querySelector("i");
menuBtn.addEventListener("click", () => {
navLinks.classList.toggle("open");
const isOpen = navLinks.classList.contains("open");
menuBtnIcon.setAttribute(
"class",
isOpen ? "ri-close-line" : "ri-menu-3-line"
);
});
navLinks.addEventListener("click", () => {
navLinks.classList.remove("open");
menuBtnIcon.setAttribute("class", "ri-menu-3-line");
});
const scrollRevealOption = {
distance: "100px",
origin: "bottom",
duration: 1500,
};
ScrollReveal().reveal(".header__container p", {
...scrollRevealOption,
});
ScrollReveal().reveal(".header__container h1", {
...scrollRevealOption,
delay: 500,
});
ScrollReveal().reveal(".about__image img", {
...scrollRevealOption,
origin: "left",
});
ScrollReveal().reveal(
".about__content .section__subheader, .room__container .section__subheader",
{
...scrollRevealOption,
delay: 500,
}
);
ScrollReveal().reveal(
".about__content .section__header, .room__container .section__header",
{
...scrollRevealOption,
delay: 1000,
}
);
ScrollReveal().reveal(".about__content .section__description", {
...scrollRevealOption,
delay: 1500,
});
ScrollReveal().reveal(".about__btn", {
...scrollRevealOption,
delay: 2000,
});
ScrollReveal().reveal(".room__card", {
...scrollRevealOption,
inteval: 500,
delay: 1000,
});
ScrollReveal().reveal(".service__list li", {
...scrollRevealOption,
inteval: 500,
origin: "right",
});
const thisYear = new Date().getFullYear(),
year = document.getElementById("year");
year.innerHTML = `${thisYear}`;
const scrollUp = () => {
const scrollUp = document.getElementById("scroll-up");
this.scrollY >= 350
? scrollUp.classList.add("show-scroll")
: scrollUp.classList.remove("show-scroll");
};
window.addEventListener("scroll", scrollUp);