Style: change the CSS classes for all kinds of quotes to be tagged with "quote" first

Yes, this is boring code stuff. You may ignore this.
style: Change span.paper_green to span.paper.green
2023-10-16 19:15:52 +02:00 · 2023-10-13 18:42:58 +02:00 · 2023-10-13 18:14:54 +02:00 · 2023-10-13 17:26:23 +02:00 · 2023-10-13 17:21:42 +02:00 · 2023-10-10 18:41:32 +02:00
23 changed files with 589 additions and 471 deletions
--- a/01-Unlikely_Encounter-Annie-intro.html
+++ b/01-Unlikely_Encounter-Annie-intro.html
@ -170,26 +170,28 @@ AgriWorks Login: &#9608;
 </p>
 <p>
  She is greeted by the friendly voice of an old man. <br />
-  <span class="speech">What&apos;s on your mind that you call now?</span>
+  <span class="quote speech">What&apos;s on your mind that you call
+  now?</span>
  <span class="comment"> Note to self: Improve this, it doesn&apos;t sound
  right to me </span><br />
-  <span class="speech">Uhhh...</span><br />
+  <span class="quote speech">Uhhh...</span><br />
  She makes a short pause. <br />
-  <span class="speech">This might be a little bit weird but someone
+  <span class="quote speech">This might be a little bit weird but someone
  contacted me from a location called
  &quot;Cryo&nbsp;Facility&nbsp;53&quot;. I wondered if you happen to know
  where that is. <span class="comment">or anything about it</span></span>
  <br />
-  <span class="speech">Cryo&nbsp;Facility? Haven&apos;t heard anyone talk
-  about these in a while... Are you sure?</span><br />
-  <span class="speech">Yes, it says here: Cryo Facility 53.</span><br />
-  <span class="speech">What does he want?</span>
+  <span class="quote speech">Cryo&nbsp;Facility? Haven&apos;t heard anyone
+  talk about these in a while... Are you sure?</span><br />
+  <span class="quote speech">Yes, it says here: Cryo Facility 53.</span>
+  <br />
+  <span class="quote speech">What does he want?</span>
 </p>
 <p>
  Annie relays what Jack had told her about his situation and asks who
  would be the right person to help him.<br />
-  <span class="speech">That&apos;s a bit of a tricky question... These
-  cryogenics facilities are outside the dome.</span>
+  <span class="quote speech">That&apos;s a bit of a tricky question...
+  These cryogenics facilities are outside the dome.</span>
 </p>
 <p class="comment">
  Missing dialog here:
@ -338,8 +340,8 @@ ok thats good
 </pre>

 <p>
-  <span class="thought">The light of day</span>, Annie thinks to herself,
-  <span class="thought">what does it look like?</span>
+  <span class="quote thought">The light of day</span>, Annie thinks to
+  herself, <span class="quote thought">what does it look like?</span>
  <span class="comment"> reword this </span>
 </p>

@ -364,10 +366,10 @@ Tue, 2106-06-01, 20:12
 AgriWorks Login:
 </pre>
 <p>
-  <span class="thought">Is that a yes or a no?</span>, Annie wonders,
+  <span class="quote thought">Is that a yes or a no?</span>, Annie wonders,
  still slightly puzzled by the whole situation. She starts reading all
  that&apos;s still on the screen.
-  <span class="speech">The light of day</span>, she quietly says to
+  <span class="quote speech">The light of day</span>, she quietly says to
  herself.
 </p>
 <p>
@ -410,4 +412,4 @@ AgriWorks Login:
  She presses play and starts listening.
 </p>

-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/02-Wake_Up-Jack_intro.html
+++ b/02-Wake_Up-Jack_intro.html
@ -2,15 +2,14 @@

 <h1> Wake Up! </h1>
 <p>
-  <span class="speech">Ahh fuck!</span> Jack exclaims in pain as he wakes
-  up. He has a terrible headache. As he moves his hands up to hold his
-  head, he realizes that his entire body hurts.<br />
-  <span class="speech">Owwowwowwowwoww... Ouch!</span><br />
-  <span class="speech">Emergency defrost complete. Entering low power
-  mode.</span>
-  announces an automated voice. <br />
-  He thinks to himself: <span class="thought">Get it together, Jack! You
-  knew this was gonna happen. You have trained for this. Where are the
+  <span class="quote speech">Ahh fuck!</span> Jack exclaims in pain as he
+  wakes up. He has a terrible headache. As he moves his hands up to hold
+  his head, he realizes that his entire body hurts.<br />
+  <span class="quote speech">Owwowwowwowwoww... Ouch!</span><br />
+  <span class="quote speech">Emergency defrost complete. Entering low power
+  mode.</span> announces an automated voice. <br />
+  He thinks to himself: <span class="quote thought">Get it together, Jack!
+  You knew this was gonna happen. You have trained for this. Where are the
  meds again? ...</span>
 </p>
 <p>
@ -31,21 +30,23 @@
  rust. The red night lights on the ceiling are dimly illuminating the rest
  of the bunker. He looks to the left: The wall is lined with other
  preservation chambers, all except one of them being powered down. In
-  front of the back wall are desks holding a radio, a terminal, and some
+  front of the rear wall are desks holding a radio, a terminal, and some
  boxes. To the left of the desks in the corner is a minicomputer in a
  half-height rack and a teleprinter, and above it a phone on the wall
  &ndash; the usual Neotek equipment. He looks to the right: More
  preservation chambers. Instead of a wall, there&apos;s the bunker door
  &ndash; door is a bit of an understatement, it&apos;s a massive gate.
-  A small slither of light passes under it. <span class="thought">These
-  fucking idiots... They didn&apos;t reseal it properly.</span>
+  A small slither of light passes under it.
+  <span class="quote thought">These fucking idiots... They didn&apos;t
+  reseal it properly.</span>
  <span class="comment">not sure if this is speech or a thought or both
  </span>
 </p>
 <p>
  He walks over to the door&apos;s control panel. The paint is flaking off
  revealing the rust underneath. Jack attempts to press a couple buttons
-  but they get stuck and nothing happens. <span class="speech">Fuck.</span>
+  but they get stuck and nothing happens.
+  <span class="quote speech">Fuck.</span>
  He turns back to the inside of the bunker looking for tools,
  contemplating the tradeoff between waking up a couple years too soon and
  getting slowly poisoned by the air, and being locked inside a bunker due
@ -58,10 +59,10 @@
  few buttons to fully shut it down. The lamp in the ceiling turns off,
  the door closes, the status lights turn off. After passing two other
  empty preservaton chambers, he reaches the one that remains active.<br />
-  <span class="speech">Hello Michelle.</span><br />
+  <span class="quote speech">Hello Michelle.</span><br />
  He checks the status lights of her chamber.<br />
-  <span class="speech">I think I&apos;m gonna leave you in there until I
-  find a way out of here. Should be fine...</span><br />
+  <span class="quote speech">I think I&apos;m gonna leave you in there
+  until I find a way out of here. Should be fine...</span><br />
  He continues past the remaining empty chambers to the back of the bunker.
 </p>
 <p class="comment">
@ -73,48 +74,86 @@
  the computer.
 </p>
 <p>
-  The phone lifts off the wall with a quiet click and Jack begins to dial.
-  He holds the receiver to his ear - silence. Welp, another thing that
-  isn&apos;t working. He puts it back on the wall while turning to the
-  terminal.
+  <span class="comment">There needs to be a mention of him trying to turn
+  on a lamp but it only flickers for a short moment.</span>
+  He leans over the desk with the terminal and flips the power switch.
+  Bonk! <span class="quote thought">Seems to work, at least.</span> While
+  waiting for the tube to warm up, he walks over to the rack and sits down
+  on the floor in front of it. He inspects the status lights.
+  <span class="quote thought">CPU is idle, serials are idle, primary hard
+  drive is powered up &ndash; all good. Secondary hard drive is powered
+  down, let&apos;s change that...</span> He pushes the power button and
+  hears the spindle spinning up. The power button blinks. There is some
+  intermittent rattling from the drive,
+  <span class="quote thought">probably a shot bearing</span>. It takes an
+  unusually long time for it to get up to speed. Impatiently sitting there,
+  Jack waits for the drive to be ready. Clicking form the mechanism
+  unlocking the heads followed by a ringing scratching noise.
+  <span class="quote thought">Of course</span>, he thinks, quickly pressing
+  the power button again. The scratching stops and the spindle motor turns
+  off. <span class="quote thought">That&apos;s gonna be an ugly head
+  crash.</span> He looks around for other ways to get the manual.
+  He could try calling someone, maybe the lines to &lt;dome city&gt; still
+  work.
 </p>
 <p>
-  Bonk! At least this seems to work. While waiting for the picture tube to
-  warm up, he opens the lid on the teleprinter - only to find that
-  something has eaten most of the paper. He removes what remains and opens
-  one of the cabinets under the desks. By some miracle, the animal that ate
-  the paper on the printer didn&apos;t find the rest. He takes a piece of
-  the stack and tears it off. Then, he sets it on top of the desk with a
-  thump. <span class="comment">need translation for &quot;Staub
-  aufwirbeln&quot;</span>
+  Not exactly excited by the prospect of calling random people, but not
+  seeing another option, he reaches for the phone. It lifts off the wall
+  with a quiet click and Jack begins to dial. He holds the receiver to his
+  ear - silence. <span class="quote thought">Welp, that&apos;s that.</span>
+  He puts it back on the wall.
 </p>
 <p>
-  The terminal screen reaches full brightness as Jack feeds the paper into
-  the printer. He makes sure the holes on the feed ribbons line up with the
-  mechanism, then he turns back to the terminal and begins to type.
+  <span class="quote thought">I wonder what happened over the
+  years...</span>
+  He walks over to the the teleprinter and opens the lid to find that
+  something has eaten most of the paper. He removes the remains and opens
+  one of the cabinets under the desks. By some miracle, whatever ate the
+  paper didn&apos;t find the rest. He tears off a piece of the stack and
+  puts it into the printer, feeding the end into the tractor mechanism.
+  Then, he sits down at the terminal and logs on.
+  <span class="comment">This should be rephrased to indicate that there
+  is some purpose to him opening the lid in the first place, like him
+  wanting to change the ribbon bc it's no doubt deteriorated or something
+  like that.</span>
 </p>
 <pre class="terminal">
-  Tue, 2106-06-01, 15:21
+Tue, 2106-06-01, 18:01

-  EARTH-53 Login: jack
-  Password:
+EARTH-53 Login: jack
+Password:

-  Welcome to INUX!
+Welcome to INUX!

-  $ ls
-  $ pwd
-  /home/jack
-  $ cd /var/log
-  $ ls -F
-  cron/ outpost/ dmesg.log wtmp
-  $ cd outpost
-  $ ls -F
-  comms comms_diag/ event logbook
-  $ cat logbook &gt; /dev/ttyS1
-  $ &#9608;
+$ &#9608;
 </pre>
 <p>
