82 lines
3.0 KiB
HTML
82 lines
3.0 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Zk | Post-Self</title>
|
|
<link rel="stylesheet" type="text/css" href="/style.css" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<h1>Zk | Post-Self</h1>
|
|
</header>
|
|
<article class="content">
|
|
<p><span class="tag">writing</span> <span class="tag">fiction</span> <span class="tag">scifi</span> <span class="tag">book</span></p>
|
|
<p>In which Maddy mushes together some stories into a post-human romp of a book.</p>
|
|
<h2 id="parts">Parts</h2>
|
|
<ul>
|
|
<li class="done4"> Novel: <a href="qoheleth/index.html">Qoheleth</a></li>
|
|
<li class="done4"> Story: <a href="apres-un-reve.html">Apres un reve</a></li>
|
|
<li class="done4"> Story: <a href="assignment.html">Assignment</a></li>
|
|
<li class="done4"> Novella: <a href="gallery-exhibition.html">Gallery Exhibition</a></li>
|
|
</ul>
|
|
<h2 id="tasks">Tasks</h2>
|
|
<ul>
|
|
<li class="done4"> Write</li>
|
|
<li class="done3"> Edit</li>
|
|
<li class="done3"> Typeset</li>
|
|
<li class="done0"> Ebook create</li>
|
|
<li class="done0"> Audiobook create</li>
|
|
<li class="done4"> ISBN</li>
|
|
<li class="done0"> Print</li>
|
|
<li class="done0"> Pre-release</li>
|
|
<li class="done0"> Release</li>
|
|
<li class="done0"> Market</li>
|
|
<li class="done0"> List with FP, etc</li>
|
|
</ul>
|
|
<h2 id="back-blurb">Back blurb</h2>
|
|
<blockquote>
|
|
<p><em>"All artists search. I search for stories, in this post-self age. What happens when you can no longer call yourself an individual, when you've split your sense of self among several instances? How do you react? Do you withdraw into yourself, become a hermit? Do you expand until you lose all sense of identity? Do you fragment? Do you go about it deliberately, or do you let nature and chance take their course?"</em></p>
|
|
</blockquote>
|
|
<span class="control">Expand all</span>
|
|
</article>
|
|
<footer>
|
|
<p>Page generated on 2020-04-20</p>
|
|
</footer>
|
|
</main>
|
|
<script type="text/javascript">
|
|
document.querySelectorAll('li').forEach(el => {
|
|
if (el.querySelectorAll('li').length !== 0) {
|
|
el.classList.add('has-nested', 'closed');
|
|
el.innerHTML = `<span class="toggle"></span> ${el.innerHTML}`;
|
|
}
|
|
});
|
|
document.querySelectorAll('.toc .has-nested').forEach(el => {
|
|
el.classList.remove('has-nested', 'closed');
|
|
});
|
|
document.querySelectorAll('li.has-nested').forEach(el => {
|
|
el.querySelector('.toggle').addEventListener('click', () => {
|
|
el.classList.toggle('closed');
|
|
});
|
|
});
|
|
let expanded = false;
|
|
document.querySelector('.control').addEventListener('click', (e) => {
|
|
expanded = !expanded;
|
|
if (expanded) {
|
|
e.target.innerText = 'Collapse all';
|
|
} else {
|
|
e.target.innerText = 'Expand all';
|
|
}
|
|
document.querySelectorAll('.has-nested').forEach((el) => {
|
|
if (expanded) {
|
|
el.classList.remove('closed');
|
|
} else {
|
|
el.classList.add('closed')
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|