HTML style: add <span class="speech"> and <span class="thought">

For now with black and hollow triangles as quotes and slightly gray text. I will have to rework this.
master
BodgeMaster 2023-09-06 18:22:58 +02:00
parent a18ee16702
commit b488727ff5
8 changed files with 232 additions and 164 deletions

View File

@ -165,26 +165,29 @@ AgriWorks Login: &#9608;
</p> </p>
<p> <p>
She is greeted by the friendly voice of an old man. <br /> She is greeted by the friendly voice of an old man. <br />
&quot;What&apos;s on your mind that you call now?&quot; <span class="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 <span class="comment"> Note to self: Improve this, it doesn&apos;t sound
right to me </span><br /> right to me </span><br />
&quot;Uhhh...&quot; She makes a short pause. &quot;This might be a little <span class="speech">Uhhh...</span><br />
bit weird but someone contacted me from a location called She makes a short pause. <br />
&#8216;Cryo&nbsp;Facility&nbsp;53&apos;. I wondered if you happen to know <span class="speech">This might be a little bit weird but someone
where that is.&quot; <span class="comment"> or anything about it </span><br /> contacted me from a location called
&quot;Cryo&nbsp;Facility? Haven&apos;t heard anyone talk about these in a &quot;Cryo&nbsp;Facility&nbsp;53&quot;. I wondered if you happen to know
while... Are you sure?&quot; <br /> where that is. <span class="comment">or anything about it</span></span>
&quot;Yes, it says here: Cryo Facility 53.&quot;<br /> <br />
&quot;What does he want?&quot; <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>
</p> </p>
<p> <p>
Annie relays what Jack had told her about his situation and asks who Annie relays what Jack had told her about his situation and asks who
would be the right person to help him.<br /> would be the right person to help him.<br />
&quot;That&apos;s a bit of a tricky question... These cryogenics <span class="speech">That&apos;s a bit of a tricky question... These
facilities are outside the dome.&quot; cryogenics facilities are outside the dome.</span>
</p> </p>
<p class="comment"> <p class="comment">
*Missing dialog here:* Missing dialog here:
</p> </p>
<ul> <ul>
<li class="comment"> <li class="comment">
@ -192,8 +195,8 @@ AgriWorks Login: &#9608;
dome under a mountain dome under a mountain
</li> </li>
<li class="comment"> <li class="comment">
his dad had mentioned it in passing when talking about the old world and his dad had mentioned it in passing when talking about the old world
attempts to overcome the impending doom of humanity and attempts to overcome the impending doom of humanity
</li> </li>
<li class="comment"> <li class="comment">
explanation of what &quot;cryogenic sleep&quot; is explanation of what &quot;cryogenic sleep&quot; is
@ -330,8 +333,9 @@ ok thats good
</pre> </pre>
<p> <p>
&quot;The light of day&quot;, Annie thinks to herself, &quot;what does it <span class="thought">The light of day</span>, Annie thinks to herself,
look like?&quot; <span class="comment"> reword this </span> <span class="thought">what does it look like?</span>
<span class="comment"> reword this </span>
</p> </p>
<pre class="terminal"> <pre class="terminal">
@ -355,9 +359,11 @@ Tue, 2106-06-01, 20:12
AgriWorks Login: AgriWorks Login:
</pre> </pre>
<p> <p>
&quot;Is that a yes or a no?&quot;, Annie wonders, still slightly puzzled <span class="thought">Is that a yes or a no?</span>, Annie wonders,
by the whole situation. She starts reading all that&apos;s still on the still slightly puzzled by the whole situation. She starts reading all
screen. &quot;The light of day&quot;, she quietly says to herself. that&apos;s still on the screen.
<span class="speech">The light of day</span>, she quietly says to
herself.
</p> </p>
<p> <p>
As she reads the section with the bunker door and the phone number, she As she reads the section with the bunker door and the phone number, she

View File