-  The printer comes to life and starts printing.
+  <span class="quote thought">Over a hundred years, huh...</span><br />
+  He types a few commands.
+</p>
+<pre class="terminal">
+$ ls
+$ pwd
+/home/jack
+$ cd /var/log
+$ ls
+cron outpost dmesg.log wtmp
+$ cd outpost
+$ ls
+comms comms_diag event logbook
+$ cat logbook &gt; /dev/ttyS1
+$ &#9608;
+</pre>
+<p>
+  The printer comes to life and starts printing. Jack gets up and walks
+  over to it. The printer prints. And it prints some more. The paper
+  reaches the floor. Jack picks up the end and holds it, folding the pages
+  along the perforated lines as they reach his hands. Finally, the printer
+  stops to print. Jack turns the wheel on the side of the printer, manually
+  advancing the feed mechanism, until he reaches the end of the page. Then,
+  he tears it off and takes the small stack of paper back to the terminal
+  desk. Trying his luck with the lamp again, he flips the switch multiple
+  times until it stays on.
 </p>
 <pre class="paper">
 2000-01-01 Automated Announcement:
@ -194,7 +233,7 @@
            2100 - Happy new year 2100
          </li>
          <li class="comment">
-            Tue, 2106-06-01 10:27 AM - critical failure imminent in
+            Tue, 2106-06-01 15:27 - critical failure imminent in
            Jack&apos;s preservation chamber
            <ul>
              <li class="comment">
@ -255,4 +294,4 @@
  </li>
 </ul>

-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/03-A_Simple_Errand-Annie_library.html
+++ b/03-A_Simple_Errand-Annie_library.html
@ -22,8 +22,8 @@
      <li class="comment">
        Librarian behind the counter says something like &quot;I have to
        write down your details, let me get the list rq&quot; while
-        scribbling a note on her library card, then he winks at her and nods
-        to the door
+        scribbling a note on her library card, then he winks at her and
+        nods to the door
      </li>
    </ul>
  </li>
@ -43,7 +43,7 @@
  </li>
 </ul>
 <p>
-  <span class="speech">Next stop: Central Square</span><br />
+  <span class="quote speech">Next stop: Central Square</span><br />
  Annie looks up. That&apos;s the station she has to get off at. She only
  needs to be at work in the afternoon so she decided to get that manual
  for Jack.
@ -71,30 +71,31 @@
 <p>
  Annie makes her way up the stairs and enters through the large wooden
  doors. She walks up to the counter. <br />
-  <span class="speech">Hello, how may I help you today?</span><br />
+  <span class="quote speech">Hello, how may I help you today?</span><br />
  The guy behind the counter smiles.<br />
-  <span class="speech">Borrowing the next stack of fantasy books?</span>,
-  he asks. <br />
-  <span class="speech">Uhm... Actually, no</span>, Annie replies as she
-  takes her library card and a piece of paper out of her bag.<br />
-  <span class="speech">I have a quite unusual request. I am looking
+  <span class="quote speech">Borrowing the next stack of fantasy
+  books?</span>, he asks. <br />
+  <span class="quote speech">Uhm... Actually, no</span>, Annie replies as
+  she takes her library card and a piece of paper out of her bag.<br />
+  <span class="quote speech">I have a quite unusual request. I am looking
  for</span> &ndash; she glances at the piece of paper &ndash;
-  <span class="speech">a manual for a B three three F Y dash A F bunker
-  door.</span><br />
+  <span class="quote speech">a manual for a B three three F Y dash A F
+  bunker door.</span><br />
  The guy types into his terminal for a moment. Annie places her library
  card on the counter. With a worried look, he turns back to her: <br />
-  <span class="speech">I&apos;m afraid, that it has recently been
+  <span class="quote speech">I&apos;m afraid, that it has recently been
  classified. There is a note about terrorism in here.</span><br />
-  <span class="speech">So there is no way to get it?</span><br />
+  <span class="quote speech">So there is no way to get it?</span><br />
  He musters her for a second, then he takes the card and scribbles
  something on it before putting it back. <br />
-  <span class="speech">I can check you against a list of people with
+  <span class="quote speech">I can check you against a list of people with
  security clearance. One moment, I&apos;ll get it.</span><br />
  He gestures towards the exit. Then, he turns around and walks towards a
  door to the left, seemingly taking his sweet time. Annie gets the
  message, grabs her library card and makes a swift exit. Just as she
  leaves, she hears him call out to someone else: <br />
-  <span class="speech">Dorothy, she left. What do I put on the list?</span>
+  <span class="quote speech">Dorothy, she left. What do I put on the
+  list?</span>
  <br />
  <span class="comment"> Input on how to format this dialog is appreciated.
  </span>
@ -108,4 +109,4 @@
  &lt;metro station&gt;&quot;.
 </p>

-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/04-Return_Null.html
+++ b/04-Return_Null.html
@ -0,0 +1,34 @@
+<!DOCTYPE html><html><head><title> Rerturn Null </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
+
+<p class="comment">Outline:</p>
+<ul>
+  <li class="comment">
+    Jack puts the HDD back together after visually inspecting the platter
+    &ndash; there is no saving it
+  </li>
+  <li class="comment">
+    Jack establishes a connection to AgriWorks
+  </li>
+  <li class="comment">
+    They talk about a few topics:
+    <ul>
+      <li class="comment">
+        Annie&apos;s attempt to get the manual and what followed
+      </li>
+      <li class="comment">
+        Jack&apos;s background, past life, why he is there
+      </li>
+      <li class="comment">
+        life in the dome
+      </li>
+      <li class="comment">
+        the outside world (what happened, assumptions about what is)
+      </li>
+    </ul>
+  </li>
+  <li class="comment">
+    Annie needs to go to meet the library guy
+  </li>
+</ul>
+
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/05-Eventful_Evening-secret_organization.html
+++ b/05-Eventful_Evening-secret_organization.html
@ -84,40 +84,41 @@
  Annie looks through the window in the door as the train enters the
  station. The platform is empty except for a shady figure in a hoodie
  leaning against the wall, observing the train from under his hood. She
-  looks at the clock on the station: 10:34 PM - a bit late. As soon as he
+  looks at the clock in the station: 10:34 PM - a bit late. As soon as he
  notices her, he steps away from the wall and walks up to the train.
  <span class="comment"> Is there a more elegant way to say that he stops
  leaning on the wall? </span> The pressurized air for the doors hisses in
  the lines. Annie presses the button; the door opens.
 </p>
 <p>
-  <span class="speech">Hey, wait...</span><br />
+  <span class="quote speech">Hey, wait...</span><br />
  The guy had made his way to the door and looks directly at her.
  It&apos;s him from behind the library counter. <br />
-  <span class="speech">We&apos;re gonna take this one for a couple
+  <span class="quote speech">We&apos;re gonna take this one for a couple
  stations.</span><br />
  Annie steps aside and he gets on the train as well. <br />
-  <span class="speech">My name is Lucas, nice to meet you.</span><br />
-  He extends his hand as the doors close. <br />
-  <span class="speech">Annie.</span><br />
-  He probably knew that already, right?<br />
-  <span class="speech">Sorry for being late.</span><br />
-  The hum of the motors sets in and the train begins to move. <br />
-  <span class="speech">Perfect timing, I&apos;d say.</span><br />
-   He makes a short pause before continuing quietly:<br />
-   <span class="speech">So about that interaction we had earlier today
-  - I assume you want to leave the dome?</span><br />
-  <span class="speech">Not directly...</span><br />
-  <span class="speech">Okay then disregard my question and we have never
-  met.</span><br />
-  <span class="speech">Wait. You say there is a way out of the dome?</span>
+  <span class="quote speech">My name is Lucas, nice to meet you.</span>
  <br />
-  <span class="speech">Well, there might be. Some friends of mine say there
-  is.</span><br />
+  He extends his hand as the doors close. <br />
+  <span class="quote speech">Annie.</span><br />
+  He probably knew that already, right?<br />
+  <span class="quote speech">Sorry for being late.</span><br />
+  The hum of the motors sets in and the train begins to move. <br />
+  <span class="quote speech">Perfect timing, I&apos;d say.</span><br />
+  He makes a short pause before continuing quietly:<br />
+  <span class="quote speech">So about that interaction we had earlier today
+  &ndash; I assume you want to leave the dome?</span><br />
+  <span class="quote speech">Not directly...</span><br />
+  <span class="quote speech">Okay then disregard my question and we have
+  never met.</span><br />
+  <span class="quote speech">Wait. You say there is a way out of the
+  dome?</span><br />
+  <span class="quote speech">Well, there might be. Some friends of mine say
+  there is.</span><br />
  Annie thinks about it for a moment. Before yesterday, she wasn&apos;t
-  even aware that there was a world outside the dome - and now she might
+  even aware that life could exist outside the dome - and now she might
  find out about a way to go there? <br />
-  <span class="speech">Tell me more</span>, she replies.
+  <span class="quote speech">Tell me more</span>, she replies.
 </p>
 <p>
  They get off at a station near the city center - a place that is never
@ -139,11 +140,10 @@
  feels dense and depleted, and carries the smell of alcohol. Live
  musicians are playing <span class="comment"> Idk? Music genre? Need ideas
  </span> on a small stage area in the corner. <br />
-  <span class="speech">Hey Kate, I&apos;ll take a <span class="comment">
-  some very alcoholic drink? &quot;Braincell Rattler&quot;? Idk </span>
+  <span class="quote speech">Hey Kate, I&apos;ll take a Braincell Rattler
  and my uhh... friend here looks like she needs a coffee.</span><br />
-  <span class="speech">Okay. Going to the back room?</span><br />
-  <span class="speech">Yeah.</span><br />
+  <span class="quote speech">Okay. Going to the back room?</span><br />
+  <span class="quote speech">Yeah.</span><br />
  Coffee sounds good... The back room? Annie raises an eyebrow. He opens a
  door next to the counter and gestures her to follow.
 </p>
@ -152,29 +152,29 @@
  the same with her jacket. She looks into the room: A bunch of people
  sitting around a large, round table - to her surprise including her
  grandpa. <br />
-  <span class="speech">Grandpa Karl?</span> <span class="comment">Language
-  intuition question: Is this how one would realistically refer to their
-  grandpa?</span><br />
-  <span class="speech">Hi Annie!</span> <span class="comment">TODO: Fix
-  this</span><br />
+  <span class="quote speech">Grandpa Karl?</span>
+  <span class="comment">Language intuition question: Is this how one would
+  realistically refer to their grandpa?</span><br />
+  <span class="quote speech">Hi Annie!</span>
+  <span class="comment">TODO: Fix this</span><br />
  Before she has time to voice her confusion, they get interrupted: <br />
-  <span class="speech">Here you go, your drinks. Enjoy!</span><br />
+  <span class="quote speech">Here you go, your drinks. Enjoy!</span><br />
  Lucas walks up to the window that connects to behind the counter. <br />
-  <span class="speech">Thank you!</span><br />
+  <span class="quote speech">Thank you!</span><br />
  Annie takes a second to regain her composure. <span class="comment">
  I don&apos;t think this is a great way to say that, Idk. </span>
-  <span class="speech">Thanks.</speech>
+  <span class="quote speech">Thanks.</speech>
 </p>
 <p>
  They sit down at the table. Karl starts introducing people and some
  introduce themselves. Then, he continues talking about the group&apos;s
  mission:
 </p>
-<p class="speech">
+<p class="quote speech">
  <span class="comment">TODO: whole paragraph speech formatting</span>
-  <span class="speech">We are working on getting the city officials to
-  change their stance on some things. When the city was built, it was seen
-  as sort of a plan B for humanity in case things would get worse.
+  <span class="quote speech">We are working on getting the city officials
+  to change their stance on some things. When the city was built, it was
+  seen as sort of a plan B for humanity in case things would get worse.
  It wasn&apos;t built as a place where we could go and hide forever in
  isolation. Over time, knowledge of the outside world stopped being an
  imagination of a possible bright future, and instead it became something
