finished for now

This commit is contained in:
Tancre
2020-11-02 13:40:06 +01:00
parent a1db00e76c
commit 7504e96f6b
74 changed files with 2163 additions and 631 deletions

View File

@ -2,8 +2,10 @@ import $ from 'jquery';
import MobileMenu from './modules/MobileMenu';
import RevealOnScroll from './modules/RevealOnScroll';
import StickyHeader from './modules/StickyHeader';
import Modal from './modules/Modal';
var mobileMenu = new MobileMenu();
new RevealOnScroll($(".how-it-works-1"), "79%");
new RevealOnScroll($(".how-it-works-2, .how-it-works-3"), "90%");
var stickyHeader = new StickyHeader();
var stickyHeader = new StickyHeader();
var modal = new Modal();

View File

@ -0,0 +1,39 @@
import $ from 'jquery';
class Modal {
constructor(){
this.openModalButton = $(".open-modal");
this.modal = $(".modal");
this.closeModalButton = $(".modal__close");
this.events();
}
events(){
// clicking the open modal button
this.openModalButton.click(this.openModal.bind(this));
// clicking the x close modal button
this.closeModalButton.click(this.closeModal.bind(this));
// pushes any key
$(document).keyup(this.keyPressHandler.bind(this));
}
openModal() {
this.modal.addClass("modal--is-visible");
return false
}
closeModal() {
this.modal.removeClass("modal--is-visible");
}
keyPressHandler(e) {
if (e.keyCode == 27) {
this.closeModal();
}
}
}
export default Modal;