-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
128 lines (87 loc) · 3.11 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
119
120
121
122
123
124
125
126
127
128
// function myFunction() {
// var element = document.body;
// element.classList.toggle(".dark-mode");
// }
// function myFunction() {
// var element = document.body;
// element.classList.toggle(".darkkk-mode");
// }
$(window).on("load", function() {
$(".loader-wrapper").fadeOut("slow");
});
// end
burger = document.querySelector('.burger')
navcontainer = document.querySelector('.navcontainer')
navbar = document.querySelector('.navbar')
logo = document.querySelector('.logo')
burger.addEventListener('click', () => {
navbar.classList.toggle('v-class-resp');
logo.classList.toggle('v-class-resp');
navcontainer.classList.toggle('h-nav-resp');
})
// modal start
const btnv = document.querySelector('.btnv');
const videoContainer = document.querySelector('.video-container');
const close = document.querySelector('.close');
btnv.addEventListener('click', () => {
videoContainer.classList.add('show');
})
close.addEventListener('click', () => {
videoContainer.classList.remove('show');
})
// modal end
function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "Read more...";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Read less";
moreText.style.display = "inline";
}
}
function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "Read more";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Read less";
moreText.style.display = "inline";
}
}
var modal = document.getElementById("myModal");
var img = document.getElementById("myImg");
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function() {
modal.style.display = "block";
modalImg.src = this.src;
captionText.innerHTML = this.alt;
}
var span = document.getElementsByClassName("close")[0];
span.onclick = function() {
modal.style.display = "none";
}
const chk = document.getElementById('chk');
chk.addEventListener('change', () => {
document.body.classList.toggle('dark');
});
// SOCIAL PANEL JS
const floating_btn = document.querySelector('.floating-btn');
const close_btn = document.querySelector('.close-btn');
const social_panel_container = document.querySelector('.social-panel-container');
floating_btn.addEventListener('click', () => {
social_panel_container.classList.toggle('visible')
});
close_btn.addEventListener('click', () => {
social_panel_container.classList.remove('visible')
});