@ -182,14 +182,14 @@
  Do you really want to go where the air you breathe is literal poison
  and die?&apos;</span>
 </p>
-<p class="speech">
+<p class="quote speech">
  <span class="comment">TODO: whole paragraph speech formatting</span>
-  <span class="speech">My dad used to always say - and maybe this was naive
-  hope on his part - that it would get better one day and that we could
-  open up the airlocks and leave. That was many, many years ago. It&apos;s
-  been over a century now since the city was sealed - even if it was naive
-  hope on his part, we should at least take a look outside and see for
-  ourselves what it&apos;s like.</span><br />
+  <span class="quote speech">My dad used to always say - and maybe this
+  was naive hope on his part - that it would get better one day and that
+  we could open up the airlocks and leave. That was many, many years ago.
+  It&apos;s been over a century now since the city was sealed - even if it
+  was naive hope on his part, we should at least take a look outside and
+  see for ourselves what it&apos;s like.</span><br />
  Voices of agreement all around the table. <span class="comment">move
  this outside of the speech paragraph</span>
 </p>
@ -207,18 +207,21 @@
  </li>
 </ul>
 <p>
-  <span class="speech">I mean we have that manual at the library.</span>
-  says Lucas. <span class="speech">It&apos;s just classified because they
-  really don&apos;t want anyone to open or use the air locks.</span><br />
+  <span class="quote speech">I mean we have that manual at the
+  library.</span>
+  says Lucas. <span class="quote speech">It&apos;s just classified because
+  they really don&apos;t want anyone to open or use the air locks.</span>
+  <br />
  He reaches into his pocket and pulls out a key chain.<br />
-  <span class="speech">If you want, you can try getting it - I can&apos;t
-  because I disappeared from a birthday party with an excuse and they are
-  probably waiting for me to be back.</span><br />
+  <span class="quote speech">If you want, you can try getting it - I
+  can&apos;t because I disappeared from a birthday party with an excuse
+  and they are probably waiting for me to be back.</span><br />
  He places the keys in the center of the table.<br />
-  Karl says: <span class="speech">I would love to, but I&apos;m afraid I
-  can&apos;t run if things go south.</span><br />
+  Karl says: <span class="quote speech">I would love to, but I&apos;m
+  afraid I can&apos;t run if things go south.</span><br />
  A bunch of other excuses from other people. Finally, Annie takes the
  initiative:<br />
-  <span class="speech">I could go. Anyone want to help me with this?</span>
+  <span class="quote speech">I could go. Anyone want to help me with
+  this?</span>
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/06-Library_At_Night.html
+++ b/06-Library_At_Night.html
@ -56,19 +56,20 @@
  Again, request for formatting suggestions below...
 </p>
 <p>
-  <span class="speech">I guess this is it. Let&apos;s take a look at the
-  instructions Karl gave you.</span> Isabelle says in a hushed voice.<br />
+  <span class="quote speech">I guess this is it. Let&apos;s take a look at
+  the instructions Karl gave you.</span> Isabelle says in a hushed voice.
+  <br />
  Annie pulls the note out of her bag.<br />
-  <span class="speech">First step is turning on the terminal... Hey, Lucas
-  said something about using a new floppy disk, can you search for
-  that?</span><br />
+  <span class="quote speech">First step is turning on the terminal...
+  Hey, Lucas said something about using a new floppy disk, can you search
+  for that?</span><br />
  Annie walks over to the terminal; Isabelle turns to the boxes on the
  shelf. Annie puts the keys on the desk and inspects the terminal for a
-  power switch. <br />
-  <span class="speech">There&apos;s a box with cookies back here.</span>
-  <br />
+  power switch.<br />
+  <span class="quote speech">There&apos;s a box with cookies back
+  here.</span><br />
  She pulls it out from behind the terminal. They giggle. <br />
-  <span class="speech">I want one</span>, says Isabelle. <br />
+  <span class="quote speech">I want one</span>, says Isabelle. <br />
  Both end up taking a cookie before stashing the box behind the terminal
  again.
 </p>
@ -76,11 +77,12 @@
  Annie flips the power switch. The terminal makes a bonk sound and a
  crackling noise. She feels the hairs on her arm stand up as she
  inadvertently moves it in front of the screen. <br />
-  <span class="speech">Whoa...</span><br />
+  <span class="quote speech">Whoa...</span><br />
  The screen begins to light up.<br />
-  <span class="speech">... I guess this is supposed to happen.</span><br />
+  <span class="quote speech">... I guess this is supposed to happen.</span>
+  <br />
  Annie looks back at the note. <br />
-  <span class="speech">&#8216;Turn on main power switch on
+  <span class="quote speech">&#8216;Turn on main power switch on
  computer&apos;...</span>, she mumbles to herself.<br />
  She looks at the racks. They are mostly filled with what looks like
  large drawers with buttons on them. The one in the center is different.
@ -88,44 +90,44 @@
  them, and some other devices.
 </p>
 <p>
-  <span class="speech">I found you a new floppy disk.</span> Isabelle
+  <span class="quote speech">I found you a new floppy disk.</span> Isabelle
  interrupts her.<br />
  She pulls a large, square, floppy thing, half-wrapped in a paper sleeve,
  out of one of the boxes. She pulls the paper sleeve off. Turns out,
  it&apos;s another sleeve made out of thin plastic with some openings
  that were previously covered by the paper containing a black, glossy
  circle. <br />
-  <span class="speech">Lucas said to put it in the computer and push a
-  lever down.</span><br />
+  <span class="quote speech">Lucas said to put it in the computer and push
+  a lever down.</span><br />
  They look back and forth between the floppy disk and the computer until
  Isabelle points to a device in the center rack with a large, flat slot
  and says:<br />
-  <span class="speech">It could fit in there.</span><br />
+  <span class="quote speech">It could fit in there.</span><br />
  She walks up to it and inserts the disk. Then, she pushes on the
  mechanism in the center of the slot. It latches in place.<br />
-  <span class="speech">What&apos;s next?</span><br />
-  <span class="speech">The note says to turn on the &apos;main power
+  <span class="quote speech">What&apos;s next?</span><br />
+  <span class="quote speech">The note says to turn on the &apos;main power
  switch&apos;</span>, Annie repeats while inspecting one of the panels
  with buttons.<br />
-  <span class="speech">Maybe this one?</span><br />
+  <span class="quote speech">Maybe this one?</span><br />
  She points at a key switch. <br />
-  <span class="speech">Let&apos;s try.</span><br />
+  <span class="quote speech">Let&apos;s try.</span><br />
  Isabelle hands her the keys. One of them fits and turns.
 </p>
 <p>
  Fans come on; they hear the loud noise of air rushing through the
  computer. Some of the lights and buttons light up. Annie looks at the
  note again: <br />
-  <span class="speech">&#8216;Spin up boot hard drive&apos;... Lucas has
-  also written here: &apos;Number 2&apos;</span><br />
+  <span class="quote speech">&#8216;Spin up boot hard drive&apos;... Lucas
+  has also written here: &apos;Number 2&apos;</span><br />
  The two look back at the racks.<br />
-  <span class="speech">These drawer thingies here have numbers on them,
-  maybe that&apos;s what they mean?</span><br />
+  <span class="quote speech">These drawer thingies here have numbers on
+  them, maybe that&apos;s what they mean?</span><br />
  Isabelle presses the power button on number two. It starts blinking.
  The device makes a loud clonk noise followed by a motor accelerating
  inside. Clicking and more mechanical noises. The power switch stops
  blinking and stays lit up.<br />
-  <span class="speech">The last step on the note is to press
+  <span class="quote speech">The last step on the note is to press
  &#8216;reset&apos; and &#8216;load&apos; and to enter something into the
  terminal. They also wrote down a list of commands that might help us to
  find and copy the manual, and &#8216;Good luck!&apos;...</span><br />
@ -143,9 +145,9 @@
  putting it back into its sleeve
 </p>
 <p>
-  <span class="speech">Shhh.</span><br />
+  <span class="quote speech">Shhh.</span><br />
  Isabelle gestures for Annie to be quiet. She whispers:<br />
-  <span class="speech">Do you hear that?</span><br />
+  <span class="quote speech">Do you hear that?</span><br />
  Footsteps. Annie nods. Someone is in the building - and probably heard
  them. Quickly, she puts the disk into her bag.
 </p>
@ -153,7 +155,7 @@
  Opening and closing the door as quietly as possible, they sneak out of
  the room and back towards the stairs. The footsteps are coming closer.
  <br />
-  <span class="speech">Shit</span>, Isabelle whispers.<br />
+  <span class="quote speech">Shit</span>, Isabelle whispers.<br />
  They turn around and sneak to the other end of the hallway. It opens up
  into a room filled with crates that has small windows near the ceiling.
  The footsteps are making their way down the stairs. Annie reaches for
@ -164,11 +166,11 @@
  struggles for a moment to get onto the crate. After she finally manages
  to get up, Isabelle pulls her through the window - not a moment too soon.
  <br />
-  <span class="speech">You, stop!</span>, <span class="comment">
+  <span class="quote speech">You, stop!</span>, <span class="comment">
  rephrase?? </span> a man yells at them from inside,
-  <span class="speech">Stay where you are!</span><br />
+  <span class="quote speech">Stay where you are!</span><br />
  They start running. <br />
-  <span class="speech">I&apos;m gonna catch you.</span>
+  <span class="quote speech">I&apos;m gonna catch you.</span>
 </p>
 <p>
  Isabelle runs ahead, leading Annie into a dark alley. She climbs onto a
@ -176,7 +178,7 @@
  continue running on the ledge until reaching a wall at the end of the
  alley. Isabelle jumps, grabs hold of the railing at the top, pulls
  herself up, and climbs over it. <br />
-  <span class="speech">Wait here.</span> She disappears. <br />
+  <span class="quote speech">Wait here.</span> She disappears. <br />
  Annie looks around nervously. What if she was caught now? <br />
  A moment later, Isabelle returns holding a ladder. Annie climbs up and
  pulls the ladder up after herself. Isabelle takes it and stashes it on
@ -184,9 +186,10 @@
  of the metro. The Central Square station is close by, they run towards
  it along the tracks. Just as they make their way onto the platform, the
  rails start ringing. <br />
-  Isabelle says with a smirk on her face: <span class="speech">I don&apos;t
-  think he expects our getaway vehicle to be yellow and red...</span>
+  Isabelle says with a smirk on her face:
+  <span class="quote speech">I don&apos;t think he expects our getaway
+  vehicle to be yellow and red...</span>
  <span class="comment"> alternative wording: Ketchup and mustard express
  XD </span>
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/ga-Who_Died_Today-Emily_intro.html
+++ b/ga-Who_Died_Today-Emily_intro.html
@ -30,7 +30,8 @@
    Dialog:
    <ul>
      <li class="comment">
-        Emily asks who died this time / who died today - preferably in a more elegant way* 
+        Emily asks who died this time / who died today - preferably in a
+        more elegant way
        <ul>
          <li class="comment">
            Lena&apos;s spouse (?)
@ -79,7 +80,7 @@
  She turns around to find her older sister Lena sitting against the
  wall - tears running down her face. After a moment to fully wake up and
  grasp the situation, Emily asks:<br />
-  <span class="speech">Who?</span><br />
+  <span class="quote speech">Who?</span><br />
  Lena snivels and points to the ring on her finger. <span class="comment">
  Dictionary to the rescue! Is that the right word? ... </span>
  A grim but not uncommon way for days to begin lately. That leaves five
