script.js

$(document).ready(function () {
    // Navbar Sticky
    $(window).scroll(function () {
        // Adiciona ou remove a classe "sticky" dependendo da posição do scroll
        $('.navbar').toggleClass("sticky", this.scrollY > 20);
        // Mostra ou esconde o botão de scroll dependendo da posição do scroll
        $('.scroll-up-btn').toggleClass("show", this.scrollY > 500);
    });

    // Botão de Scroll Up
    $('.scroll-up-btn').click(function () {
        // Anima o scroll para o topo da página
        $('html').animate({ scrollTop: 0 });
    });
 
    // Typed.js para o título principal
    var mainTyped = new Typed(".typing", {
        strings: ["Desenvolvedor", "Data Science"],
        typeSpeed: 95,
        backSpeed: 35,
        loop: true
    });

    // Typed.js para o título secundário
    var secondaryTyped = new Typed(".typing-2", {
        strings: ["JavaScript", "Java", "Clojure", "Python", "C", "Haskell", "Prolog", "SQL"],  
        typeSpeed: 95,
        backSpeed: 35,
        loop: true
    });

    // Alternar Menu da Navbar
    $('.menu-btn').click(function () {
        // Adiciona ou remove a classe "active" do menu e do ícone do botão
        $('.navbar .menu').toggleClass("active");
        $('.menu-btn i').toggleClass("active");
    });

    // Configurações do carrossel
    var owl = $('.carousel').owlCarousel({
        margin: 20,
        loop: true,
        autoplay: false,
        autoplayTimeout: 200000,
        autoplayHoverPause: true,
        responsive: {
            0: {
                items: 1,
                nav: false,
                autoplay: false, // Desativa autoplay para dispositivos móveis
                autoplayTimeout: 200000
            },
            576: {
                items: 2,
                nav: false,
                autoplay: false, // Desativa autoplay para tablets
                autoplayTimeout: 200000
            },
            1000: {
                items: 3,
                nav: false
            }
        }
    });

    // Botão Anterior do Carrossel
    $('.carousel-prev-btn').click(function() {
        owl.trigger('prev.owl.carousel');
    });

    // Botão Próximo do Carrossel
    $('.carousel-next-btn').click(function() {
        owl.trigger('next.owl.carousel');
    });
});

let btnMenu = document.getElementById('btn-menu')
let menu = document.getElementById('menu-mobile')
let overlay = document.getElementById('overlay-menu')

btnMenu.addEventListener('click', ()=>{
    menu.classList.add('abrir-menu')
})

menu.addEventListener('click', ()=>{
    menu.classList.remove('abrir-menu')
})

overlay.addEventListener('click', ()=>{
    menu.classList.remove('abrir-menu')
});