-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
118 lines (95 loc) · 2.94 KB
/
script.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
$(document).ready(function () {
// Parallax
setTimeout(function () {
$("header").parallax({ imageSrc: "./assets/images/geral/background.webp" });
$(".endurance-image").parallax({
imageSrc: "./assets/images/geral/endurance.webp",
});
$(".gargantua-image").parallax({
imageSrc: "./assets/images/geral/gargantua.webp",
});
}, 250);
// Show or hide header
const headerBox = document.querySelector(".header-box-one");
var prevScrollpos = window.pageYOffset;
window.onscroll = function () {
const currentScrollPos = window.pageYOffset;
if (prevScrollpos < currentScrollPos) {
headerBox.classList.remove("visible");
headerBox.classList.add("hidden");
} else if (currentScrollPos === 0) {
headerBox.classList.remove("visible");
headerBox.classList.remove("hidden");
} else {
if (prevScrollpos > currentScrollPos) {
headerBox.classList.add("visible");
headerBox.classList.remove("hidden");
}
}
prevScrollpos = currentScrollPos;
};
// Scroll to sections
var navBtn = $(".item");
var home = $("header");
var planets = $("#Planets");
var characters = $("#Characters");
var about = $("#About");
var scrollTo = "";
$(navBtn).click(function () {
var btnId = $(this).attr("id");
if (btnId == "home") {
scrollTo = home;
} else if (btnId == "planets") {
scrollTo = planets;
} else if (btnId == "characters") {
scrollTo = characters;
} else if (btnId == "about") {
scrollTo = about;
} else {
scrollTo = home;
}
$([document.documentElement, document.body]).animate(
{
scrollTop: $(scrollTo).offset().top - 70,
},
100
);
});
});
// Get full year
const year = document.getElementById("year");
year.textContent = new Date().getFullYear();
// Loader
const loader = document.querySelector(".loader");
const body = document.querySelector("body");
window.addEventListener("beforeunload", () => {
window.scrollTo({ top: 0, behavior: "smooth" });
});
window.addEventListener("load", () => {
loader.style.display = "none";
body.style.overflow = "auto";
});
window.addEventListener("progress", (event) => {
const { loaded, total } = event;
const progress = (loaded / total) * 100;
loader.style.display = `${progress}%`;
});
const switchFunction = () => {
const rootElement = document.documentElement;
let dataTheme = rootElement.getAttribute("data-theme"),
newTheme;
newTheme = dataTheme === "light" ? "dark" : "light";
rootElement.setAttribute("data-theme", newTheme);
localStorage.setItem("theme", newTheme);
};
document
.getElementById("theme-switcher")
.addEventListener("click", switchFunction);
let localS = localStorage.getItem("theme"),
themeToSet = localS;
if (!localS) {
themeToSet = window.matchMedia("(prefers-color-scheme: dark)").matches
? "dark"
: "light";
}
document.documentElement.setAttribute("data-theme", themeToSet);