makyo/ally
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modal

Browse Source
This commit is contained in:
Madison Scott-Clary
2020-02-23 19:51:33 -08:00
parent c95e05c7a3
commit f27bbe5420
3 changed files with 62 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static/bookmodal.js Normal file
View File

@ -0,0 +1,24 @@
(function() {
if (document.cookie.indexOf('bookSeen=true') > -1) {
return;
}
document.cookie = `bookSeen=true; ${document.cookie}; path=/; max-age=${60*60*24*7}`;
document.addEventListener('keydown', (e) => {
if (e.keyCode === 27) {
document.querySelector('.modal').remove()
}
});
const el = document.createElement('div');
el.classList.add('modal');
el.innerHTML = `<div class="ad">
<div class="close"><a class="noborder" href="javascript:document.querySelector('.modal').remove()">🗙</a></div>
<h2>The <em>ally</em> book</h2>
<p>That's right, for better or for worse, <em class="ally-font">ally</em> is coming out in book form! It's up for pre-order, in both paperback and PDF digital editions.</p>
<a href="/book" target="_blank" class="noborder"><img src="/book/cover-front.png" /></a>
<p><em class="ally-font">ally</em> is an ergodic, arborescent, semiautobiographical work about identity, mental health, spirituality, and the mutability of the past. A lot of the information contained within is real, some of it isn’t. Each page is structured as a conversation between myself and my ally, a mirror reflection of myself.</p>
<p>Learn more about it <a class="pulse" href="/book" target="_blank">here</a>.</p>
<p><small><a href="javascript:document.querySelector('.modal').remove()">Dismiss</a></small></p>
</div>`;
document.body.appendChild(el);
})();