Compare commits

...

4 Commits

Author SHA1 Message Date
BodgeMaster d5786e1445 style: fix bold text on terminal sections 2025-07-20 20:26:24 +02:00
BodgeMaster 7c3cd0bd9c style: Add a blur effect 2025-07-20 20:24:07 +02:00
BodgeMaster f956e95477 'fa' Open Up!: New chapter
"Open Up!" is a working title, it's probably gonna change.
2025-07-16 22:55:46 +02:00
BodgeMaster f935fa7dcc 'jc' Night Watch: revision 2025-07-16 22:55:13 +02:00
37 changed files with 111 additions and 43 deletions

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Wake Up! </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Wake Up! </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Wake Up! </h1> <h1> Wake Up! </h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Unlikely Encounter </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Unlikely Encounter </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Unlikely Encounter </h1> <h1> Unlikely Encounter </h1>
<p class="light"> <p class="light">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> A Simple Errand </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> A Simple Errand </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> A Simple Errand</h1> <h1> A Simple Errand</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Rerturn Null </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Rerturn Null </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<p class="comment">Outline:</p> <p class="comment">Outline:</p>
<ul> <ul>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Eventful Evening </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Eventful Evening </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Eventful Evening</h1> <h1> Eventful Evening</h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Library At Night </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Library At Night </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Library At Night</h1> <h1> Library At Night</h1>
<p> <p>

28
fa-open_up.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html><html><head><title> Open Up! </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Open Up! </h1>
<p class="comment">
This is probably a working title until I come up with something better.
Just thought it was funny. Too similar to &quot;Wake up!&quot; tho.
</p>
<p>
Jack puts the soldering iron back into its holder and admires his
creation. This hack job of bodge wires and not quite the right
replacement components, held together by what remains of the corroded
motor driver board is truly beautiful in the ugliest way possible &ndash;
in his eyes at least. He picks it up and ispects the other side.
<span class="quote non-speech">Probably good enough.</span><br />
<span class="comment">A note on the spelling of &quot;bodge&quot;:
You may or may not have noticed that I tend to stick to American English.
This is a notable exception. There is no mistake here. The word
&quot;bodge&quot; looks way more elegant spelled this way. I&apos;m the
BodgeMaster &ndash; BotchMaster would look weird, wouldn&apos;t it?
If you think I&apos;m wrong, then you&apos;re wrong. :)</span>
</p>
<p>
Jack gets up and walks over to the bunker door. He mounts the board to
the motor &ndash; using only two of the screws &ndash; and attaches the
wires.
</p>
<p class="copyright">Copyright &#169; 2023-2025 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"]; let pre_texts = document.getElementsByTagName("pre"); for (let i = 0; i < pre_texts.length; i++) {if (pre_texts[i].className != "paper") continue; let lines = pre_texts[i].innerHTML.split("\n"); let result = ""; for (let j = 0; j < lines.length; j++) {if (lines[j].length >= 80) result = result + spans[j%2] + lines[j] + "</span>\n"; else result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";} pre_texts[i].innerHTML = result;}</script></body></html>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Who died today? </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Who died today? </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Who Died Today?</h1> <h1> Who Died Today?</h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> New Dawn </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> New Dawn </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg>
<h1> New Dawn </h1> <h1> New Dawn </h1>
<p class="comment"> <p class="comment">
Now with 100% more title! It might be a bit too on-the-nose tho, Idk. Now with 100% more title! It might be a bit too on-the-nose tho, Idk.

View File

@ -5,6 +5,16 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<svg class="hidden_filter">
<filter id="crunchy_blur" x="0" y="0">
<feFlood x="4" y="4" height="2" width="2"/>
<feComposite width="5" height="5"/>
<feTile result="a"/>
<feComposite in="SourceGraphic" in2="a" operator="in"/>
<feMorphology operator="dilate" radius="1.4"/>
<feGaussianBlur stdDeviation="1.8"></feGaussianBlur>
</filter>
</svg>
<div class="back"> <div class="back">
<a href="index.html">&lt;</a> <a href="index.html">&lt;</a>
</div> </div>
@ -56,7 +66,8 @@
Here is a quote: <span class="quote speech">Hello! It&apos;s me! The Here is a quote: <span class="quote speech">Hello! It&apos;s me! The
quote.</span><br /> quote.</span><br />
Here&apos;s a non-verbal quote: <span class="quote non-speech"> Here&apos;s a non-verbal quote: <span class="quote non-speech">
test abc</span> test abc</span><br />
Here is some blurred text: <span class="blur">meow</span>
</p> </p>
<p> <p>
Here are two types of pre-formatted text: Here are two types of pre-formatted text:
@ -69,6 +80,7 @@ Hello World!
################################################################################ ################################################################################
More columns: More columns:
############################################################################################## ##############################################################################################
<span class="blur">Blurred text in a terminal</span>
</pre> </pre>
<pre class="paper"> <pre class="paper">
This is text printed to tractor feed paper. This is text printed to tractor feed paper.

