https://arkadesignstudio.in/assets/js/main.js

1/*===== MENU SHOW =====*/
2const showMenu = (toggleId, navId) =>{
3    const toggle = document.getElementById(toggleId),
4    nav = document.getElementById(navId)
5
6    if(toggle && nav){
7        toggle.addEventListener('click', ()=>{
8            nav.classList.toggle('show')
9        })
10    }
11}
12showMenu('nav-toggle','nav-menu')
13
14/*===== ACTIVE AND REMOVE MENU =====*/
15const navLink = document.querySelectorAll('.nav__link');
16
17function linkAction(){
18  /*Active link*/
19  navLink.forEach(n => n.classList.remove('active'));
20  this.classList.add('active');
21
22  /*Remove menu mobile*/
23  const navMenu = document.getElementById('nav-menu')
24  navMenu.classList.remove('show')
25}
26navLink.forEach(n => n.addEventListener('click', linkAction));
27
28/*===== SCROLL REVEAL ANIMATION =====*/
29const sr = ScrollReveal({
30    origin: 'top',
31    distance: '80px',
32    duration: 1000,
33    reset: true
34});
35
36/*SCROLL HOME*/
37sr.reveal('.home__title',{});
38sr.reveal('.button',{delay: 200});
39sr.reveal('.home__img',{delay: 400});
40sr.reveal('.home__social-icon',{ interval: 200});
41
42/*SCROLL ABOUT*/
43sr.reveal('.about__img',{});
44sr.reveal('.about__subtitle',{delay: 400});
45sr.reveal('.about__text',{delay: 400});
46
47/*SCROLL SKILLS
48sr.reveal('.skills__subtitle',{});
49sr.reveal('.skills__text',{});
50sr.reveal('.skills__data',{interval: 200});
51sr.reveal('.skills__img',{delay: 600});*/
52
53/*SCROLL WORK
54sr.reveal('.work__img',{interval: 200});*/
55
56/*SCROLL CONTACT*/
57sr.reveal('.contact__input',{interval: 200});