@ -92,4 +93,4 @@
  The air hisses in the lines as the door closes behind them. The noise of
  the vacuum pumps kicks in and begins to slowly fade.
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/html_resources/index_template.html
+++ b/html_resources/index_template.html
@ -25,4 +25,4 @@
 <ul>
  <!-- chapter_list_here -->
 </ul>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/html_resources/layout.html
+++ b/html_resources/layout.html
@ -116,7 +116,7 @@ alternating lines on the paper.
      Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.
    </p>
    <script>
-      let spans = ["<span class=\"paper_green\">", "<span>"];
+      let spans = ["<span class=\"paper green\">", "<span>"];

      let paper_sections = document.getElementsByClassName("paper");
      for (let i = 0; i < paper_sections.length; i++) {
--- a/html_resources/style.css
+++ b/html_resources/style.css
@ -90,21 +90,21 @@ pre.paper {
  padding-bottom: 0em;
 }

-span.paper_green {
+span.paper.green {
  background-color: #D0DBA6;
 }

-span.speech {
+span.quote.speech {
  color: #303030;
 }
-span.speech::before {
+span.quote.speech::before {
  color: black;
  content: "\25b8";
  font-size: 0.75em;
  position: relative;
  bottom: 0.15em;
 }
-span.speech::after {
+span.quote.speech::after {
  color: black;
  content: "\25c2";
  font-size: 0.75em;
@ -112,17 +112,17 @@ span.speech::after {
  bottom: 0.15em;
 }

-span.thought {
+span.quote.non-speech {
  color: #303030;
 }
-span.thought::before {
+span.quote.thought::before {
  color: black;
  content: "\25b9";
  font-size: 0.75em;
  position: relative;
  bottom: 0.15em;
 }
-span.thought::after {
+span.quote.thought::after {
  color: black;
  content: "\25c3";
  font-size: 0.75em;
@ -130,6 +130,26 @@ span.thought::after {
  bottom: 0.15em;
 }

+/*TODO: Remove and replace with speech/non-speech where appropriate*/
+span.quote.thought {
+  color: red;
+  /*color: #303030;*/
+}
+span.quote.thought::before {
+  color: red;
+  content: "\25b9";
+  font-size: 0.75em;
+  position: relative;
+  bottom: 0.15em;
+}
+span.quote.thought::after {
+  color: red;
+  content: "\25c3";
+  font-size: 0.75em;
+  position: relative;
+  bottom: 0.15em;
+}
+
 button.back {
 	font-size: 2.8em;
 	width: 1.3em;
--- a/html_resources/template.html
+++ b/html_resources/template.html
@ -1,2 +1,2 @@
 <!DOCTYPE html><html><head><title> Chapter Name </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/ka--finding_the_train.html
+++ b/ka--finding_the_train.html
@ -5,55 +5,57 @@
  Context: They are exploring the Ivydale train yard
 </p>
 <p>
-  <span class="speech">Michelle! Look what I found...</span><br />
+  <span class="quote speech">Michelle! Look what I found...</span><br />
  She climbs through the gap between the rotting cars on the adjacent
  track.<br />
-  <span class="speech">Where are you?</span><br />
-  <span class="speech">Up here.</span><br />
+  <span class="quote speech">Where are you?</span><br />
+  <span class="quote speech">Up here.</span><br />
  Jack had climbed onto the rather sketchy-looking roof of one of the
  trains. Michelle climbs onto the link between cars and Jack helps her to
  the top.<br />
  <span class="comment"> Look,</span>
-  <span class="speech">Over there...</span><br />
+  <span class="quote speech">Over there...</span><br />
  He points across the deteriorating metro trains towards the outermost
  track of the overgrown train yard. A small roof - or in places what
  remains of it - extends over the track from the side of a large building.
  Under the roof are several tank cars. Some are rusted through or missing
  parts, but a few look like they might still hold liquids.<br />
-  <span class="speech">Oh, wow! Maybe there&apos;s some gas left in there or
-  something...</span><br />
-  <span class="speech">My thought. Let&apos;s check it out.</span>
+  <span class="quote speech">Oh, wow! Maybe there&apos;s some gas left in
+  there or something...</span><br />
+  <span class="quote speech">My thought. Let&apos;s check it out.</span>
 </p>
 <p>
  They climb back down and make their way over to one of the tank cars.
  They climb onto the side of the car and Jack attempts to use the ladder
  that leads to the top. It crumbles under his feet.<br />
-  <span class="speech">I guess I found the way down - hey, use me as a
+  <span class="quote speech">I guess I found the way down - hey, use me as a
  ladder.</span><br />
  He leans against the car and helps her onto the tank.
  <span class="comment"> something missing? Idk </span>
  Michelle inspects the lid.<br />
-  <span class="speech">Do we have a wrench or something?</span><br />
+  <span class="quote speech">Do we have a wrench or something?</span><br />
  Jack looks around.<br />
-  <span class="speech">I don&apos;t know. Lemme take a look inside
+  <span class="quote speech">I don&apos;t know. Lemme take a look inside
  there...</span><br />
  He disappears through where used to be a door. After a moment, he
  reappears, triumphantly holding a large adjustable wrench.<br />
-  <span class="speech">It&apos;s a bit rusty but should do the job.</span>
-  <br />
-  <span class="speech">I&apos;m afraid to see what you call very
+  <span class="quote speech">It&apos;s a bit rusty but should do the
+  job.</span><br />
+  <span class="quote speech">I&apos;m afraid to see what you call very
  rusty.</span><br />
-  <span class="speech">This thing, for example.</span><br />
+  <span class="quote speech">This thing, for example.</span><br />
  He knocks it against the ladder on the side of the tank causing more
  pieces to break off. Then, he hands the wrench to her. After a bit of
  fiddling, she manages to get a good grip on one of the nuts holding the
  lid in place - it doesn&apos;t budge.<br />
-  <span class="speech">Need a hammer or something?</span><br />
-  <span class="speech">Can you hand me that pipe? It should do.</span><br />
+  <span class="quote speech">Need a hammer or something?</span><br />
+  <span class="quote speech">Can you hand me that pipe? It should
+  do.</span><br />
  Jack picks up a section of metal pipe and passes it to her. Putting it
  over the wrench for additional leverage, she pushes against it until the
  bolt snaps with a bang.<br />
-  <span class="speech">Well that&apos;s one way for that to come off.</span>
+  <span class="quote speech">Well that&apos;s one way for that to come
+  off.</span>
 </p>
 <p class="comment">
  missing section: Michelle opens the lid and finds some disappointing
@ -62,13 +64,12 @@
 </p>
 <p>
  The contents of the next tank are more promising.<br />
-  <span class="speech">Smells like diesel... We should go find a truck or
-  something to drive around.</span><br />
-  <span class="speech">Okay, uhh, stupid idea but I need to show you
-  something.</span><br />
-  Jack grins.<br />
-  <span class="speech">Oh no, what are you up to again?</span><br />
-  <span class="speech">Nothing in particular... Wanna follow me for a
+  <span class="quote speech">Smells like diesel... We should go find a
+  truck or something to drive around.</span><br />
+  <span class="quote speech">Okay, uhh, stupid idea but I need to show you
+  something.</span> Jack grins.<br />
+  <span class="quote speech">Oh no, what are you up to again?</span><br />
+  <span class="quote speech">Nothing in particular... Wanna follow me for a
  sec?</span><br />
  Michelle jumps down onto the edge of the car, then to the ground and
  follows him to the entrance.
@ -88,17 +89,17 @@
  rusty crane, sits a train wrapped up in tarps.
 </p>
 <p>
-  <span class="speech">Stupid idea indeed</span>, she says while walking
-  towards it. Then, she corrects herself: <span class="speech">Actually, it
-  might not be that stupid. It should have a generator that we can
-  use.</span><br />
-  <span class="speech">That is if we can get it to a location where it
-  would be useful.</span><br />
-  <span class="speech">Is there a railroad close to the bunker?</span>
+  <span class="quote speech">Stupid idea indeed</span>, she says while
+  walking towards it. Then, she corrects herself:
+  <span class="quote speech">Actually, it might not be that stupid. It
+  should have a generator that we can use.</span><br />
+  <span class="quote speech">That is if we can get it to a location where
+  it would be useful.</span><br />
+  <span class="quote speech">Is there a railroad close to the bunker?</span>
  <br />
-  <span class="speech">Not that I know of, the closest would be somewhere
-  around Ivydale South.</span><br />
-  <span class="speech">Okay, not very useful. Let&apos;s go find a truck
-  then.</span>
+  <span class="quote speech">Not that I know of, the closest would be
+  somewhere around Ivydale South.</span><br />
+  <span class="quote speech">Okay, not very useful. Let&apos;s go find a
+  truck then.</span>
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/ma-Escape_From_Dome_City.html
+++ b/ma-Escape_From_Dome_City.html
@ -3,13 +3,13 @@
 <h1> Escape From Dome City</h1>
 <p>
  Annie reaches the platform. The sirens of the police cars are really
-  close now. A train is coming. The first police car arrives at the station.
-  Annie freezes as she panics. The train for sure won&apos;t leave before
-  the police searched it. Where can she hide?
+  close now. A train is coming. The first police car arrives at the
+  station. Annie freezes as she panics. The train for sure won&apos;t
+  leave before the police searched it. Where can she hide?
 </p>
 <p>
-  <span class="speech">Annie!</span> Someone shouts her name.
-  <span class="speech">Annie, get in here, run!</span><br />
+  <span class="quote speech">Annie!</span> Someone shouts her name.
+  <span class="quote speech">Annie, get in here, run!</span><br />
  She breaks out of her freeze. The train had turned out to be a single
  car. A single, slightly rusty railcar painted in different shades of
  blue. <span class="comment">note: make it a theme that the metro is
@ -30,60 +30,61 @@
 </p>
 <p>
  She reaches the driver&apos;s cabin.<br />
-  <span class="speech">Hello Jack!</span><br />
-  <span class="speech">Hi Annie &ndash; you good?</span><br />
-  <span class="speech">Yes</span>, she breathes heavily,
-  <span class="speech">but that was close.</span><br />
+  <span class="quote speech">Hello Jack!</span><br />
+  <span class="quote speech">Hi Annie &ndash; you good?</span><br />
+  <span class="quote speech">Yes</span>, she breathes heavily,
+  <span class="quote speech">but that was close.</span><br />
  After catching her breath for a moment, she says:<br />
-  <span class="speech">You arrived just in time. They&apos;ve been
+  <span class="quote speech">You arrived just in time. They&apos;ve been
  following me around for a while but we got away.</span><br />
  Jack seems to think for a short moment while his eyes stay fixated on the
  track ahead.<br />
-  <span class="speech">That remains to be seen. Coming through that
+  <span class="quote speech">That remains to be seen. Coming through that
  airlock seems to have set off some sort of alarm. Like poking a stick
  into an anthill...</span><br />
-  <span class="speech">An anthill?</span><br />
-  <span class="speech">Oh, I forgot, you wouldn&apos;t know... Ants are
-  tiny little animals. They build hills of loose material as their nests.
-  If you poke a stick into one, they scramble to defend it.</span><br />
+  <span class="quote speech">An anthill?</span><br />
+  <span class="quote speech">Oh, I forgot, you wouldn&apos;t know... Ants
+  are tiny little animals. They build hills of loose material as their
+  nests. If you poke a stick into one, they scramble to defend it.</span>
+  <br />
  Annie imagines a bunch of mice scratching and biting away at a stick
  that&apos;s stuck in a slope of rubble.<br />
-  <span class="speech">Anyway</span>, Jack continues,
-  <span class="speech">this little expedition hasn&apos;t gone
+  <span class="quote speech">Anyway</span>, Jack continues,
+  <span class="quote speech">this little expedition hasn&apos;t gone
  unnoticed.</span><br />
  Short pause.
 </p>
 <p>
  Looking outside again, Annie realizes:<br />
-  <span class="speech">I have never seen one of these</span> &ndash; she
-  knocks on the control panel &ndash; <span class="speech">go this
-  fast.</span><br />
-  <span class="speech">Me neither</span>, says Jack. He adds:
-  <span class="speech">There used to be trains that could go faster &ndash;
-  a lot faster &ndash; but not the metro.</span>
+  <span class="quote speech">I have never seen one of these</span> &ndash;
+  she knocks on the control panel &ndash; <span class="quote speech">go
+  this fast.</span><br />
+  <span class="quote speech">Me neither</span>, says Jack. He adds:
+  <span class="quote speech">There used to be trains that could go faster
+  &ndash; a lot faster &ndash; but not the metro.</span>
 </p>
 <p>
  After watching the tracks, stations, and buildings fly by for a couple
  minutes, Annie opens her bag and pulls out a pile of paper.<br />
-  <span class="speech">Here are the documents you need. Maps, blueprints,
-  manuals, everything we could find.</span><br />
-  <span class="speech">Sounds good. Just put them in there for now.</span>
-  <br />
+  <span class="quote speech">Here are the documents you need. Maps,
+  blueprints, manuals, everything we could find.</span><br />
+  <span class="quote speech">Sounds good. Just put them in there for
+  now.</span><br />
  He gestures towards a small cabinet in the back of the driver&apos;s
  cabin. Annie places the pile on top of a few folders and binders that are
  already in there. The train barrels through another station. Jack slowly
  decelerates the train.<br />
-  <span class="speech">We&apos;re almost at your drop-off point, next
+  <span class="quote speech">We&apos;re almost at your drop-off point, next
  station is Crystal Park ... uhhh ... and we might have a problem.</span>
  <br />
  The train is going around a long curve overseeing the park and square in
  front of the station. &lt;Grandpa&apos;s friend&gt;&apos;s car is there,
  surrounded by police cruisers with flashing lights and open doors.<br />
-  <span class="speech">What do we do now?</span><br />
-  <span class="speech">Well I&apos;m sure as fuck not staying around to
-  see what they&apos;re up to down there.</span> Jack says while
-  accelerating again. <span class="speech">I hope you&apos;re okay with
-  coming with me.</span>
+  <span class="quote speech">What do we do now?</span><br />
+  <span class="quote speech">Well I&apos;m sure as fuck not staying around
+  to see what they&apos;re up to down there.</span> Jack says while
+  accelerating again. <span class="quote speech">I hope you&apos;re okay
+  with coming with me.</span>
 </p>
 <p>
  They pass a couple more stations before the train runs over a switch and
@ -97,7 +98,7 @@
  but the one Annie and Jack are approaching on is mostly clear.
 </p>
 <p>
-  <span class="speech">Hold onto something!</span> Jack slams on the
+  <span class="quote speech">Hold onto something!</span> Jack slams on the
  brakes. The train loses power and rumbles over a bunch of switches.
  The headlights flicker and turn off. A police car that was parked too
  close to their track gets flung aside. A bunch of technicians jump out of
@ -108,13 +109,13 @@
 <p>
  The screams of the police and technicians are drowned out by the hissing
  of pressurized air and the *ka-chonk* of large machinery.
-  <span class="speech">Access authorized, cycling airlock, please stand
-  by</span>, announces an automated voice. The bunker door behind them
-  starts to move with a squeaking noise. The &#8216;keepers of order&apos;
-  that had started to run after the train into the airlock stop and look
-  around in confusion. Everything around them turns to black. The only
-  thing Annie sees are the illuminated gauges on the control panel. More
-  hissing of pressurized air.
+  <span class="quote speech">Access authorized, cycling airlock, please
+  stand by</span>, announces an automated voice. The bunker door behind
+  them starts to move with a squeaking noise. The &#8216;keepers of
+  order&apos; that had started to run after the train into the airlock
+  stop and look around in confusion. Everything around them turns to black.
+  The only thing Annie sees are the illuminated gauges on the control
+  panel. More hissing of pressurized air.
 </p>
 <p>
  The train shakes slightly as it makes a noise that sounds like a
@ -125,28 +126,28 @@
  revealing a long tunnel.
 </p>
 <p>
-  <span class="speech">Everything okay? You look puzzled.</span> Jack looks
-  at her.<br />
-  <span class="speech">What&apos;s this weird noise?</span><br />
-  <span class="speech">The generator. There&apos;s no power out here so
-  the train itself has to generate it to drive.</span>
+  <span class="quote speech">Everything okay? You look puzzled.</span>
+  Jack looks at her.<br />
+  <span class="quote speech">What&apos;s this weird noise?</span><br />
+  <span class="quote speech">The generator. There&apos;s no power out here
+  so the train itself has to generate it to drive.</span>
 </p>
 <p>
  The police start banging on the outside of the train and yell something.
  Jack grabs a microphone off the wall and speaks into it:<br />
-  <span class="speech">Gentlemen, for your own safety, please step back
-  from the train.</span><br />
+  <span class="quote speech">Gentlemen, for your own safety, please step
+  back from the train.</span><br />
  He pushes a lever on the control panel and the smooth hum of the motors
  joins in with the noise of the generator.
 </p>
 <p>
-  <span class="speech">In a couple minutes, it&apos;s gonna get very
+  <span class="quote speech">In a couple minutes, it&apos;s gonna get very
  bright.</span> Jack says while driving the train into the tunnel.
-  <span class="speech">Close your eyes if it&apos;s too bright. It might
-  take a while to get used to the sun.</span><br />
+  <span class="quote speech">Close your eyes if it&apos;s too bright. It
+  might take a while to get used to the sun.</span><br />
  The train begins to move up a slight incline. An automated announcement
  comes on:<br />
-  <span class="speech">Dear passengers, welcome to the combined
+  <span class="quote speech">Dear passengers, welcome to the combined
  Sentinel&nbsp;Shores and Ivydale local transit zone! Please keep in mind
  that the last train returning to &lt;underground city&gt; for today
  departs from Ivydale&nbsp;South at 10:15PM. Enjoy your travel!</span>
@ -164,29 +165,30 @@
  Annie hears Jack press some buttons and the clicking of relays. The
  motors go quiet and the train starts to slow down. She tries to open her
  eyes but it&apos;s still too bright.<br />
-  <span class="speech">I think you could use a pair of sunglasses.</span>
-  <br />
-  <span class="speech">Sunglasses?</span><br />
-  <span class="speech">They&apos;re like normal glasses but... dark to
-  make bright light easier on your eyes.</span><br />
+  <span class="quote speech">I think you could use a pair of
+  sunglasses.</span><br />
+  <span class="quote speech">Sunglasses?</span><br />
+  <span class="quote speech">They&apos;re like normal glasses but... dark
+  to make bright light easier on your eyes.</span><br />
  Jack puts a pair in Annie&apos;s hands. She puts them on and cautiously
  squints outside. Lots of green, brown, and gray but before she can make
  out any details, they roll into another tunnel. The automated voice
  comes on again:<br />
-  <span class="speech">We are now approaching Ivydale South. Your next
-  connections are line 7 to Ivydale Distillery from platform 5, HST1511 to
-  Siren&apos;s Edge from platform 14, HST815 to Nova Metropolis from
-  platform 11. This train will continue on line 5 to Sentinel&nbsp;Shores
-  Sea&nbsp;Market via Ivydale&nbsp;West, Sentinel&nbsp;Shores Observatory,
-  Sentinel&nbsp;Shores Central Station.</span><br />
+  <span class="quote speech">We are now approaching Ivydale South. Your
+  next connections are line 7 to Ivydale Distillery from platform 5,
+  HST1511 to Siren&apos;s Edge from platform 14, HST815 to Nova Metropolis
+  from platform 11. This train will continue on line 5 to
+  Sentinel&nbsp;Shores Sea&nbsp;Market via Ivydale&nbsp;West,
+  Sentinel&nbsp;Shores Observatory, Sentinel&nbsp;Shores Central
+  Station.</span><br />
  After a moment, Jack says quietly:<br />
-  <span class="speech">I wonder how much of these places is left...</span>
-  Raising his voice back to a normal level, he adds:
-  <span class="speech">But for now, we&apos;ll head back to base.</span>
-  <br />
-  <span class="speech">Base?</span><br />
-  <span class="speech">The bunker, we refer to it as our base of
+  <span class="quote speech">I wonder how much of these places is
+  left...</span> Raising his voice back to a normal level, he adds:
+  <span class="quote speech">But for now, we&apos;ll head back to
+  base.</span><br />
+  <span class="quote speech">Base?</span><br />
+  <span class="quote speech">The bunker, we refer to it as our base of
  operations.</span><br />
  The train rolls out of the second tunnel and they find themselves in a
  station.</p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/mb-First_Steps_Outside.html
+++ b/mb-First_Steps_Outside.html
@ -19,10 +19,10 @@
  over a bunch of bushes and tall flowers that have taken root on the
  tracks before coming to a halt next to a staircase in the center of the
  platform.<br />
-  <span class="speech">Exit to the right</span>, Jack says in unison with
-  the automated voice while turning the switch for the doors and gesturing
-  towards the passenger area.<br />
-  <span class="speech">After you.</span>
+  <span class="quote speech">Exit to the right</span>, Jack says in unison
+  with the automated voice while turning the switch for the doors and
+  gesturing towards the passenger area.<br />
+  <span class="quote speech">After you.</span>
 </p>
 <p>
  Annie walks over to the closest door and pushes the button. Pressurized
@ -30,15 +30,15 @@
  platform. Annie breathes the warm air. It smells of the run-over plants.
  Insects are buzzing about, and the wind rustles through the leaves. She
  crouches down and touches the carpet of green fuzziness.<br />
-  <span class="speech">Grass. It grows pretty much everywhere, usually much
-  taller than this though.</span><br />
+  <span class="quote speech">Grass. It grows pretty much everywhere,
+  usually much taller than this though.</span><br />
  She looks up at him.<br />
-  <span class="speech">I knew there would be more plants out here... I
+  <span class="quote speech">I knew there would be more plants out here... I
  didn&apos;t expect that many of them.</span><br />
-  <span class="speech">Welcome to the outside world. Wanna take a quick
-  look around?</span><br />
+  <span class="quote speech">Welcome to the outside world. Wanna take a
+  quick look around?</span><br />
  She gets up.<br />
-  <span class="speech">Sure.</span><br />
+  <span class="quote speech">Sure.</span><br />
  Jack uses a key to close the door and they get going.
 </p>
 <p>
@ -50,29 +50,32 @@
 <p>
  Annie is hit by the light and warmth of the setting sun. She closes her
  eyes and faces it for a moment.<br />
-  <span class="speech">This is nice.</span> She turns to Jack.
-  <span class="speech">And this light is just always up there?</span><br />
-  Jack chuckles. <span class="speech">Well... No. Only during the
+  <span class="quote speech">This is nice.</span> She turns to Jack.
+  <span class="quote speech">And this light is just always up there?</span>
+  <br />
+  Jack chuckles. <span class="quote speech">Well... No. Only during the
  day.</span><br />
  Annie looks around. They are standing on a balcony-like platform
  overlooking a city in a valley.<br />
-  <span class="speech">Wooow</span>, she utters in astonishment.<br />
-  <span class="speech">Ivydale - or at least what remains of it.</span>
+  <span class="quote speech">Wooow</span>, she utters in astonishment.
  <br />
+  <span class="quote speech">Ivydale - or at least what remains of
+  it.</span><br />
  She walks over to the rusted railing and goes to lean against it.<br />
-  <span class="speech">Don&apos;t lean on that.</span><br />
-  <span class="speech">Why not?</span><br />
+  <span class="quote speech">Don&apos;t lean on that.</span><br />
+  <span class="quote speech">Why not?</span><br />
  She steps back.<br />
-  <span class="speech">Watch.</span><br />
+  <span class="quote speech">Watch.</span><br />
  He pushes against it. Loud cracking follows, and the ringing of metal.
  A roughly two meter wide section of the railing breaks loose and falls.
  Annie takes a bigger step back. The railing crashes into the ground
  below with a loud ringing bang.<br />
-  <span class="speech">How did you know?</span><br />
-  <span class="speech">I made the same mistake over there.</span><br />
+  <span class="quote speech">How did you know?</span><br />
+  <span class="quote speech">I made the same mistake over there.</span>
+  <br />
  He points to another missing section in the railing that Annie
  hadn&apos;t noticed before.<br />
-  <span class="speech">Be careful around old buildings.</span>
+  <span class="quote speech">Be careful around old buildings.</span>
 </p>
 <p>
  Cautiously stepping back to the edge, Annie looks down. Bushes overgrow
@ -82,12 +85,12 @@
  by what remains of roads and staircases. Small rivers cut through the
  landscape. Annie looks up. The ruins further down the valley are larger
  the closer they are to the center of the urban area below.<br />
-  <span class="speech">It&apos;s much bigger than &lt;dome city&gt;.</span>
-  <br />
-  <span class="speech">Many things are bigger than &lt;dome city&gt;.
+  <span class="quote speech">It&apos;s much bigger than &lt;dome
+  city&gt;.</span><br />
+  <span class="quote speech">Many things are bigger than &lt;dome city&gt;.
  This is the smaller of two sister cities.</span><br />
  He points towards another urban center in the distance.<br />
-  <span class="speech">That over there is Sentinel Shores, the place
+  <span class="quote speech">That over there is Sentinel Shores, the place
  I used to call home.</span>
 </p>
 <p class="comment">
@ -108,10 +111,10 @@
  by grabbing onto the edges of the large sandstone blocks. Annie struggles
  to follow. After what feels like an eternity, she manages to get half-way
  down the wall.<br />
-  <span class="speech">You can jump from there.</span><br />
+  <span class="quote speech">You can jump from there.</span><br />
  <span class="comment">Something interesting needs to happen here.</span>
  <br />
  They make their way across the fast-flowing river by stepping on large
  stones in the water, and continue through the bushes towards Outpost 53.
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/oa--Emily_lab_incident.html
+++ b/oa--Emily_lab_incident.html
@ -65,25 +65,26 @@
  </li>
 </ul>
 <p>
-  <span class="speech">Why not?</span><br />
+  <span class="quote speech">Why not?</span><br />
  Emily looks back and forth between Lena and Sasha.<br />
-  <span class="speech">Tony said he had some success with his mice, why
-  shouldn&apos;t we try it?</span><br />
-  <span class="speech">Tony also died after</span> &ndash; Sasha is
-  interrupted by coughing &ndash; <span class="speech">after trying it
+  <span class="quote speech">Tony said he had some success with his mice,
+  why shouldn&apos;t we try it?</span><br />
+  <span class="quote speech">Tony also died after</span> &ndash; Sasha is
+  interrupted by coughing &ndash; <span class="quote speech">after trying it
  on himself.</span><br />
-  <span class="speech">Not like anything else is gonna happen to
+  <span class="quote speech">Not like anything else is gonna happen to
  us...</span><br />
  Lena shakes her head.<br />
-  <span class="speech">I don&apos;t want to spend my remaining days alone.
-  Just don&apos;t do it, please.</span><br />
+  <span class="quote speech">I don&apos;t want to spend my remaining days
+  alone. Just don&apos;t do it, please.</span><br />
  Emily gets up and paces around the module. <span class="comment"> Is that
  proper grammar?</span> Her eyes fall on the drawers in the adjacent
  maintenance module. An idea forms in her head...<br />
-  <span class="speech">Emily, where are you going?</span><br />
+  <span class="quote speech">Emily, where are you going?</span><br />
  She steps inside and rummages through a bunch of drawers, leaving them
  open as she opens the next one.<br />
-  <span class="speech">What are you doing with that hammer?</span><br />
+  <span class="quote speech">What are you doing with that hammer?</span>
+  <br />
  She storms off into the hallway; Lena jumps up and runs after her.
 </p>
 <p>
@ -133,4 +134,4 @@
  black again. The next time she regains consciousness is while throwing
  up in her bed. She gasps for air, then she drifts away again.
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/pa-Basic_Needs.html
+++ b/pa-Basic_Needs.html
@ -14,7 +14,7 @@
 </p>
 <p>
  He parks in front of an old store.<br />
-  <span class="speech">This is it, I guess.</span><br />
+  <span class="quote speech">This is it, I guess.</span><br />
  They get out and start walking towards the door. A small dog runs up to
  greet them, jumping around, running in circles, and wagging its tail.
  It picks up a stick and drops it in front of Annie. She crouches down,
@ -22,7 +22,7 @@
  and pulls on it.<br />
  <span class="comment">note: need reason for Jack to go ahead, also better
  wording</span><br />
-  <span class="speech">I&apos;ll be inside.</span><br />
+  <span class="quote speech">I&apos;ll be inside.</span><br />
  Jack goes into the store.
 </p>
 <p>
@ -30,71 +30,73 @@
  his 60s</span><br />
  After playing with the dog for a bit, Annie follows. The man behind the
  counter is talking to Jack:<br />
-  <span class="speech">I mean in the long run. We have plenty of food right
-  now but, since the &lt;river name&gt; has changed course, we don&apos;t
-  even have enough water to grow crops for ourselves. The cisterns and
-  wells simply don&apos;t cut it.</span><br />
-  <span class="speech">So, basically, you&apos;re saying you need
+  <span class="quote speech">I mean in the long run. We have plenty of food
+  right now but, since the &lt;river name&gt; has changed course, we
+  don&apos;t even have enough water to grow crops for ourselves. The
+  cisterns and wells simply don&apos;t cut it.</span><br />
+  <span class="quote speech">So, basically, you&apos;re saying you need
  water.</span><br />
  The man interrupts the conversation and looks at Annie:<br />
-  <span class="speech">Good afternoon, what can I do for you?</span><br />
-  <span class="speech">I&apos;m with him.</span><br />
-  <span class="speech">I see.</span><br />
+  <span class="quote speech">Good afternoon, what can I do for you?</span>
+  <br />
+  <span class="quote speech">I&apos;m with him.</span><br />
+  <span class="quote speech">I see.</span><br />
  He turns back to Jack:<br />
-  <span class="speech">Listen, we don&apos;t just need a little bit of
+  <span class="quote speech">Listen, we don&apos;t just need a little bit of
  water. The amount of water we need can&apos;t simply be carried here or
  we&apos;d do it ourselves. And we need it regularly and consistently.
  When the &lt;river&gt; still flowed here, water userd to flow into our
  irrigation system upstream and got distributed to all the fields and
  greenhouses from there.</span><br />
-  <span class="speech">I know you need an industrial quantity of water.
-  We can get you an industrial quantity of water. Will you give us food if
-  we supply you?</span><br />
+  <span class="quote speech">I know you need an industrial quantity of
+  water. We can get you an industrial quantity of water. Will you give us
+  food if we supply you?</span><br />
  <span class="comment">&quot;Who is *we*?&quot;</span><br />
  He musters Jack for a moment.<br />
-  <span class="speech">And how do you wanna get it here?</span><br />
-  <span class="speech">By train - assuming the railroad south of here is
-  in a serviceable state.</span> Seeing the man&apos;s confusion, Jack
-  adds: <span class="speech">Let that be my problem to solve. Will you
-  trade water for food?</span><br />
-  <span class="speech">I&apos;m gonna have to discuss that with the others.
-  Wait outside.</span>
+  <span class="quote speech">And how do you wanna get it here?</span><br />
+  <span class="quote speech">By train - assuming the railroad south of here
+  is in a serviceable state.</span> Seeing the man&apos;s confusion, Jack
+  adds: <span class="quote speech">Let that be my problem to solve. Will
+  you trade water for food?</span><br />
+  <span class="quote speech">I&apos;m gonna have to discuss that with the
+  others. Wait outside.</span>
 </p>
 <p>
  After playing with the dog some more, they get approached by a group of
  people, amongst them the man from the store. They shake hands. Jack
  repeats his idea to supply water by train in exchange for crops.<br />
-  <span class="speech">What&apos;s this train you&apos;re talking
+  <span class="quote speech">What&apos;s this train you&apos;re talking
  of?</span>, one of them asks.<br />
-  <span class="speech">A large vehicle from the old world. It drives on
-  tracks like the ones that should be south of here.</span><br />
-  <span class="speech">So that&apos;s what these rails were used for...
-  But that&apos;s still pretty far from here, how do you wanna transport
-  the water here?</span><br />
-  <span class="speech">That irrigation system of yours... Can we take a
-  look at it?</span><br />
-  <span class="speech">I see where you&apos;re trying to go with this.
-  It&apos;s still not particularly close to the rails.</span>
+  <span class="quote speech">A large vehicle from the old world. It drives
+  on tracks like the ones that should be south of here.</span><br />
+  <span class="quote speech">So that&apos;s what these rails were used
+  for... But that&apos;s still pretty far from here, how do you wanna
+  transport the water here?</span><br />
+  <span class="quote speech">That irrigation system of yours... Can we take
+  a look at it?</span><br />
+  <span class="quote speech">I see where you&apos;re trying to go with
+  this. It&apos;s still not particularly close to the rails.</span>
 </p>
 <p>
  After a bit of additional back and forth, they agree on a plan. The man
  who did most of the talking asks a girl:<br />
-  <span class="speech">Mary, can you go, show them around?</span><br />
-  <span class="speech">Sure, follow me.</span>
+  <span class="quote speech">Mary, can you go, show them around?</span>
+  <br />
+  <span class="quote speech">Sure, follow me.</span>
  <span class="comment">It&apos;s a bit of a walk...</span><br />
-  <span class="speech">Wait</span>, Jack stops her,
-  <span class="speech">We&apos;re here with a truck.</span><br />
-  <span class="speech">So that&apos;s <i>your</i> car? Cool! I&apos;ve only
-  ever seen one working car in the city. So we&apos;re gonna drive
-  there?</span><br />
-  <span class="speech">If you show us the way.</span><br />
-  <span class="speech">Let&apos;s go!</span>
+  <span class="quote speech">Wait</span>, Jack stops her,
+  <span class="quote speech">We&apos;re here with a truck.</span><br />
+  <span class="quote speech">So that&apos;s <i>your</i> car? Cool!
+  I&apos;ve only ever seen one working car in the city. So we&apos;re
+  gonna drive there?</span><br />
+  <span class="quote speech">If you show us the way.</span><br />
+  <span class="quote speech">Let&apos;s go!</span>
 </p>
 <p class="comment">
  Not sure of this should be the end of a chapter or if I should continue
  here. The way this has turned out, it would also be nice if they ended up
-  delivering construction machines (excavators, etc.) to the village so they
-  don&apos;t need to rely on water shipments past the day when the
+  delivering construction machines (excavators, etc.) to the village so
+  they don&apos;t need to rely on water shipments past the day when the
  protagonists leave for Nova Metropolis.
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/ra--Emily_first_contact.html
+++ b/ra--Emily_first_contact.html
@ -87,7 +87,7 @@
 <p>
  3 &ndash; 5 &ndash; 2 &ndash; 1 &ndash; Enter. The keypad beeps with
  every button press. A computer voice announces
-  <span class="speech">Access authorized</span>. The door to the main
+  <span class="quote speech">Access authorized</span>. The door to the main
  control center module slides up and she steps through. The module
  contains one large room with rows of integrated computer equipment desks
  arranged <span class="comment">need a fitting description of what a
@ -115,13 +115,13 @@
  turn on. Some of the status indicators on the back wall start blinking.
  A large, green triangle with the letters LINK next to it flickers and
  then lights up. Emily looks at it in confusion.<br />
-  <span class="speech">What does that light mean?</span> She gestures
+  <span class="quote speech">What does that light mean?</span> She gestures
  towards it.<br />
-  <span class="speech">That&apos;s them.</span><br />
-  <span class="speech">Earth people?</span><br />
-  <span class="speech">Yes</span>, Lena replies while quickly finishing
-  her meal, <span class="speech">they said they&apos;d try to get a phone
-  connection going.</span><br />
+  <span class="quote speech">That&apos;s them.</span><br />
+  <span class="quote speech">Earth people?</span><br />
+  <span class="quote speech">Yes</span>, Lena replies while quickly
+  finishing her meal, <span class="quote speech">they said they&apos;d try
+  to get a phone connection going.</span><br />
  As if on cue, the phone on the large center console begins to ring. Lena
  gets up and walks over, Emily follows her. <span class="comment">note:
  might need to imply that Lena is very sick</span> Lena sits down in
@ -129,7 +129,8 @@
  The speaker on the console starts crackling and hissing. Through the
  noise, they hear a faint voice. Lena leans over to a microphone and
  talks into it:<br />
-  <span class="speech">We can&apos;t hear you, one moment.</span><br />
+  <span class="quote speech">We can&apos;t hear you, one moment.</span>
+  <br />
  She flips some switches on the console. The speaker cracles some more,
  then a loud pop, then silence. The smell of magic smoke is in the air.
 </p>
@ -150,18 +151,18 @@ MOON-01 &gt; We have another problem somewhere along the line. There&apos;s
  Lena opens a cover with a small label &quot;P2&quot;, pulls two cards
  out of their sockets, and inspects them. One has a big black burn mark
  right in the center. She turns to Emily:<br />
-  <span class="speech">Can you fetch me this module from another
+  <span class="quote speech">Can you fetch me this module from another
  phone?</span>
 </p>
 <p>
-  <span class="speech">And?</span> Michelle asks Jack as he looks up from
-  the terminal.<br />
-  <span class="speech">Weak signal - and they need to fix their
+  <span class="quote speech">And?</span> Michelle asks Jack as he looks up
+  from the terminal.<br />
+  <span class="quote speech">Weak signal - and they need to fix their
  phone.</span><br />
-  James asks <span class="speech">What about that plan B of increasing the
-  transmit power?</span><br />
-  <span class="speech">Meh.</span> Jack doesn&apos;t seem too enthusiastic
-  about it.<br />
+  James asks <span class="quote speech">What about that plan B of
+  increasing the transmit power?</span><br />
+  <span class="quote speech">Meh.</span> Jack doesn&apos;t seem too
+  enthusiastic about it.<br />
  <span class="comment">TODO: Dialog. They decide not to increase the
  power before double-checking that everything is aligned properly. Sure
  enough, they&apos;re off by a bit.<br />
@ -174,4 +175,4 @@ MOON-01 &gt; We have another problem somewhere along the line. There&apos;s
  note to self: After fixing the alignment, pick up on the moon and
  continue.
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/va-Alone-Lena_death.html
+++ b/va-Alone-Lena_death.html
@ -78,7 +78,7 @@
  bench across from the air lock. Emily helps her all the way into the
  suit. Lena sits there for a moment, heavily breathing, while Emily waits.
  <br />
-  <span class="speech">Sorry, I can&apos;t... I feel exhausted.</span>
+  <span class="quote speech">Sorry, I can&apos;t... I feel exhausted.</span>
 </p>
 <p>
  Emily takes their helmets and brings them into the airlock. She returns
@ -114,22 +114,23 @@
  takes it off and she sits down. Emily places the life support unit
  behind her, Lena leans against it. She turns her radio on and Emily does
  the same.<br />
-  <span class="speech">Ultimately, you were right.</span> She is
-  interrupted by coughing. <span class="speech">If more had taken
+  <span class="quote speech">Ultimately, you were right.</span> She is
+  interrupted by coughing. <span class="quote speech">If more had taken
  Tony&apos;s cure &ndash; no matter what risk it posed ... &ndash; maybe
  some of them would be alive now.</span><br />
-  <span class="speech">What about you?</span> Emily asks with a slither of
-  hope in her voice.<br />
-  <span class="speech">No &ndash; no cure can save me, it&apos;s too
+  <span class="quote speech">What about you?</span> Emily asks with a
+  slither of hope in her voice.<br />
+  <span class="quote speech">No &ndash; no cure can save me, it&apos;s too
  late.</span><br />
  Emily tears up. <span class="comment">note: Slightly. Is there a better
  way to say this?</span><br />
-  <span class="speech">I&apos;m sorry.</span><br />
+  <span class="quote speech">I&apos;m sorry.</span><br />
  Lena raises her arm. Emily sits down next to her and Lena puts it around
  her shoulders.<br />
-  <span class="speech">What will I do without you?</span><br />
-  <span class="speech">You have a strong mind. You got this. Jack will
-  call in the evening, as usual; he will know what to do next.</span><br />
+  <span class="quote speech">What will I do without you?</span><br />
+  <span class="quote speech">You have a strong mind. You got this. Jack
+  will call in the evening, as usual; he will know what to do next.</span>
+  <br />
 </p>
 <p class="comment">
  missing:
@ -156,4 +157,4 @@
 <p class="comment">
  missing: time jump, Lena dies, etc.
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/za--story-end-outline.html
+++ b/za--story-end-outline.html
@ -46,4 +46,4 @@
    the events of zz*.html
  </li>
 </ul>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/zb--reaching_nova_metropolis.html
+++ b/zb--reaching_nova_metropolis.html
@ -3,7 +3,8 @@
  &lt;Reaching Nova Metropolis&gt;
 </h1>
 <p>
-  <span class="speech">Good morning, Annie! Pancakes are ready.</span><br />
+  <span class="quote speech">Good morning, Annie! Pancakes are ready.</span>
+  <br />
  Jack takes his hand off her shoulder. She <span class="comment">st&uuml;tzt
  sich hoch</span> and looks around in confusion. James is driving the bus
  on a surprisingly very intact highway though a seemingly endless desert.
@ -18,28 +19,29 @@
  and start to eat. Also, a mention of what the dog is up to...</span>
 </p>
 <p>
-  <span class="speech">So when are we gonna reach the &lt;mining company&gt;
-  pit?</span>, Michelle asks.<br />
+  <span class="quote speech">So when are we gonna reach the &lt;mining
+  company&gt; pit?</span>, Michelle asks.<br />
  Jack looks at James. James tilts his head slightly and shrugs.<br />
-  <span class="speech">Like two hours ago?</span><br />
-  <span class="speech">You&apos;re kidding.</span><br />
-  <span class="speech">Didn&apos;t wanna wake you up.</span><br />
-  <span class="speech">Uhh...</span> Michelle is at a loss for words.<br />
+  <span class="quote speech">Like two hours ago?</span><br />
+  <span class="quote speech">You&apos;re kidding.</span><br />
+  <span class="quote speech">Didn&apos;t wanna wake you up.</span><br />
+  <span class="quote speech">Uhh...</span> Michelle is at a loss for words.
+  <br />
  James grins.<br />
-  <span class="speech">Don&apos;t worry, I won&apos;t drive from
+  <span class="quote speech">Don&apos;t worry, I won&apos;t drive from
  here.</span><br />
-  <span class="speech">Can&apos;t even be mad... Wait, doesn&apos;t that
-  mean that we&apos;re way ahead of time?</span><br />
+  <span class="quote speech">Can&apos;t even be mad... Wait, doesn&apos;t
+  that mean that we&apos;re way ahead of time?</span><br />
  James shrugs again, this time holding up his hands. She turns to Jack:
  <br />
-  <span class="speech">How much ahead are we?</span><br />
+  <span class="quote speech">How much ahead are we?</span><br />
  He glances at his watch.<br />
-  <span class="speech">About three hours - but if you&apos;re as lucky as
-  James, we&apos;ll be even more ahead by the time we arrive. The wind has
-  favored us so far.</span><br />
-  Annie chimes in: <span class="speech">You didn&apos;t sleep, did
+  <span class="quote speech">About three hours - but if you&apos;re as
+  lucky as James, we&apos;ll be even more ahead by the time we arrive. The
+  wind has favored us so far.</span><br />
+  Annie chimes in: <span class="quote speech">You didn&apos;t sleep, did
  you?</span><br />
-  <span class="speech">Sleep is overrated anyway - but, if you allow
+  <span class="quote speech">Sleep is overrated anyway - but, if you allow
  it, I&apos;ll be going to sleep very soon.</span>
 </p>
 <p class="comment">
@ -53,25 +55,25 @@
 </p>
 <p>
  Michelle sits down in the driver&apos;s seat.<br />
-  James yawns. <span class="speech">Now that I&apos;m thinking about it,
-  taking a nap sounds very entising... <span class="comment">Is that how you
-  spell that?</span></span><br />
-  <span class="speech">Well, you&apos;ve ...</span> Michelle goes to turn
-  the key but nothing happens. She stops mid-sentence.<br />
-  James says: <span class="speech"> Oh, that&apos;s been a problem. Can you
-  open the door for a sec?</span><br />
-  <span class="speech">Sure</span>, she replies with a tone of bewilderment
-  in her voice.<br />
+  James yawns. <span class="quote speech">Now that I&apos;m thinking about
+  it, taking a nap sounds very entising... <span class="comment">Is that
+  how you spell that?</span></span><br />
+  <span class="quote speech">Well, you&apos;ve ...</span> Michelle goes to
+  turn the key but nothing happens. She stops mid-sentence.<br />
+  James says: <span class="quote speech"> Oh, that&apos;s been a problem.
+  Can you open the door for a sec?</span><br />
+  <span class="quote speech">Sure</span>, she replies with a tone of
+  bewilderment in her voice.<br />
  James grabs a jumper cable and heads outside. They hear him opening some
  panel in the back of the bus followed by arcing noises. The engine begins
  to turn over. Michelle turns the key again. Finally, the engine starts
  running. James slams the panel shut and returns.<br />
-  <span class="speech">As I was about to say: You&apos;ve definitely earned
-  that nap. Thanks for driving part of my
+  <span class="quote speech">As I was about to say: You&apos;ve definitely
+  earned that nap. Thanks for driving part of my
  <span class="comment">shift</span>.</span><br />
-  <span class="speech">Still considering it...</span><br />
+  <span class="quote speech">Still considering it...</span><br />
  The engine roars as Michelle sets the bus in motion again.
  <span class="comment">Something is missing here. Idk.</span>
 </p>

-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/zd--Nova_Metropolis.html
+++ b/zd--Nova_Metropolis.html
@ -12,7 +12,7 @@
  Maybe add some comment about what Annie sees/perceives?
 </p>
 <p>
-  <span class="speech">Look, over there!</span><br />
+  <span class="quote speech">Look, over there!</span><br />
  Michelle points to the left. An undefined shape is visible in the far
  distance. She takes an exit onto another highway in that direction. After
  a short while, the undefined shape turns into the unmistakable skyline of
@ -30,15 +30,15 @@
 <p>
  The highway ends and transitions into a large road. Michelle decelerates
  the bus.<br />
-  <span class="speech">Why are you going so slow?</span><br />
-  <span class="speech">Im going exactly 50 - perfectly normal city
+  <span class="quote speech">Why are you going so slow?</span><br />
+  <span class="quote speech">Im going exactly 50 - perfectly normal city
  speed.</span><br />
-  <span class="speech">50 km/h? That's faster than the speed limit in
+  <span class="quote speech">50 km/h? That's faster than the speed limit in
  &lt;dome city&gt;. This feels so slow...</span><br />
  Michelle chuckles.<br />
-  <span class="speech">Well Jack was right about the wind - I managed to go
-  120 most of the time. Under normal circumstances, a bus like this one
-  would struggle with that.</span>
+  <span class="quote speech">Well Jack was right about the wind - I managed
+  to go 120 most of the time. Under normal circumstances, a bus like this
+  one would struggle with that.</span>
 </p>
 <p>
  The buildings around them get taller and taller. The mix of smaller and
@ -48,36 +48,36 @@
  over over the road. Annie points them out:<br />
  <span class="comment">TODO: tie this in with the missing section
  above.</span><br />
-  <span class="speech">They all look like they were just abandoned.</span>
-  <br />
-  <span class="speech">You're right. Not even a smashed window...</span>
-  <br />
-  <span class="speech">Over there?</span><br />
-  <span class="speech">Okay, one smashed window.</span><br />
+  <span class="quote speech">They all look like they were just
+  abandoned.</span><br />
+  <span class="quote speech">You're right. Not even a smashed
+  window...</span><br />
+  <span class="quote speech">Over there?</span><br />
+  <span class="quote speech">Okay, one smashed window.</span><br />
  Michelle pulls up at a bus stop and parks the bus.<br />
-  <span class="speech">Time to wake up the guys.</span>
+  <span class="quote speech">Time to wake up the guys.</span>
 </p>
 <p>
  While enjoying a small meal, they decide to explore the time capsule that
  is Nova Metropolis. Well, all of them but Jack.<br />
-  <span class="speech">I thought sleep was for the weak?</span> Michelle
-  teases him.<br />
-  <span class="speech">I'm just gonna own that one today.</span><br />
+  <span class="quote speech">I thought sleep was for the weak?</span>
+  Michelle teases him.<br />
+  <span class="quote speech">I'm just gonna own that one today.</span><br />
  He throws himself into his bed, not even making an effort to lay down in a
  comfortable position. Through the mattress, they hear a muffled
-  <span class="speech">Good night</span>.
+  <span class="quote speech">Good night</span>.
 </p>
 <p class="comment">
  missing section
 </p>
 <p>
-  <span class="speech">Jack is gone</span>, Annie notices while entering
-  the bus. She goes to the kitchen area.<br />
-  <span class="speech">There&apos;s a note on the table: &quot;Will be back
-  at 6:30&quot;</span><br />
+  <span class="quote speech">Jack is gone</span>, Annie notices while
+  entering the bus. She goes to the kitchen area.<br />
+  <span class="quote speech">There&apos;s a note on the table: &quot;Will
+  be back at 6:30&quot;</span><br />
  Michelle looks at her watch.<br />
-  <span class="speech">It <i>is</i> 6:30.</span><br />
-  <span class="speech">I guess there&apos;s nothing to do but wait.
+  <span class="quote speech">It <i>is</i> 6:30.</span><br />
+  <span class="quote speech">I guess there&apos;s nothing to do but wait.
  He&apos;ll show up soon enough.</span> James chimes in.<br />
  They place their bags full of found goodies on the floor and sit down
  around the table.
@ -88,8 +88,8 @@
  hard that it leaves tire marks on the road. Jack gets out and waves at
  them. He turns off the engine and walks to the front of the bus. Annie
  opens the door.<br />
-  <span class="speech">Where have you been?</span><br />
+  <span class="quote speech">Where have you been?</span><br />
  <span class="comment">Jack has misremembered where they parked the bus so
  he was searching for them.</span>
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/zy-Landing_Troubles.html
+++ b/zy-Landing_Troubles.html
@ -6,7 +6,7 @@
  a jolt. <span class="comment">Honestly, I have no idea what it is like to
  enter the atmosphere. Needs research.</span> The displays on the control
  panel flicker and start showing random symbols. Error messages start
-  scrolling over the screen. <span class="speech">Uh oh.</span>
+  scrolling over the screen. <span class="quote speech">Uh oh.</span>
 </p>
 <p>
  Emily stares at the control panel for a moment trying to think. She grabs
@ -27,6 +27,6 @@
  pumps, grabs the throttle lever, and pushes it all the way forward.
  Nothing happens. She looks back at the notes - did she miss anything? She
  flips the switch off and on again.
-  <span class="speech">Nononononooo...</span>
+  <span class="quote speech">Nononononooo...</span>
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
--- a/zz--end.html
+++ b/zz--end.html
@ -92,25 +92,25 @@
 <p>
  The alarm on Jack&apos;s watch interrupts them. He presses one of the
  buttons and says:<br />
-  <span class="speech">It&apos;s time. Emily will be entering the
+  <span class="quote speech">It&apos;s time. Emily will be entering the
  atmosphere right about now.</span><br />
  They get up. James pulls a pair of binoculars out of his bag. Jack does
  the same. Annie looks at both of them - her face clearly showing her
  disappointment.<br />
-  <span class="speech">Don&apos;t worry, I gotchu.</span> says Jack as he
-  pulls a second pair out of his bag before they start walking towards the
-  edge.
+  <span class="quote speech">Don&apos;t worry, I gotchu.</span> says Jack
+  as he pulls a second pair out of his bag before they start walking
+  towards the edge.
 </p>
 <p>
  Michelle and James are already leaning against the railing and looking
  towards the sky. Jack and Annie join them. Jack takes a compass out of
  his pocket and briefly looks at it. Then, he points in a direction in the
  sky and says:<br />
-  <span class="speech">The pod should appear somewhere around there.</span>
-  <br />
+  <span class="quote speech">The pod should appear somewhere around
+  there.</span><br />
  James hands his binoculars to Michelle for a moment.<br />
-  <span class="speech">I see it! There!</span> she exclaims before handing
-  them back to him.
+  <span class="quote speech">I see it! There!</span> she exclaims before
+  handing them back to him.
 </p>
 <p>
  The capsule looks like a tiny, red glowing dot in the sky, slowly
@ -122,8 +122,8 @@
 <p>
  Around the 15 minute mark, Jack notices that it has moved almost above
  them.<br />
-  <span class="speech">That&apos;s a bit too close for comfort - and way
-  too fast.</span> he says.<br />
+  <span class="quote speech">That&apos;s a bit too close for comfort - and
+  way too fast.</span> he says.<br />
  Parts appear to be breaking off from the pod. They watch the last couple
  minutes of the fall realizing that something has seriously gone wrong.
  It plummets into the city, shaking the ground slightly, and taking
@ -132,23 +132,25 @@
  rain out of the sky in a mix of awe and shock.
 </p>
 <p>
-  <span class="speech">Guys, over there!</span> Michelle points into the
-  sky behind them. <span class="speech">A parachute...</span><br />
+  <span class="quote speech">Guys, over there!</span> Michelle points into
+  the sky behind them. <span class="quote speech">A parachute...</span>
+  <br />
  <span class="comment">reaction needed</span><br />
  They watch as it disappears between the buildings.
 </p>
 <p>
  Annie walks over to Jack&apos;s bag and, on a hunch, unpacks the radio
  he had insisted on bringing.<br />
-  <span class="speech">Maybe, she can hear us from here...</span><br />
+  <span class="quote speech">Maybe, she can hear us from here...</span>
+  <br />
  She swiches it on and turns the frequency dial until the needle is in
  the position that Jack had marked.<br />
-  <span class="speech">Emily, can you hear us? Are you okay?</span>
+  <span class="quote speech">Emily, can you hear us? Are you okay?</span>
  <span class="comment">Might benefit from proper radio protocol</span>
  <br />
  They hear a slightly distorted but clearly happy response through the
  noise:<br />
-  <span class="speech">Yes... Yes. I&apos;m alive... I made it.</span>
+  <span class="quote speech">Yes... Yes. I&apos;m alive... I made it.</span>
  <br />
 </p>
 <p class="comment">
@ -156,4 +158,4 @@
  anything to happen after this though I have managed to somehow already
  write about an event after this in <a href="./%3F%3F.txt">??.txt</a>.
 </p>
-<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper_green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
+<p class="copyright">Copyright &#169; 2023 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"];let paper_sections = document.getElementsByClassName("paper");for (let i = 0; i < paper_sections.length; i++) {let lines = paper_sections[i].innerHTML.split("\n");let result = "";for (let j = 0; j < lines.length; j++) {result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";}paper_sections[i].innerHTML = result;}</script></body></html>
Author	SHA1	Message	Date
BodgeMaster	be488063cd	Style: change the CSS classes for all kinds of quotes to be tagged with "quote" first Yes, this is boring code stuff. You may ignore this.	2023-10-16 19:15:52 +02:00
BodgeMaster	0d7114b970	style: Change span.paper_green to span.paper.green	2023-10-13 18:42:58 +02:00
BodgeMaster	340fde4235	style: Ass <span class="snon-speech"> and make <span class="thought"> red in preparation for its removal I went a bit overboard with literal thought quotes and it didn't even fit all my use cases so I decided to replace it with an alternative that better fits what I want to use it for. TODO: Change the solid triangle on <span class="speech"> for the open ones currently used for <span class="non-speech"> and find a new symbol to use for non-speech.	2023-10-13 18:14:54 +02:00
BodgeMaster	00e23b376a	02 Wake Up: change time of day	2023-10-13 17:26:23 +02:00
BodgeMaster	53f738f2e5	02 Wake Up: Fill in a gap and rewrite a good portion of the chapter to match	2023-10-13 17:21:42 +02:00
BodgeMaster	96f8205955	04 Return Null: Add rough chapter outline I’m not in the mood for writing detailed info-dumps as dialogs rn but this chapter needs to be filled in eventually.	2023-10-10 18:41:32 +02:00
BodgeMaster	9f65f9c793	05 Eventful Evening: language improvements, fix of a critical logic error Originally, I had the idea that any knowledge of the outside world is forbidden knowledge but I have since decided (and written with the assumption) that people generally know of the outside world but regard it as completely uninhabitable.	2023-10-10 08:03:29 +02:00