@ -2,22 +2,24 @@
<h1> Wake Up! </h1> <h1> Wake Up! </h1>
<p> <p>
&quot;Ahh fuck!&quot; Jack exclaims in pain as he wakes up. He has a <span class="speech">Ahh fuck!</span> Jack exclaims in pain as he wakes
terrible headache. As he moves his hands up to hold his head, he realizes up. He has a terrible headache. As he moves his hands up to hold his
that his entire body hurts. &quot;Owwowwowwowwoww... Ouch!&quot; <br /> head, he realizes that his entire body hurts.
&quot;Emergency defrost complete. Entering low power mode.&quot; <span class="speech">Owwowwowwowwoww... Ouch!</span><br />
<span class="speech">Emergency defrost complete. Entering low power
mode.</span>
announces an automated voice. <br /> announces an automated voice. <br />
He thinks to himself: &quot;Get it together, Jack! You knew this was He thinks to himself: <span class="thought">Get it together, Jack! You
gonna happen. You have trained for this. Where are the meds again? knew this was gonna happen. You have trained for this. Where are the
...&quot; meds again? ...</span>
</p> </p>
<p> <p>
Waiting for the painkillers to kick in, Jack stays in his preservation Waiting for the painkillers to kick in, Jack stays in his preservation
chamber until he is fully awake. As he stands there, he looks out of the chamber until he is fully awake. As he stands there, he looks out of the
small window in the door. The bunker looks different from yesterday - small window in the door. The bunker looks different from yesterday -
not yesterday! That was how ever many years ago... Besides the point. not yesterday! That was how ever many years ago... Besides the point.
It looks different. Not just &quot;things have moved around It looks different. Not just &quot;things have moved around&quot;
different&quot;, it looks almost like a lost place. Unexpected but different, it looks almost like a lost place. Unexpected but
whatever... whatever...
</p> </p>
<p> <p>
@ -36,18 +38,19 @@
equipment. He looks to the right: More preservation chambers. Instead of equipment. He looks to the right: More preservation chambers. Instead of
a wall, there&apos;s the bunker door - door is a bit of an a wall, there&apos;s the bunker door - door is a bit of an
understatement, it&apos;s a massive gate. A small slither of light understatement, it&apos;s a massive gate. A small slither of light
passes under it. &quot;These fucking idiots... They didn&apos;t reseal it passes under it. <span class="thought">These fucking idiots... They
properly.&quot; didn&apos;t reseal it properly.</span> <span class="comment">not sure if
this is speech or a thought or both</span>
</p> </p>
<p> <p>
He walks over to the door&apos;s control panel. The paint is flaking off 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 revealing the rust underneath. Jack attempts to press a couple buttons
but they get stuck and nothing happens. &quot;Fuck.&quot; He turns back but they get stuck and nothing happens. <span class="speech">Fuck.</span>
to the inside of the bunker looking for tools, contemplating the tradeoff He turns back to the inside of the bunker looking for tools,
between waking up a couple years too soon and getting slowly poisoned by contemplating the tradeoff between waking up a couple years too soon and
the air, and being locked inside a bunker due to a bunch of apparent getting slowly poisoned by the air, and being locked inside a bunker due
troglodytes who are unable to close a door properly... Doesn&apos;t to a bunch of apparent troglodytes who are unable to close a door
matter, too late now. properly... Doesn&apos;t matter, too late now.
</p> </p>
<p> <p>
As he passes each of the presevation chambers, he looks into them. Empty, As he passes each of the presevation chambers, he looks into them. Empty,
@ -55,11 +58,13 @@
few buttons to fully shut it down. The lamp in the ceiling turns off, 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 the door closes, the status lights turn off. After passing two other
empty preservaton chambers, he reaches the one that remains active.<br /> empty preservaton chambers, he reaches the one that remains active.<br />
&quot;Hello Michelle.&quot; He checks the status lights of her chamber. <span class="speech">Hello Michelle.</span><br />
&quot;I think I&apos;m gonna leave you in there for now. Should be He checks the status lights of her chamber.<br />
fine...&quot; <br /> <span class="speech">I think I&apos;m gonna leave you in there for now.
Should be fine...</span><br />
He continues past the remaining empty chambers to the back of the bunker. He continues past the remaining empty chambers to the back of the bunker.
</p> </p>
<p class="comment"> I forgot to have him look for tools first. </p>
<p> <p>
The phone lifts off the wall with a quiet click and Jack begins to dial. 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 He holds the receiver to his ear - silence. Welp, another thing that

