Compare commits

..

6 Commits

33 changed files with 90 additions and 84 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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Wake Up! </h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Unlikely Encounter </h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> A Simple Errand</h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<p class="comment">Outline:</p>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Eventful Evening</h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Library At Night</h1>
<p>

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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Who Died Today?</h1>
<p class="comment">

View File

@ -4,11 +4,11 @@
Now with 100% more title! It might be a bit too on-the-nose tho, Idk.
</p>
<p>
Welcome, reader! This website is basically a book that I am working on
during my daily commute. It&apos;s an adventure story with sci-fi elements
set in a post-apocalyptic, retro-futuristic world. Progress is kinda slow
due to my limited time but if you&apos;re into this kind of stuff, feel
free to hang around, I&apos;d appreciate it.
Welcome, reader! This website is basically a book that I am working
on during my commute to work. It&apos;s an adventure story with sci-fi
elements set in a post-apocalyptic, retro-futuristic world. Progress is
kinda slow due to my limited time but if you&apos;re into this kind of
stuff, feel free to hang around, I&apos;d appreciate it.
</p>
<p>
<b>Please give feedback.</b> I need it to turn what looks good to me into
@ -22,10 +22,10 @@
The first one revolves around Jack who finds himself trapped in a bunker.
In an attempt to get out, he establishes contact with the people in an
underground dome city. The second story line follows Annie who finds
Jack&apos;s message and sets out to help him which ultimately leads to her
joining Jack in the outside world. The third story line begins in a space
colony on the moon that they establish contact with over the course of
the story.
Jack&apos;s message and sets out to help him which ultimately leads to
her joining him in the outside world. The third story line begins in
a space colony on the moon that they establish contact with over the
course of the story.
</p>
<p>
Another thing worth mentioning here: While parts of the story involve
@ -35,13 +35,10 @@
</p>
<p>
Below, in the table of contents, you find links to all the (already
written) chapters. A good portion is incolmplete and a lot of them will be
revised over time. The ones that don&apos;t have numbers are named so they
show up in the right order but there is an unknown amount of chapters
inbetween them. You can also take a look at my
<a href="./notes/">collection of notes</a> that, while not particularly
well-maintained, might be interesting (in case you missed the link:
<a href="./notes/">here</a>).
written) chapters. A good portion is incolmplete and a lot of them will
be revised over time. The ones that don&apos;t have numbers are named
so they show up in the right order but there is an unknown amount of
chapters inbetween them.
</p>
<p>
Table of Contents:

View File

@ -5,9 +5,9 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<a href="index.html">
<button class="back">&lt;</button>
</a>
<div class="back">
<a href="index.html">&lt;</a>
</div>
<h1> Layout Test Page </h1>
<p>
This is a test page used for developing the stylesheet used for all

View File

