Animações JS

Nós utilizamos JS para a animação dos cards na página sobre.html, de modo que, quando o usuário clica sobre a foto de um dos componentes da Sardonyx, a foto preenche todo o card.

O código de implementação desse pode ser encontrado no diretório js/js_sobre.js:

const img = document.querySelector("img");
const icons = document.querySelector(".icons");
img.onclick = function() {
    this.classList.toggle("active");
    icons.classList.toggle("active");
}

Além disso, uma animação que, ao usuário clicar sobre o botão, esse é redirecionado até o topo da página, podendo encontrar o header e outras informações.

O código de implementação desse pode ser encontrado no diretório js/botoes.js:

$(function() {
    $(window).scroll(function() {
        if ($(this).scrollTop() > 60) {
            $('#navegacao').addClass('navevagacao-fixed-top', 500);
        } else {
            $('#navegacao').removeClass('navegacao-fixed-top', 500);
        }
    });
});