59 lines
3.0 KiB
HTML
59 lines
3.0 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>ZK | Qoheleth --- 2305</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 | Qoheleth --- 2305</h1>
|
|
</header>
|
|
<article class="content">
|
|
<p><span class="tag">writing</span> <span class="tag">novel</span> <span class="tag">chapter</span> <span class="tag">fiction</span> <span class="tag">scifi</span> <span class="tag">post-self</span> <span class="tag">qoheleth</span></p>
|
|
<p>Qoheleth is a patient man.</p>
|
|
<p>I have time. Enough time, at least. I know I'm gone. My memory, split as it is across an archive and nearly thirty exos, is a millstone around my neck. It drags me down. It drowns me even in plentiful air. I can feel the way it crams up against every recess of my skull, demanding to be let out. The Name, the Ode, every act since uploading as so many that Michel took --- that <em>I</em> took --- before that. It drags me down. It nips at my heels. It fogs my vision. There are no metaphors that clearly show just how horrifying the inability is to forget, and so I find myself reaching for every analogy that I can find.</p>
|
|
<p>I'm a lost cause, but much of the clade still has their faculties about them. I think so, at least. I hope so. So long as they act within the decade, we'll be here. Any longer, and we'll risk further degradation, further madness.</p>
|
|
<p>It's been two weeks since I pinged Dear --- lovely Dear --- and although it had tried to contact me several times, and pinged countless more, I never responded. I did my part. I called them, got them fighting, got them interested, and I think I got them invested.</p>
|
|
<p>That's all I need, is for them to be invested.</p>
|
|
<p>Now, hopefully they will come.</p>
|
|
<span class="control">Expand all</span>
|
|
</article>
|
|
<footer>
|
|
<p>Page generated on 2020-04-15</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('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>
|