$(document).ready(function () {
    let navbar = $(".navbar");
    let backupTop = $("#backupTop");
    let themeToggle = $("#themeToggle");

    $(window).scroll(function () {
        let scrollTop = $(window).scrollTop();
        if (scrollTop > 100) {
            navbar.removeClass('bg-transparent').removeClass('has-img').addClass('bg-blur');
        } else {
            navbar.removeClass('bg-blur').addClass('bg-transparent').addClass('has-img');
        }
    });

    backupTop.click(function () {
        $('html, body').animate({
            scrollTop: 0
        }, 500);
    });

    themeToggle.click(function () {
        let html = $(document.documentElement);
        if (html.hasClass("dark")) {
            html.removeClass("dark");
        } else {
            html.addClass("dark");
        }
    });
});