View File

@ -43,7 +43,7 @@
</li> </li>
</ul> </ul>
<p> <p>
&quot;Next stop: Center Square&quot; <span class="speech">Next stop: Center Square</span><br />
Annie looks up. That&apos;s the station she has to get off at. She only 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 the manual for needs to be at work in the afternoon so she decided to get the manual for
Jack. Jack.
@ -71,27 +71,32 @@
<p> <p>
Annie makes her way up the stairs and enters through the large wooden Annie makes her way up the stairs and enters through the large wooden
doors. She walks up to the counter. <br /> doors. She walks up to the counter. <br />
&quot;Hello, how may I help you today?&quot; The guy behind the counter <span class="speech">Hello, how may I help you today?</span><br />
smiles. &quot;Borrowing the next stack of fantasy books?&quot;, he asks. The guy behind the counter smiles.<br />
<br /> <span class="speech">Borrowing the next stack of fantasy books?</span>,
&quot;Uhm... Actually, no&quot;, Annie replies as she takes her library he asks. <br />
card and a piece of paper out of her bag. &quot;I have a quite unusual <span class="speech">Uhm... Actually, no</span>, Annie replies as she
request. I am looking for&quot; - she glances at the piece of paper - takes her library card and a piece of paper out of her bag.<br />
&quot;a manual for a B three three F Y dash A F bunker door.&quot; <br /> <span class="speech">I have a quite unusual request. I am looking
for</span> - she glances at the piece of paper - <span class="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 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 /> card on the counter. With a worried look, he turns back to her: <br />
&quot;I&apos;m afraid, that information has recently been classified. <span class="speech">I&apos;m afraid, that information has recently been
There is a note about terrorism in here.&quot; <br /> classified. There is a note about terrorism in here.</span><br />
&quot;So there is no way to get it?&quot; <br /> <span class="speech">So there is no way to get it?</span><br />
He musters her for a second, then he takes the card and scribbles He musters her for a second, then he takes the card and scribbles
something on it before putting it back. <br /> something on it before putting it back. <br />
&quot;I can check you against a list of people with security clearance. <span class="speech">I can check you against a list of people with
One moment, I&apos;ll get it.&quot; <br /> security clearance. One moment, I&apos;ll get it.</span><br />
He gestures and nods towards the exit. Then, he turns around and walks He gestures and nods towards the exit. Then, he turns around and walks
towards a door on the left, seemingly taking his sweet time. Annie gets towards a door on the left, seemingly taking his sweet time. Annie gets
the message, grabs her library card and makes a swift exit. Just as she the message, grabs her library card and makes a swift exit. Just as she
leaves, she hears him call out to someone else: <br /> leaves, she hears him call out to someone else: <br />
&quot;Dorothy, she left. What do I put on the list?&quot; <br /> <span class="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><br />
<span class="comment"> heavy door falls shut, Annie hurries back to the <span class="comment"> heavy door falls shut, Annie hurries back to the
train station and gets on the first train that comes, she takes out her train station and gets on the first train that comes, she takes out her
library card and checks the note - such and such station, 10:30 PM library card and checks the note - such and such station, 10:30 PM

View File

