-
Notifications
You must be signed in to change notification settings - Fork 0
/
custom-script.js
52 lines (43 loc) · 1.92 KB
/
custom-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
function toggleDarkMode() {
let element = document.body;
element.classList.toggle("dark-mode");
}
function toggleCoverCardInGallery(coverCardID) {
let element = document.getElementById(coverCardID);
element.classList.toggle("clickable-pic-hover");
}
function randomGradient() {
let gradient = document.querySelector("#mask");
let randomColor1 = 'rgba(' + Math.floor(Math.random() * 256) + ',' + Math.floor(Math.random() * 256) + ',' + Math.floor(Math.random() * 256) + ',' + 1 + ')';
let randomColor2 = 'rgba(' + Math.floor(Math.random() * 256) + ',' + Math.floor(Math.random() * 256) + ',' + Math.floor(Math.random() * 256) + ',' + 0.7 + ')';
gradient.style.background = "linear-gradient(90deg, " + randomColor1 + " 0%, " + randomColor2 + " 100%)";
}
function showToast() {
// Get the snackbar DIV
var x = document.getElementById("toast");
// Add the "show" class to DIV
x.className = "show";
// After 3 seconds, remove the show class from DIV
setTimeout(function () { x.className = x.className.replace("show", ""); }, 3000);
}
function contactUsMouseMethod(e) {
if (screen.width >= 600) {
let whiteTexts = document.getElementsByClassName("text-contact-normal");
let yellowText = document.getElementsByClassName("text-contact-yellow")[0];
let margin = e.type == "mouseover" ? "10px" : "0px";
let fontSize = e.type == "mouseover" ? "56px" : "50px";
whiteTexts[0].style.transform = `translateY(-${margin})`;
whiteTexts[1].style.transform = `translateY(${margin})`;
yellowText.style.fontSize = fontSize;
}
}
/* Set the width of the side navigation to 250px */
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("overlay").style.display = "block";
}
/* Set the width of the side navigation to 0 */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("overlay").style.display = "none";
}