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

View File

@ -2,22 +2,24 @@
<h1> Wake Up! </h1>
<p>
&quot;Ahh fuck!&quot; 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. &quot;Owwowwowwowwoww... Ouch!&quot; <br />
&quot;Emergency defrost complete. Entering low power mode.&quot;
<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.
<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: &quot;Get it together, Jack! You knew this was
gonna happen. You have trained for this. Where are the meds again?
...&quot;
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
meds again? ...</span>
</p>
<p>
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
small window in the door. The bunker looks different from yesterday -
not yesterday! That was how ever many years ago... Besides the point.
It looks different. Not just &quot;things have moved around
different&quot;, it looks almost like a lost place. Unexpected but
It looks different. Not just &quot;things have moved around&quot;
different, it looks almost like a lost place. Unexpected but
whatever...
</p>
<p>
@ -36,18 +38,19 @@
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
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
properly.&quot;
passes under it. <span class="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. &quot;Fuck.&quot; 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 to a bunch of apparent
troglodytes who are unable to close a door properly... Doesn&apos;t
matter, too late now.
but they get stuck and nothing happens. <span class="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
to a bunch of apparent troglodytes who are unable to close a door
properly... Doesn&apos;t matter, too late now.
</p>
<p>
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,
the door closes, the status lights turn off. After passing two other
empty preservaton chambers, he reaches the one that remains active.<br />
&quot;Hello Michelle.&quot; He checks the status lights of her chamber.
&quot;I think I&apos;m gonna leave you in there for now. Should be
fine...&quot; <br />
<span class="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 for now.
Should be fine...</span><br />
He continues past the remaining empty chambers to the back of the bunker.
</p>
<p class="comment"> I forgot to have him look for tools first. </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

View File

@ -43,7 +43,7 @@
</li>
</ul>
<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
needs to be at work in the afternoon so she decided to get the manual for
Jack.
@ -71,27 +71,32 @@
<p>
Annie makes her way up the stairs and enters through the large wooden
doors. She walks up to the counter. <br />
&quot;Hello, how may I help you today?&quot; The guy behind the counter
smiles. &quot;Borrowing the next stack of fantasy books?&quot;, he asks.
<br />
&quot;Uhm... Actually, no&quot;, Annie replies as she takes her library
card and a piece of paper out of her bag. &quot;I have a quite unusual
request. I am looking for&quot; - she glances at the piece of paper -
&quot;a manual for a B three three F Y dash A F bunker door.&quot; <br />
<span class="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
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
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.
There is a note about terrorism in here.&quot; <br />
&quot;So there is no way to get it?&quot; <br />
<span class="speech">I&apos;m afraid, that information 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 />
He musters her for a second, then he takes the card and scribbles
something on it before putting it back. <br />
&quot;I can check you against a list of people with security clearance.
One moment, I&apos;ll get it.&quot; <br />
<span class="speech">I can check you against a list of people with
security clearance. One moment, I&apos;ll get it.</span><br />
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
the message, grabs her library card and makes a swift exit. Just as she
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
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

View File