@ -91,28 +91,33 @@
the lines. Annie presses the button; the door opens. the lines. Annie presses the button; the door opens.
</p> </p>
<p> <p>
&quot;Hey, wait...&quot; <br /> <span class="speech">Hey, wait...</span><br />
The guy had made his way to the door and looks directly at her. The guy had made his way to the door and looks directly at her.
It&apos;s him from behind the library counter. <br /> It&apos;s him from behind the library counter. <br />
&quot;We&apos;re gonna take this one for a couple stations.&quot; <br /> <span class="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 /> Annie steps aside and he gets on the train as well. <br />
&quot;My name is Lucas, nice to meet you.&quot; He extends his hand as <span class="speech">My name is Lucas, nice to meet you.</span><br />
the doors close. <br /> He extends his hand as the doors close. <br />
&quot;Annie.&quot; He probably knew that already, right? &quot;Sorry for <span class="speech">Annie.</span><br />
being late.&quot; <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 /> The hum of the motors sets in and the train begins to move. <br />
&quot;Perfect timing, I&apos;d say.&quot; He makes a short pause before <span class="speech">Perfect timing, I&apos;d say.</span><br />
continuing quietly: &quot;So about that interaction we had earlier today He makes a short pause before continuing quietly:<br />
- I assume you want to leave the dome?&quot; <br /> <span class="speech">So about that interaction we had earlier today
&quot;Not directly...&quot; <br /> - I assume you want to leave the dome?</span><br />
&quot;Okay then disregard my question and we have never met.&quot; <br /> <span class="speech">Not directly...</span><br />
&quot;Wait. You say there is a way out of the dome?&quot; <br /> <span class="speech">Okay then disregard my question and we have never
&quot;Well, there might be. Some friends of mine say there is.&quot; met.</span><br />
<span class="speech">Wait. You say there is a way out of the dome?</span>
<br /> <br />
<span class="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 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 there was a world outside the dome - and now she might
find out about a way to go there? <br /> find out about a way to go there? <br />
&quot;Tell me more.&quot; she replies. <span class="speech">Tell me more</span>, she replies.
</p> </p>
<p> <p>
They get off at a station near the city center - a place that is never They get off at a station near the city center - a place that is never
@ -134,11 +139,11 @@
feels dense and depleted, and carries the smell of alcohol. Live feels dense and depleted, and carries the smell of alcohol. Live
musicians are playing <span class="comment"> Idk? Music genre? Need ideas musicians are playing <span class="comment"> Idk? Music genre? Need ideas
</span> on a small stage area in the corner. <br /> </span> on a small stage area in the corner. <br />
&quot;Hey Kate, I&apos;ll take a <span class="comment"> some very <span class="speech">Hey Kate, I&apos;ll take a <span class="comment">
alcoholic drink? &quot;Braincell Rattler&quot;? Idk </span> and my uhh... some very alcoholic drink? &quot;Braincell Rattler&quot;? Idk </span>
friend here looks like she needs a coffee.&quot; <br /> and my uhh... friend here looks like she needs a coffee.</span><br />
&quot;Okay. Going to the back room?&quot; <br /> <span class="speech">Okay. Going to the back room?</span><br />
&quot;Yeah.&quot; <br /> <span class="speech">Yeah.</span><br />
Coffee sounds good... The back room? Annie raises an eyebrow. He opens a Coffee sounds good... The back room? Annie raises an eyebrow. He opens a
door next to the counter and gestures her to follow. door next to the counter and gestures her to follow.
</p> </p>
@ -147,41 +152,46 @@
the same with her jacket. She looks into the room: A bunch of people 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 sitting around a large, round table - to her surprise including her
grandpa. <br /> grandpa. <br />
&quot;Grandpa Karl?&quot; <span class="comment"> Language intuition <span class="speech">Grandpa Karl?</span> <span class="comment">Language
question: Is this how one would realistically refer to their grandpa? intuition question: Is this how one would realistically refer to their
</span><br /> grandpa?</span><br />
&quot;Hi Annie!&quot; <span class="comment"> TODO: Fix this </span><br /> <span class="speech">Hi Annie!</span> <span class="comment">TODO: Fix
this</span><br />
Before she has time to voice her confusion, they get interrupted: <br /> Before she has time to voice her confusion, they get interrupted: <br />
&quot;Here you go, your drinks. Enjoy!&quot; <br /> <span class="speech">Here you go, your drinks. Enjoy!</span><br />
Lucas walks up to the window that connects to behind the counter. <br /> Lucas walks up to the window that connects to behind the counter. <br />
&quot;Thank you!&quot; <br /> <span class="speech">Thank you!</span><br />
Annie takes a second to regain her composure. <span class="comment"> 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> I don&apos;t think this is a great way to say that, Idk. </span>
&quot;Thanks.&quot; <span class="speech">Thanks.</speech>
</p> </p>
<p> <p>
They sit down at the table. Karl starts introducing people and some They sit down at the table. Karl starts introducing people and some
introduce themselves. Then, he continues talking about the group&apos;s introduce themselves. Then, he continues talking about the group&apos;s
mission: mission:
</p> </p>
<p> <p class="speech">
&quot;We are working on getting the city officials to change their <span class="comment">TODO: whole paragraph speech formatting</span>
stance on some things. When the city was built, it was seen as sort of <span class="speech">We are working on getting the city officials to
a plan B for humanity in case things would get worse. It wasn&apos;t change their stance on some things. When the city was built, it was seen
built as a place where we could go and hide forever in isolation. Over as sort of a plan B for humanity in case things would get worse.
time, knowledge of the outside world stopped being an imagination of a It wasn&apos;t built as a place where we could go and hide forever in
possible bright future, and instead it became something to be worried isolation. Over time, knowledge of the outside world stopped being an
about. &#8216;What do you mean, you want to go there? Do you really want imagination of a possible bright future, and instead it became something
to go where the air you breathe is literal poison and die?&apos; to be worried about. &#8216;What do you mean, you want to go there?
Do you really want to go where the air you breathe is literal poison
and die?&apos;</span>
</p> </p>
<p> <p class="speech">
My dad used to always say - and maybe this was naive hope on his part - <span class="comment">TODO: whole paragraph speech formatting</span>
that it would get better one day and that we could open up the airlocks <span class="speech">My dad used to always say - and maybe this was naive
and leave. That was many, many years ago. It&apos;s been over a century hope on his part - that it would get better one day and that we could
now since the city was sealed - even if it was naive hope on his part, open up the airlocks and leave. That was many, many years ago. It&apos;s
we should at least take a look outside and see for ourselves what been over a century now since the city was sealed - even if it was naive
it&apos;s like.&quot; <br /> hope on his part, we should at least take a look outside and see for
Voices of agreement all around the table. 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> </p>
<ul> <ul>
<li class="comment"> <li class="comment">
@ -197,16 +207,18 @@
</li> </li>
</ul> </ul>
<p> <p>
&quot;I mean we have that manual at the library.&quot; says Lucas. <span class="speech">I mean we have that manual at the library.</span>
&quot;It&apos;s just classified because they really don&apos;t want says Lucas. <span class="speech">It&apos;s just classified because they
anyone to open or use the air locks.&quot; He reaches into his pocket really don&apos;t want anyone to open or use the air locks.</span><br />
and pulls out a key chain. &quot;If you want, you can try getting it - He reaches into his pocket and pulls out a key chain.<br />
I can&apos;t because I disappeared from a birthday party with an excuse <span class="speech">If you want, you can try getting it - I can&apos;t
and they are probably waiting for me to be back.&quot; He places the because I disappeared from a birthday party with an excuse and they are
keys in the center of the table. <br /> probably waiting for me to be back.</span><br />
Karl says &quot;I would love to, but I&apos;m afraid I can&apos;t run if He places the keys in the center of the table.<br />
things go south.&quot; <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 />
A bunch of other excuses from other people. Finally, Annie takes the A bunch of other excuses from other people. Finally, Annie takes the
initiative: &quot;I could go. Anyone want to help me with this?&quot; initiative:<br />
<span class="speech">I could go. Anyone want to help me with this?</span>
</p> </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> <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>

