index.js

let isModalOpen = false;
let contrastToggle = false;
const scaleFactor = 1 / 20;

function moveBackground(event){
    const shapes = document.querySelectorAll('.shape');
    const x = event.clientX * scaleFactor;
    const y = event.clientY * scaleFactor;

    for(let i = 0; i < shapes.length; ++i) {
        const isOdd = i % 2 !== 0;
        const boolInt = isOdd ? -1 : 1
        shapes[i].style.transform = `translate(${x * boolInt}px, ${y * boolInt}px)`
    }
}

function toggleContrast() {
    contrastToggle =!contrastToggle;
    if(contrastToggle) {
        document.body.classList +=" dark-theme"
    }
    else {
        document.body.classList.remove('dark-theme')
    }
    
}



function contact(event) {
    event.preventDefault();
    const loading = document.querySelector('.modal__overlay--loading')
    const success = document.querySelector('.modal__overlay--success')
    loading.classList += " modal__overlay--visisble";
    emailjs
        .sendForm(
            'service_hn27a9t',
            'template_elqdq8w',
            event.target,
            'user_aWx58n98j7Oi7jtT0hFXZ'
        ).then(()=> {
        loading.classList.remove("modal__overlay--visisble");
        success.classList +=" modal__overlay--visisble"
        console.log('it worked 1')
        }).catch(() =>{
            loading.classList.remove("modal__overlay--visible")
            alert("the email service is temprarily unavailable. Please contact me directly on email alexmelkonworks@gmail.com")
        })

}


function toggleModal() {
    if(isModalOpen){
        isModalOpen = false;
        return document.body.classList.remove("modal--open")
    }
    isModalOpen = true;
    document.body.classList += " modal--open";
}