@ -183,25 +183,6 @@ span.quote.non-speech * {
color: #303030;
}
/*TODO: Remove and replace with speech/non-speech where appropriate*/
span.quote.thought {
color: red;
/*color: #303030;*/
}
span.quote.thought::before {
color: red;
content: "\25b9";
font-size: 0.75em;
position: relative;
bottom: 0.15em;
}
span.quote.thought::after {
color: red;
content: "\25c3";
font-size: 0.75em;
position: relative;
bottom: 0.15em;
}
span.chapter {
color: inherit;
}
@ -218,13 +199,28 @@ span.chapter::after {
bottom: 0.15em;
}
button.back {
div.back {
font-size: 2.8em;
width: 1.3em;
height: 1.3em;
position: fixed;
top: 0.4em;
}
div.back a {
color: black;
text-decoration: none;
text-align: center;
width: 100%;
height: 100%;
display: block;
border-radius: 0.3rem;
border: 1.2px solid #97979a;
background: #e9e9ed;
}
div.back a:hover {
background: #d0d0d7;
border: 1.2px solid #86868f;
}
.comment {
font-style: italic;

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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<p class="copyright">Copyright &#169; 2023 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++) {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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1>Erosion</h1>
<p>
@ -30,8 +30,9 @@
<span class="quote speech">You survived that?</span><br />
<span class="quote speech">That was the least of my challenges.</span>
<br />
He chuckles and briefly tells her how he found himself trapped inside
and that the people of the dome city helped him repair the door.
He chuckles and briefly tells her how he found himself trapped inside,
that one of the computer&apos;s hard drives is broken, and how he turned
to the dome city for help.
</p>
<p>
Michelle&apos;s dizziness starts to go away and the burning sensation
@ -61,7 +62,6 @@
starting with his preservaton chamber breaking down. It takes him about
an hour, including answering Michelles questions.
</p>
<p class="comment">ToDo: tie this together</p>
<p>
<span class="quote speech">How have you been dealing with food?
I imagine the stockpile was already pretty low?</span><br />
@ -88,19 +88,31 @@
and puts it back in the oven to re-heat them.
</p>
<p>
<span class="comment">Idk they eat, guess I&apos;ll need to describe that
in a bit more detail... Michelle might be having a really good and really
bad time at the same time. Jack eats like three of them potatoes with
roughly a ton of the dip. Then they get ready to leave.</span>
After the meal, they step outside and Michelle gets her first look
around.<br />
<span class="quote speech">Oddly familiar, and yet so different.</span>
<br />
<span class="comment">the scene where Jack opens the door should
have a short description of the lay of the lands</span><br />
The two decide to walk up to a <span class="comment">crest? ridge?</span>
not far from them on the other side of the valley. Beyond it is Ivydale,
once a large city housing just over a million people &ndash; only one of
<span class="comment">who? whom? which?</span> remains to behold its
overgrown ruins.
<br />
Michelle says: <span class="quote speech">I mean I knew it already but
seeing it like this just hits differently.</span><br />
</p>
<p>
They step outside and, following what remains of the old path, start
walking. It is narrow and winded, overgrown, and has partially
disappeared. Jack walks ahead, only half following the path, half making
it up as he goes. Michelle struggles to follow, slowly falling behind.
After a while, he stops abruptly, looking down at something, then up,
then down again. Then, he turns to Michelle who is catching up to him
and says: <span class="quote speech">Well, that could be a reason why
<span class="comment">ToDo: tie this back together</span><br />
Following what remains of an old path, the two start making their way up
the mountain above the bunker. The path is narrow and winded, overgrown,
and has partially disappeared. Jack walks ahead, only half following it,
half making it up as he goes. Michelle struggles to follow, slowly
falling behind. After a while, he stops abruptly, looking down at
something, then up, then down again. Then, he turns to Michelle who is
just catching up and says:
<span class="quote speech">Well, that could be a reason why
the uplink is down &ndash; it literally <i>is down</i>...</span>.
Michelle reaches the edge and and sees what Jack had stopped for:
A large <span class="comment">ravine? wash?</span> extends towards the

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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1>I Like Trains</h1>
<p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Unhappy Engine Noises </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Unhappy Engine Noises </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1>Unhappy Engine Noises</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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Escape</h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> First Steps Outside</h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1>Welcome Home</h1>
@ -13,7 +13,8 @@
Some are, but I&apos;m gonna guess this one&apos;s our campfire.</span>
</p>
<p>
Annie and Jack walk over a ridge, revealing a view of the small valley
Annie and Jack walk over a <span class="comment">crest? ridge?</span>,
revealing a view of the small valley
beyond. The large, open bunker door is visible on the other side,
with bushes to the left and right and an open area in front of it that
connects to an old, partially overgrown street. A person is sitting

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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1>Telescope</h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Lab Rat </h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Bare Necessities </h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Diesel Creek </h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Overdue Maintenance </h1>
<p>
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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1>Banished</h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1>The Floor Is Water</h1>
<p class="comment">missing section</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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> &lt;Emily First Contact&gt;</h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Consulting </h1>
<p class="comment">
The following is a conversation between Jack and someone from the

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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> Alone</h1>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1>&lt;Story End Outline&gt;</h1>
<p class="comment">
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> &lt;Reaching Nova Metropolis&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> &lt;Reaching Nova Metropolis&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>
<h1>
&lt;Reaching Nova Metropolis&gt;
</h1>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Nova Metropolis&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> &lt;Nova Metropolis&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>
<h1>&lt;Nova Metropolis&gt;</h1>
<p>
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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1>Landing Troubles</h1>
<p>
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><a href="index.html"><button class="back">&lt;</button></a>
<!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>
<h1> &lt;End&gt;</h1>