@ -91,28 +91,33 @@
the lines. Annie presses the button; the door opens.
</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.
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 />
&quot;My name is Lucas, nice to meet you.&quot; He extends his hand as
the doors close. <br />
&quot;Annie.&quot; He probably knew that already, right? &quot;Sorry for
being late.&quot; <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 />
&quot;Perfect timing, I&apos;d say.&quot; He makes a short pause before
continuing quietly: &quot;So about that interaction we had earlier today
- I assume you want to leave the dome?&quot; <br />
&quot;Not directly...&quot; <br />
&quot;Okay then disregard my question and we have never met.&quot; <br />
&quot;Wait. You say there is a way out of the dome?&quot; <br />
&quot;Well, there might be. Some friends of mine say there is.&quot;
<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>
<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
even aware that there was a world outside the dome - and now she might
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>
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
musicians are playing <span class="comment"> Idk? Music genre? Need ideas
</span> on a small stage area in the corner. <br />
&quot;Hey Kate, I&apos;ll take a <span class="comment"> some very
alcoholic drink? &quot;Braincell Rattler&quot;? Idk </span> and my uhh...
friend here looks like she needs a coffee.&quot; <br />
&quot;Okay. Going to the back room?&quot; <br />
&quot;Yeah.&quot; <br />
<span class="speech">Hey Kate, I&apos;ll take a <span class="comment">
some very alcoholic drink? &quot;Braincell Rattler&quot;? Idk </span>
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 />
Coffee sounds good... The back room? Annie raises an eyebrow. He opens a
door next to the counter and gestures her to follow.
</p>
@ -147,41 +152,46 @@
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 />
&quot;Grandpa Karl?&quot; <span class="comment"> Language intuition
question: Is this how one would realistically refer to their grandpa?
</span><br />
&quot;Hi Annie!&quot; <span class="comment"> TODO: Fix this </span><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 />
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 />
&quot;Thank you!&quot; <br />
<span class="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>
&quot;Thanks.&quot;
<span class="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>
&quot;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 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;
<p class="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.
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
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>
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.&quot; <br />
Voices of agreement all around the table.
<p class="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 />
Voices of agreement all around the table. <span class="comment">move
this outside of the speech paragraph</span>
</p>
<ul>
<li class="comment">
@ -197,16 +207,18 @@
</li>
</ul>
<p>
&quot;I mean we have that manual at the library.&quot; says Lucas.
&quot;It&apos;s just classified because they really don&apos;t want
anyone to open or use the air locks.&quot; He reaches into his pocket
and pulls out a key chain. &quot;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.&quot; He places the
keys in the center of the table. <br />
Karl says &quot;I would love to, but I&apos;m afraid I can&apos;t run if
things go south.&quot; <br />
<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 />
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 />
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 />
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>
<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.
</p>
<p class="comment">
The two paragraphs below are really not ideally formatted. Depending on
how the styling for literal speech turns out, I might need to touch up
the formatting for all dialogs and monologs in the story.
Again, request for formatting suggestions below...
</p>
<p>
&quot;I guess this is it. Let&apos;s take a look at the instructions
Karl gave you.&quot; Isabelle says in a hushed voice. <br />
Annie pulls the note out of her bag. &quot;First step is turning on the
terminal... Hey, Lucas said something about using a new floppy disk, can
you search for that?&quot; <br />
<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 />
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 />
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 />
&quot;There&apos;s a box with cookies back here.&quot; She pulls it out
from behind the terminal. They giggle. <br />
&quot;I want one&quot;, says Isabelle. <br />
<span class="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 />
Both end up taking a cookie before stashing the box behind the terminal
again.
</p>
@ -76,48 +76,59 @@
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 />
&quot;Whoa...&quot; The screen begins to light up. &quot;... I guess
this is supposed to happen.&quot; Annie looks back at the note. <br />
&quot;&#8216;Turn on main power switch on computer&apos;...&quot;, she
mumbles to herself. 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.
<span class="speech">Whoa...</span><br />
The screen begins to light up.<br />
<span class="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
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.
It has a bunch of empty panels, some panels with buttons and lights on
them, and some other devices.
</p>
<p>
&quot;I found you a new floppy disk.&quot; Isabelle interrupts her. 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 />
&quot;Lucas said to put it in the computer and push a lever down.&quot;
<br />
<span class="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 />
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: &quot;It could fit in there.&quot; 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. &quot;What&apos;s next?&quot; <br />
&quot;The note says to turn on the &apos;main power switch&apos;&quot;,
Annie repeats while inspecting one of the panels with buttons.
&quot;Maybe this one?&quot; She points at a key switch. <br />
&quot;Let&apos;s try.&quot; Isabelle hands her the keys. One of them
fits and turns.
and says:<br />
<span class="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
switch&apos;</span>, Annie repeats while inspecting one of the panels
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>
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 />
&quot;&#8216;Spin up boot hard drive&apos;... Lucas has also written
here: &apos;Number 2&apos;&quot; The two look back at the racks. <br />
&quot;These drawer thingies here have numbers on them, maybe that&apos;s
what they mean?&quot; 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 />
&quot;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;...&quot; <br />
<span class="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 />
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
&#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.
</p>
<p>
@ -132,8 +143,9 @@
putting it back into its sleeve
</p>
<p>
&quot;Shhh.&quot; Isabelle gestures for Annie to be quiet. She whispers:
&quot;Do you hear that?&quot; <br />
<span class="speech">Shhh.</span><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
them. Quickly, she puts the disk into her bag.
</p>
@ -141,7 +153,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 />
&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
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
@ -152,10 +164,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 />
&quot;You, stop!&quot;, <span class="comment"> rephrase?? </span> a man
yells at them from inside, &quot;Stay where you are!&quot; <br />
<span class="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 />
They start running. <br />
&quot;I&apos;m gonna catch you.&quot;
<span class="speech">I&apos;m gonna catch you.</span>
</p>
<p>
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
alley. Isabelle jumps, grabs hold of the railing at the top, pulls
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 />
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
@ -171,7 +184,9 @@
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: &quot;I don&apos;t think he
expects our getaway vehicle to be yellow and red...&quot; <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>
<span class="comment"> alternative wording: Ketchup and mustard express
XD </span>
</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>

View File

@ -78,7 +78,8 @@
<p>
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
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">
Dictionary to the rescue! Is that the right word? ... </span>
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;
}
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 {
font-style: italic;
color: gray;

View File

@ -8,8 +8,8 @@ Notes to self:
* 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.
* quoted strings:
* treat literal speech and other quoted strings differently
* format literal speech differently from the rest of the paragraph
* format suggestion: use ▸◂ as quotes and a slightly different font style
* treat literal speech, literal thoughts, and other quoted strings differently
* format literal speech and literal thoughts differently from the rest of the paragraph
* versions of this as span and paragraph
* paragraph version needs to deal with the fact that speeches can have multiple paragraphs
* what is CSS property "quotes"?