~scrumplex/website

dd47dcdd00cedddfc47c772f3060bdc403618ef5 — Sefa Eyeoglu 2 months ago 0ecbb03
feat: more charm
3 files changed, 3 insertions(+), 15 deletions(-)

M src/js/application.js
M src/scss/_animations.scss
M src/scss/_misc.scss
M src/js/application.js => src/js/application.js +2 -5
@@ 41,11 41,8 @@ document.querySelectorAll("*[data-scroll]").forEach((elem) => {

document.querySelectorAll(".scrumplex-logo").forEach((elem) => {
    elem.addEventListener("dblclick", () => {
        elem.classList.add("spin");
    });

    elem.addEventListener("animationend", () => {
        elem.classList.remove("spin");
        const randomRotation = Math.floor(Math.random() * 360);
        elem.style.transform = `rotate(${randomRotation}deg)`;
    });
});


M src/scss/_animations.scss => src/scss/_animations.scss +0 -6
@@ 90,9 90,3 @@
        transform: translateY(10%);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
\ No newline at end of file

M src/scss/_misc.scss => src/scss/_misc.scss +1 -4
@@ 43,10 43,7 @@
    border-radius: 50%;
    box-shadow: 0 5px 36px transparentize($colorBrand, 0.3);
    margin-bottom: 10px;
}

.scrumplex-logo.spin {
    animation: spin 1000ms cubic-bezier(0.77, 0, 0.175, 1);;
    transition: transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
}

.wavy {