View File

@ -53,22 +53,22 @@
with computer equipment. To the right is a shelf with boxes. with computer equipment. To the right is a shelf with boxes.
</p> </p>
<p class="comment"> <p class="comment">
The two paragraphs below are really not ideally formatted. Depending on Again, request for formatting suggestions below...
how the styling for literal speech turns out, I might need to touch up
the formatting for all dialogs and monologs in the story.
</p> </p>
<p> <p>
&quot;I guess this is it. Let&apos;s take a look at the instructions <span class="speech">I guess this is it. Let&apos;s take a look at the
Karl gave you.&quot; Isabelle says in a hushed voice. <br /> instructions Karl gave you.</span> Isabelle says in a hushed voice.<br />
Annie pulls the note out of her bag. &quot;First step is turning on the Annie pulls the note out of her bag.<br />
terminal... Hey, Lucas said something about using a new floppy disk, can <span class="speech">First step is turning on the terminal... Hey, Lucas
you search for that?&quot; <br /> 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 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 shelf. Annie puts the keys on the desk and inspects the terminal for a
power switch. <br /> power switch. <br />
&quot;There&apos;s a box with cookies back here.&quot; She pulls it out <span class="speech">There&apos;s a box with cookies back here.</span>
from behind the terminal. They giggle. <br /> <br />
&quot;I want one&quot;, says Isabelle. <br /> She pulls it out from behind the terminal. They giggle. <br />
<span class="speech">I want one</span>, says Isabelle. <br />
Both end up taking a cookie before stashing the box behind the terminal Both end up taking a cookie before stashing the box behind the terminal
again. again.
</p> </p>
@ -76,48 +76,59 @@
Annie flips the power switch. The terminal makes a bonk sound and a 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 crackling noise. She feels the hairs on her arm stand up as she
inadvertently moves it in front of the screen. <br /> inadvertently moves it in front of the screen. <br />
&quot;Whoa...&quot; The screen begins to light up. &quot;... I guess <span class="speech">Whoa...</span><br />
this is supposed to happen.&quot; Annie looks back at the note. <br /> The screen begins to light up.<br />
&quot;&#8216;Turn on main power switch on computer&apos;...&quot;, she <span class="speech">... I guess this is supposed to happen.</span><br />
mumbles to herself. She looks at the racks. They are mostly filled with Annie looks back at the note. <br />
what looks like large drawers with buttons on them. The one in the <span class="speech">&#8216;Turn on main power switch on
center is different. It has a bunch of empty panels, some panels with computer&apos;...</span>, she mumbles to herself.<br />
buttons and lights on them, and some other devices. 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.
It has a bunch of empty panels, some panels with buttons and lights on
them, and some other devices.
</p> </p>
<p> <p>
&quot;I found you a new floppy disk.&quot; Isabelle interrupts her. She <span class="speech">I found you a new floppy disk.</span> Isabelle
pulls a large, square, floppy thing, half-wrapped in a paper sleeve, out interrupts her.<br />
of one of the boxes. She pulls the paper sleeve off. Turns out, it&apos;s She pulls a large, square, floppy thing, half-wrapped in a paper sleeve,
another sleeve made out of thin plastic with some openings that were out of one of the boxes. She pulls the paper sleeve off. Turns out,
previously covered by the paper containing a black, glossy circle. <br /> it&apos;s another sleeve made out of thin plastic with some openings
&quot;Lucas said to put it in the computer and push a lever down.&quot; that were previously covered by the paper containing a black, glossy
<br /> circle. <br />
<span class="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 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 Isabelle points to a device in the center rack with a large, flat slot
and says: &quot;It could fit in there.&quot; She walks up to it and and says:<br />
inserts the disk. Then, she pushes on the mechanism in the center of the <span class="speech">It could fit in there.</span><br />
slot. It latches in place. &quot;What&apos;s next?&quot; <br /> She walks up to it and inserts the disk. Then, she pushes on the
&quot;The note says to turn on the &apos;main power switch&apos;&quot;, mechanism in the center of the slot. It latches in place.<br />
Annie repeats while inspecting one of the panels with buttons. <span class="speech">What&apos;s next?</span><br />
&quot;Maybe this one?&quot; She points at a key switch. <br /> <span class="speech">The note says to turn on the &apos;main power
&quot;Let&apos;s try.&quot; Isabelle hands her the keys. One of them switch&apos;</span>, Annie repeats while inspecting one of the panels
fits and turns. with buttons.<br />
<span class="speech">Maybe this one?</span><br />
She points at a key switch. <br />
<span class="speech">Let&apos;s try.</span><br />
Isabelle hands her the keys. One of them fits and turns.
</p> </p>
<p> <p>
Fans come on; they hear the loud noise of air rushing through the 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 computer. Some of the lights and buttons light up. Annie looks at the
note again: <br /> note again: <br />
&quot;&#8216;Spin up boot hard drive&apos;... Lucas has also written <span class="speech">&#8216;Spin up boot hard drive&apos;... Lucas has
here: &apos;Number 2&apos;&quot; The two look back at the racks. <br /> also written here: &apos;Number 2&apos;</span><br />
&quot;These drawer thingies here have numbers on them, maybe that&apos;s The two look back at the racks.<br />
what they mean?&quot; Isabelle presses the power button on number two. <span class="speech">These drawer thingies here have numbers on them,
It starts blinking. The device makes a loud clonk noise followed by a maybe that&apos;s what they mean?</span><br />
motor accelerating inside. Clicking and more mechanical noises. The Isabelle presses the power button on number two. It starts blinking.
power switch stops blinking and stays lit up. <br /> The device makes a loud clonk noise followed by a motor accelerating
&quot;The last step on the note is to press &#8216;reset&apos; and inside. Clicking and more mechanical noises. The power switch stops
&#8216;load&apos; and to enter something into the terminal. They also blinking and stays lit up.<br />
wrote down a list of commands that might help us to find and copy the <span class="speech">The last step on the note is to press
manual, and &#8216;Good luck!&apos;...&quot; <br /> &#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 />
Isabelle pushes the buttons and they walk over to the terminal. Isabelle pushes the buttons and they walk over to the terminal.
</p> </p>
<p> <p>
@ -132,8 +143,9 @@
putting it back into its sleeve putting it back into its sleeve
</p> </p>
<p> <p>
&quot;Shhh.&quot; Isabelle gestures for Annie to be quiet. She whispers: <span class="speech">Shhh.</span><br />
&quot;Do you hear that?&quot; <br /> Isabelle gestures for Annie to be quiet. She whispers:<br />
<span class="speech">Do you hear that?</span><br />
Footsteps. Annie nods. Someone is in the building - and probably heard Footsteps. Annie nods. Someone is in the building - and probably heard
them. Quickly, she puts the disk into her bag. them. Quickly, she puts the disk into her bag.
</p> </p>
@ -141,7 +153,7 @@
Opening and closing the door as quietly as possible, they sneak out of 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. the room and back towards the stairs. The footsteps are coming closer.
<br /> <br />
&quot;Shit&quot;, Isabelle whispers. <br /> <span class="speech">Shit</span>, Isabelle whispers.<br />
They turn around and sneak to the other end of the hallway. It opens up 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. 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 The footsteps are making their way down the stairs. Annie reaches for
@ -152,10 +164,11 @@
struggles for a moment to get onto the crate. After she finally manages 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. to get up, Isabelle pulls her through the window - not a moment too soon.
<br /> <br />
&quot;You, stop!&quot;, <span class="comment"> rephrase?? </span> a man <span class="speech">You, stop!</span>, <span class="comment">
yells at them from inside, &quot;Stay where you are!&quot; <br /> rephrase?? </span> a man yells at them from inside, <span class="speech">
Stay where you are!</span><br />
They start running. <br /> They start running. <br />
&quot;I&apos;m gonna catch you.&quot; <span class="speech">I&apos;m gonna catch you.</span>
</p> </p>
<p> <p>
Isabelle runs ahead, leading Annie into a dark alley. She climbs onto a Isabelle runs ahead, leading Annie into a dark alley. She climbs onto a
@ -163,7 +176,7 @@
continue running on the ledge until reaching a wall at the end of the 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 alley. Isabelle jumps, grabs hold of the railing at the top, pulls
herself up, and climbs over it. <br /> herself up, and climbs over it. <br />
&quot;Wait here.&quot; She disappears. <br /> <span class="speech">Wait here.</span> She disappears. <br />
Annie looks around nervously. What if she was caught now? <br /> Annie looks around nervously. What if she was caught now? <br />
A moment later, Isabelle returns holding a ladder. Annie climbs up and 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 pulls the ladder up after herself. Isabelle takes it and stashes it on
@ -171,7 +184,9 @@
of the metro. The Central Square station is close by, they run towards 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 it along the tracks. Just as they make their way onto the platform, the
rails start ringing. <br /> rails start ringing. <br />
Isabelle says with a smirk on her face: &quot;I don&apos;t think he Isabelle says with a smirk on her face: <span class="speech">I don&apos;t
expects our getaway vehicle to be yellow and red...&quot; <br /> 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>
<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> <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>

