main.js

$(function() {
    const body = document.querySelector('body');
    const toggle = document.getElementById('toggle');
    const input = document.getElementById('switch');
  
    input.checked = true;
    body.classList.add('night');
    
    toggle.addEventListener('click', function() {
      const isChecked = input.checked;
      if (isChecked) {
        body.classList.remove('night');
      } else {
        body.classList.add('night');
      }
    });
  
    const introHeight = document.querySelector('.intro').offsetHeight;
    const topButton = document.getElementById('top-button');
    const $topButton = $('#top-button');
  
    window.addEventListener(
      'scroll',
      function() {
        if (window.scrollY > introHeight) {
          $topButton.fadeIn();
        } else {
          $topButton.fadeOut();
        }
      },
      false
    );
  
    topButton.addEventListener('click', function() {
      $('html, body').animate({ scrollTop: 0 }, 500);
    });
  
    const hand = document.querySelector('.emoji.wave-hand');
  
    function waveOnLoad() {
      hand.classList.add('wave');
      setTimeout(function() {
        hand.classList.remove('wave');
      }, 2000);
    }
  
    setTimeout(function() {
      waveOnLoad();
    }, 1000);
  
    hand.addEventListener('mouseover', function() {
      hand.classList.add('wave');
    });
  
    hand.addEventListener('mouseout', function() {
      hand.classList.remove('wave');
    });
  
    window.sr = ScrollReveal({
      reset: false,
      duration: 600,
      easing: 'cubic-bezier(.694,0,.335,1)',
      scale: 1,
      viewFactor: 0.3,
    });
  
    sr.reveal('.background');
    sr.reveal('.skills');
    sr.reveal('.experience', { viewFactor: 0.2 });
    sr.reveal('.featured-projects', { viewFactor: 0.1 });
    sr.reveal('.other-projects', { viewFactor: 0.05 });
  });
  
    document.addEventListener('DOMContentLoaded', function() {
        var audioElement = document.getElementById('background-music');
        if (audioElement) {
            audioElement.volume = 0.2; // Set volume to 30% of the maximum
        }
    });