ASSETS
Page type: No header with footer and header codes
files:
Header files:
<!-- folder Block Revealer -->
<!-- Header code block reveler - split screen starts here -->
<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Poppins:700" rel="stylesheet">
<!-- <link rel="stylesheet" type="text/css" href="css/normalize.css" /> -->
<link rel="stylesheet" type="text/css" href="http://ppaper.weebly.com/files/theme/demo-block.css" />
<link rel="stylesheet" type="text/css" href="http://ppaper.weebly.com/files/theme/revealer-block.css" />
<link rel="stylesheet" type="text/css" href="http://ppaper.weebly.com/files/theme/pater.css" />
<script>document.documentElement.className = 'js';</script>
<!-- header code for block reveler - split screen ends here -->
Footer files:
<!-- folder block revealer -->
<!-- footer code for block revealer starts here -->
<script src="http://ppaper.weebly.com/files/theme/anime.min.js"></script>
<script src="http://ppaper.weebly.com/files/theme/main-block.js"></script>
<script>
(function() {
var modalEl = document.querySelector('.modal'),
revealer = new RevealFx(modalEl),
deleteCtrl = modalEl.querySelector('.btn--default'),
closeCtrl = modalEl.querySelector('.btn--modal-close');
document.querySelector('.btn--modal-open').addEventListener('click', function() {
modalEl.classList.add('modal--open');
revealer.reveal({
bgcolor: '#7f40f1',
direction: 'tb',
duration: 400,
easing: 'easeOutCirc',
onCover: function(contentEl, revealerEl) {
contentEl.style.opacity = 1;
},
onComplete: function() {
closeCtrl.addEventListener('click', closeModal);
deleteCtrl.addEventListener('click', closeModal);
}
});
});
function closeModal(ev) {
closeCtrl.removeEventListener('click', closeModal);
deleteCtrl.removeEventListener('click', closeModal);
modalEl.classList.remove('modal--open');
revealer.reveal({
bgcolor: ev.target.classList.contains('btn--modal-close') ? '#7f40f1' : '#40f180',
direction: 'bt',
duration: ev.target.classList.contains('btn--modal-close') ? 200 : 400,
easing: 'easeOutCirc',
onCover: function(contentEl, revealerEl) {
contentEl.style.opacity = 0;
},
onComplete: function() {
modalEl.classList.remove('modal--open');
}
});
}
})();
</script>
<!-- footer code for block revealer modal ends here -->