View File

@ -78,7 +78,8 @@
<p> <p>
Emily turns around to find her older sister Lena sitting against the Emily 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 wall - tears running down her face. After a moment to fully wake up and
grasp the situation, she asks: &quot;Who?&quot; <br /> grasp the situation, she asks:<br />
<span class="speech">Who?</span><br />
Lena snivels and points to the ring on her finger. <span class="comment"> Lena snivels and points to the ring on her finger. <span class="comment">
Dictionary to the rescue! Is that the right word? ... </span> Dictionary to the rescue! Is that the right word? ... </span>
A grim but not uncommon way for days to begin lately. That leaves five A grim but not uncommon way for days to begin lately. That leaves five

View File

@ -82,6 +82,30 @@ span.paper_green {
background-color: #D0DBA6; background-color: #D0DBA6;
} }
span.speech {
color: #303030;
}
span.speech::before {
color: black;
content: "\25b8";
}
span.speech::after {
color: black;
content: "\25c2";
}
span.thought {
color: #303030;
}
span.thought::before {
color: black;
content: "\25b9";
}
span.thought::after {
color: black;
content: "\25c3";
}
.comment { .comment {
font-style: italic; font-style: italic;
color: gray; color: gray;

View File

@ -8,8 +8,8 @@ Notes to self:
* official name: "Lunar Biosphere" * official name: "Lunar Biosphere"
* Double-check that I changed all references of Annie leaving the city to not imply this was planned. I changed my mind about the situation; it was something that came from plans going wrong. * Double-check that I changed all references of Annie leaving the city to not imply this was planned. I changed my mind about the situation; it was something that came from plans going wrong.
* quoted strings: * quoted strings:
* treat literal speech and other quoted strings differently * treat literal speech, literal thoughts, and other quoted strings differently
* format literal speech differently from the rest of the paragraph * format literal speech and literal thoughts differently from the rest of the paragraph
* format suggestion: use ▸◂ as quotes and a slightly different font style
* versions of this as span and paragraph * versions of this as span and paragraph
* paragraph version needs to deal with the fact that speeches can have multiple paragraphs * paragraph version needs to deal with the fact that speeches can have multiple paragraphs
* what is CSS property "quotes"?