['click', 'scroll', 'mousemove', 'touchstart'].forEach(function(e) {
        window.addEventListener(e, showSignupForm, {
        once: true
        });
    });

    document.getElementById("signupButton").addEventListener("click", showSignupForm);

    let formAlreadyShown = false;


    function showSignupForm(){
      if (!formAlreadyShown) {

        const buttonWrapper = document.querySelector('.button-wrapper');
        const signupForm = document.getElementById('myForm');
        const dataSrc = signupForm.getAttribute('data-src');

        buttonWrapper.style.display = 'none';

        signupForm.style.height = '225px';

        if (dataSrc) {
          signupForm.setAttribute('src', dataSrc);
        }

        formAlreadyShown = true;

        } else {
          console.log("form already shown");
      }
    }