-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
115 lines (91 loc) · 2.18 KB
/
index.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
gsap.from(".marq", {duration: 3, opacity: 0.3, y: -100});
gsap.from(".fronte", {duration: 3, opacity: 0.3, y: -100});
gsap.registerPlugin(ScrollTrigger)
// Toggle Action keywords are play, pause, resume, reverse, restart, reset, complete, none
gsap.from(".front", {
scrollTrigger:{
trigger: ".front",
toggleActions: "restart none none reset "
},
duration: 1.8,
opacity: 0.2,
y: -100,
// rotation: 360,
});
gsap.to(".skills-word",{
scrollTrigger:{
trigger: ".skills-word",
toggleActions: "restart none none reset"
},
x: 20,
duration: 3
});
gsap.to(".proj-head",{
scrollTrigger:{
trigger: ".proj-head",
toggleActions: "restart none none reset"
},
x: 20,
duration: 3
});
gsap.to(".about",{
scrollTrigger:{
trigger: ".about",
toggleActions: "restart none none reset"
},
x: 20,
duration: 3
});
gsap.to(".logo",{
scrollTrigger:{
trigger: ".logo",
toggleActions: "restart none none reset"
},
x: -20,
duration: 1,
rotation: 360
});
gsap.to(".logo-b",{
scrollTrigger:{
trigger: ".logo-b",
toggleActions: "restart none none reset"
},
x: -20,
duration: 1,
rotation: -360
});
gsap.to(".logos",{
scrollTrigger:{
trigger: ".logos",
toggleActions: "restart none none reset"
},
x: -20,
duration: 1,
rotation: 360
});
gsap.to(".img-with-text",{
scrollTrigger:{
trigger: ".img-with-text",
toggleActions: "restart none none reset"
},
x: -20,
duration: 2
});
gsap.to(".img-sec-two",{
scrollTrigger:{
trigger: ".img-with-text",
toggleActions: "restart none none reset"
},
x: 10,
duration: 2
});
document.getElementById('dmbutton').addEventListener('click', function() {
const css = document.getElementById('cssfile');
const dmb = document.getElementById('dmbutton');
if (dmb.innerHTML == 'Dark Mode') {
css.setAttribute('href', './CSS/darkmode.css');
dmb.innerHTML = 'Light Mode'
}else{ css.setAttribute('href', 'CSS/styles.css');
dmb.innerHTML = 'Dark Mode'
}
});