zk_html/teaching/haiku-x-fiction/20230401am.html

48 lines
2.4 KiB
HTML

<!doctype html>
<html>
<head>
<title>Zk | 20230401am</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Gentium+Plus&family=Lato&family=Ubuntu+Monodisplay=swap" />
<link rel="stylesheet" type="text/css" href="/style.css?2024-05-04" />
<meta name="viewport" content="width=device-width" />
<meta charset="utf-8" />
</head>
<body>
<main>
<header>
<h1>Zk | 20230401am</h1>
</header>
<article class="content">
<h2 id="exercise-1">Exercise 1</h2>
<ul>
<li>Image 1: A strawberry-colored metal box</li>
<li>Image 2: The smell of too-hot mossy tea</li>
</ul>
<h2 id="exercise-2">Exercise 2</h2>
<div class="verse">Steam rising from dark tea
Lights blink on the aluminum box
Waiting quietly</div>
<h2 id="exercise-3">Exercise 3</h2>
<div class="verse">Steam rising from dark tea
Lights blink on the aluminum box
Waiting quietly</div>
<p>The need for caffeine trumps even the need to talk. First thing in the morning, before making any sound other than a yawn, I have to get the water boiling.</p>
<p><em>Of course it&rsquo;s empty,</em> I think. My thoughts come to me as a grumble, but I&rsquo;m too tired to actually form the words.</p>
<p>Fine. Fill the pot, turn it on, slouch against the counter, and wait. Across the room, the red and green lights of the audio interface wait patiently. The microphone stand, from this angle, covers up even the blinking power light of the monitor, still in sleep mode. Everything&rsquo;s quiet, even the expectant hardware.</p>
<p>The kettle starts to hiss, then murmur, then settles into a quiet rumble as the water comes to a boil. I&rsquo;m sure I must have heard more that morning, but this feels like the first noise. The light surrounding the gain knob on the interface flashes with the sound of water being poured over tea.</p>
<p>Even as I sit at my desk, I stay quiet. It can wait a little longer.</p>
</article>
<footer>
<p>Page generated on 2024-05-04</p>
</footer>
</main>
<script type="text/javascript">
document.querySelectorAll('.tag').forEach(tag => {
let text = tag.innerText;
tag.innerText = '';
tag.innerHTML = `<a href="/tags.html#${text}">${text}</a>`;
});
</script>
</body>
</html>