72 lines
2.8 KiB
HTML
72 lines
2.8 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Zk | The story of my childhood 9.9</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 | The story of my childhood 9.9</h1>
|
||
|
|
</header>
|
||
|
|
<article class="content">
|
||
|
|
<details text="Cut for lameness :D"><summary>Cut for lameness :D</summary>My brothers towered above me, exchanging glances and smiles I could not interpret. My mother and father lived on an Olympus of subtleties and nuance. I watched them and wondered. I wondered about a lot of things.
|
||
|
|
|
||
|
|
"If you were a tiny man, as big as my thumb," I said to my father, "and you stood inside my mouth, and I closed my mouth, would you suffocate and die?"
|
||
|
|
|
||
|
|
My father stared at me.
|
||
|
|
|
||
|
|
"Jane," he said, "I'm speechless."
|
||
|
|
|
||
|
|
"'I'm speechless' is speech," I said, somewhat mollified by this linguistic triumph.
|
||
|
|
|
||
|
|
I resented the state of childhood wonder. It was insatiable, yet it seemed to me to be no more than a puerile affliction, like baby teeth. My ignorance struck me as a bizarre anomaly, for I felt, with utter certainty, that I was - how can I say this? - that I was <em>sufficient</em>. Evidence to the contrary forced itself on me every hour of every day, but that seemed to me some preposterous misunderstanding.
|
||
|
|
|
||
|
|
<em>- <u>The Evolution of Jane</u> by Cathleen Schine</em>
|
||
|
|
|
||
|
|
EDIT: Not quite sure what a 'fother' is, so I figured 'father' was close enough :oP
|
||
|
|
|
||
|
|
</details
|
||
|
|
<span class="control">Expand all</span>
|
||
|
|
</article>
|
||
|
|
<footer>
|
||
|
|
<p>Page generated on 2006-03-18 19:35:51</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>
|