“use strict”;
document.addEventListener(“DOMContentLoaded”, function (event) {
// Your code to run since DOM is loaded and ready console.log("first"); AOS.init({ startEvent: "load", }); theme();
});
$(window).on(“load”, function () {
console.log("window loaded");
});
window.addEventListener(“load”, function (event) {
// Your code to run since DOM is loaded and ready console.log("second"); $('div').is('.page-loader') && $('.page-loader').delay(250).fadeOut(500)
});
$(function () {
console.log("document loaded"); handleScroll();
});
function handleScroll() {
// $(window).scroll(function () { // if ($(document).scrollTop() > 50) { // $('nav').addClass('transparent'); // } else { // $('nav').removeClass('transparent'); // } // }); window.onscroll = function () { let isScrolled = false const scrollPoint = 100 const nav = $('#mainNav') const scroll = $('.scroll-top') function onScroll() { if (window.pageYOffset > scrollPoint && !isScrolled) { nav.removeClass('navbar-dark').addClass('navbar-light'); scroll.addClass('scroll-top-visible'); isScrolled = true } else if (window.pageYOffset <= scrollPoint && isScrolled) { nav.removeClass('navbar-light').addClass('navbar-dark'); scroll.removeClass('scroll-top-visible'); isScrolled = false } } onScroll() // Makes sure that the class is attached on the first render return onScroll }()
}
function theme() {
const darkSwitch = $('.theme-button'); if (darkSwitch) { const darkThemeSelected = localStorage.getItem('darkSwitch') !== null && localStorage.getItem('darkSwitch') === 'dark'; darkSwitch.checked = darkThemeSelected; darkThemeSelected ? document.body.setAttribute('data-theme', 'dark') : document.body.removeAttribute('data-theme'); $('.theme-button').on('click', function () { if (toggleFontawesomeIcon(darkSwitch, 'fas', 'fas', 'moon', 'sun')) { document.body.setAttribute('data-theme', 'dark'); localStorage.setItem('darkSwitch', 'dark'); } else { document.body.removeAttribute('data-theme'); localStorage.removeItem('darkSwitch'); } }); }
}
function toggleFontawesomeIcon(elem, styleOld, styleNew, iconOld, iconNew) {
if (elem.find('svg').attr('data-icon') == iconOld && elem.find('svg').attr('data-prefix') == styleOld) { elem.find('svg').attr('data-icon', iconNew); elem.find('svg').attr('data-prefix', styleNew); return true; } else { elem.find('svg').attr('data-icon', iconOld); elem.find('svg').attr('data-prefix', styleOld); return false; };
}