View File

@ -126,6 +126,15 @@ pre.terminal {
padding: 1em; padding: 1em;
} }
pre.terminal b {
color: #c8ff52;
}
pre.terminal span {
color: inherit;
}
pre.terminal span.blur {
color: #a8cc5b;
}
pre.paper { pre.paper {
/* TODO: typewriter-look? */ /* TODO: typewriter-look? */
@ -199,6 +208,12 @@ span.chapter::after {
bottom: 0.15em; bottom: 0.15em;
} }
span.blur {
filter: url(#crunchy_blur);
/* chromium will yeet the entire span if display is inline */
display: inline-block;
}
div.back { div.back {
font-size: 2.8em; font-size: 2.8em;
width: 1.3em; width: 1.3em;
@ -226,3 +241,10 @@ div.back a:hover {
font-style: italic; font-style: italic;
color: gray !important; color: gray !important;
} }
svg.hidden_filter {
width: 0;
height: 0;
outline: none;
border: none;
}

View File

@ -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><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Chapter Name </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<p class="copyright">Copyright &#169; 2023-2025 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"]; let pre_texts = document.getElementsByTagName("pre"); for (let i = 0; i < pre_texts.length; i++) {if (pre_texts[i].className != "paper") continue; let lines = pre_texts[i].innerHTML.split("\n"); let result = ""; for (let j = 0; j < lines.length; j++) {if (lines[j].length >= 80) result = result + spans[j%2] + lines[j] + "</span>\n"; else result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";} pre_texts[i].innerHTML = result;}</script></body></html> <p class="copyright">Copyright &#169; 2023-2025 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"]; let pre_texts = document.getElementsByTagName("pre"); for (let i = 0; i < pre_texts.length; i++) {if (pre_texts[i].className != "paper") continue; let lines = pre_texts[i].innerHTML.split("\n"); let result = ""; for (let j = 0; j < lines.length; j++) {if (lines[j].length >= 80) result = result + spans[j%2] + lines[j] + "</span>\n"; else result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";} pre_texts[i].innerHTML = result;}</script></body></html>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Erosion </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Erosion </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>Erosion</h1> <h1>Erosion</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Night Watch </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Night Watch </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> <h1>
Night Watch Night Watch
</h1> </h1>
@ -34,19 +34,21 @@
out of her face with the other. She thinks out of her face with the other. She thinks
<span class="quote non-speech">When did I fall asleep?</span> <span class="quote non-speech">When did I fall asleep?</span>
Last thing she remembers, it was still bright outside. Last thing she remembers, it was still bright outside.
<span class="quote non-speech">8 PM? No, it's June. 9 PM?</span> <span class="quote non-speech">8 PM? No, it's June. 9 PM?</span><br />
<span class="comment">something has to be said here, dialog/paragraph
feels unfinished</span>
</p> </p>
<p> <p>
Wolves howling outside get their attention. Michelle suddenly feels very Wolves howling outside get their attention. Michelle suddenly feels very
awake. Jack grabs a gun and checks that it is loaded. Michelle grabs her awake. Jack grabs a gun and checks that it is loaded. Michelle grabs her
bow and quiver with arrows. They walk over to the entrance and look bow and quiver with arrows. They walk over to the entrance and look
around. It&apos;s still dark, but bright enough to see. The sky over the around. It&apos;s still dark, but barely bright enough to see. The sky
mountain ridge to the north-east is a faint green, the rest is deep blue over the mountain ridge to the north-east is a faint green, the rest is
and some stars are visible. A pack of wolves is down by the river, deep blue and some stars are visible. A pack of wolves is down by the
minding their own business. The two watch the wolves for a while before river, minding their own business. The two watch the wolves for a while
concluding they probably aren&apos;t a concern for now. Jack puts the gun before concluding they probably aren&apos;t a concern for now. Jack puts
into the <span class="comment">holster?</span> on his belt and Michelle the gun into the <span class="comment">holster?</span> on his belt and
lays bow and quiver down and sits next to the embers. Michelle lays bow and quiver down and sits next to the embers.
</p> </p>
<p> <p>
She grabs a few sticks of dry fir, needles still attached, and pushes She grabs a few sticks of dry fir, needles still attached, and pushes
@ -54,4 +56,8 @@
flames. Jack dumps a pile of dry fir and other sticks on it and they flames. Jack dumps a pile of dry fir and other sticks on it and they
both blow on the flames. both blow on the flames.
</p> </p>
<p>
<span class="comment">This chapter ends with Michelle sleeping next to
the fire.</span>
</p>
<p class="copyright">Copyright &#169; 2023-2025 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"]; let pre_texts = document.getElementsByTagName("pre"); for (let i = 0; i < pre_texts.length; i++) {if (pre_texts[i].className != "paper") continue; let lines = pre_texts[i].innerHTML.split("\n"); let result = ""; for (let j = 0; j < lines.length; j++) {if (lines[j].length >= 80) result = result + spans[j%2] + lines[j] + "</span>\n"; else result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";} pre_texts[i].innerHTML = result;}</script></body></html> <p class="copyright">Copyright &#169; 2023-2025 Jan Danielzick (aka. BodgeMaster) &ndash; All rights reserved.</p><script>let spans = ["<span class=\"paper green\">", "<span>"]; let pre_texts = document.getElementsByTagName("pre"); for (let i = 0; i < pre_texts.length; i++) {if (pre_texts[i].className != "paper") continue; let lines = pre_texts[i].innerHTML.split("\n"); let result = ""; for (let j = 0; j < lines.length; j++) {if (lines[j].length >= 80) result = result + spans[j%2] + lines[j] + "</span>\n"; else result = result + spans[j%2] + lines[j] + " ".repeat(80-lines[j].length) + "</span>\n";} pre_texts[i].innerHTML = result;}</script></body></html>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> I Like Trains </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> I Like Trains </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>I Like Trains</h1> <h1>I Like Trains</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Ran When Parked </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Ran When Parked </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>Ran When Parked</h1> <h1>Ran When Parked</h1>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Escape </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Escape </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Escape</h1> <h1> Escape</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> First Steps Outside </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> First Steps Outside </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> First Steps Outside</h1> <h1> First Steps Outside</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Welcome Home </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Welcome Home </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>Welcome Home</h1> <h1>Welcome Home</h1>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Telescope </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Telescope </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>Telescope</h1> <h1>Telescope</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Lab Rat </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Lab Rat </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Lab Rat </h1> <h1> Lab Rat </h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Bare Necessities </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Bare Necessities </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Bare Necessities </h1> <h1> Bare Necessities </h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Diesel Creek </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Diesel Creek </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Diesel Creek </h1> <h1> Diesel Creek </h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Lena first contact&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> &lt;Lena first contact&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>&lt;Lena first contact&gt;</h1> <h1>&lt;Lena first contact&gt;</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Emily wake up again&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> &lt;Emily wake up again&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>&lt;Emily wake up again&gt;</h1> <h1>&lt;Emily wake up again&gt;</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Overdue Maintenence </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Overdue Maintenence </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Overdue Maintenance </h1> <h1> Overdue Maintenance </h1>
<p> <p>
Jack parks the truck just before the exit of a tunnel and the four get Jack parks the truck just before the exit of a tunnel and the four get

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Banished </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Banished </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>Banished</h1> <h1>Banished</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> The Floor Is Water </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> The Floor Is Water </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>The Floor Is Water</h1> <h1>The Floor Is Water</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Emily First Contact&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> &lt;Emily First Contact&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> &lt;Emily First Contact&gt;</h1> <h1> &lt;Emily First Contact&gt;</h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Consulting </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Consulting </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Consulting </h1> <h1> Consulting </h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Alone </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Alone </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> Alone</h1> <h1> Alone</h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Emily incoming call&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> &lt;Emily incoming call&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> &lt;Emily incoming call&gt; </h1> <h1> &lt;Emily incoming call&gt; </h1>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Story End Outline&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> &lt;Story End Outline&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>&lt;Story End Outline&gt;</h1> <h1>&lt;Story End Outline&gt;</h1>
<p class="comment"> <p class="comment">
This is not intended to be a chapter. It&apos;s more of an overview for This is not intended to be a chapter. It&apos;s more of an overview for

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Pancakes </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Pancakes </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> <h1>
Pancakes Pancakes
</h1> </h1>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Nova Metropolis </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Nova Metropolis </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>Nova Metropolis</h1> <h1>Nova Metropolis</h1>
<p> <p>
Michelle continues driving the bus for a couple hours without further Michelle continues driving the bus for a couple hours without further

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Landing Troubles </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> Landing Troubles </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1>Landing Troubles</h1> <h1>Landing Troubles</h1>
<p> <p>
The escape pod <span class="comment">Is there a word that makes this sound The escape pod <span class="comment">Is there a word that makes this sound

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;End&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div> <!DOCTYPE html><html><head><title> &lt;End&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><svg class="hidden_filter"><filter id="crunchy_blur" x="0" y="0"><feFlood x="4" y="4" height="2" width="2"/><feComposite width="5" height="5"/><feTile result="a"/><feComposite in="SourceGraphic" in2="a" operator="in"/><feMorphology operator="dilate" radius="1.4"/><feGaussianBlur stdDeviation="1.8"></feGaussianBlur></filter></svg><div class="back"><a href="index.html">&lt;</a></div>
<h1> &lt;End&gt;</h1> <h1> &lt;End&gt;</h1>