HTML version: finish converting the first two chapters

master
BodgeMaster 2023-09-02 20:22:11 +02:00
parent d48e24a824
commit c469556e5f
3 changed files with 15 additions and 10 deletions

View File

@ -1,5 +1,6 @@
<h1> Unlikely Encounter </h1> <!DOCTYPE html><html><head><title> Unlikely Encounter </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body>
<h1> Unlikely Encounter </h1>
<p class="light"> <p class="light">
beep beep beep beep
</p> </p>
@ -79,7 +80,6 @@
The text on the terminal blinks. She had never used one before but The text on the terminal blinks. She had never used one before but
taking a quick look can&apos;t hurt... taking a quick look can&apos;t hurt...
</p> </p>
<pre class="terminal"> <pre class="terminal">
Hello, anyone there? Hello, anyone there?
This is Jack from Cryo Facility 53. I got woken up from cryogenic sleep This is Jack from Cryo Facility 53. I got woken up from cryogenic sleep
@ -87,7 +87,6 @@ and am stuck down here. Please respond or send help.
Type reply: &#9608; Type reply: &#9608;
</pre> </pre>
<p class="heavy"> <p class="heavy">
BEEP BEEP BEEP BEEP
</p> </p>
@ -99,11 +98,9 @@ Type reply: &#9608;
<p class="heavy"> <p class="heavy">
BEEP BEEP BEEP BEEP
</p> </p>
<pre class="terminal"> <pre class="terminal">
hello hello
</pre> </pre>
<p> <p>
Click,&emsp;&emsp;&emsp; Click,&emsp;&emsp;&emsp;
click,&emsp;&emsp;&emsp;&emsp; click,&emsp;&emsp;&emsp;&emsp;
@ -115,13 +112,11 @@ hello
beeping noise which is ... now gone. It was kinda loud and getting beeping noise which is ... now gone. It was kinda loud and getting
annoying. annoying.
</p> </p>
<pre class="terminal"> <pre class="terminal">
i am going to get help i am going to get help
Thank you. Appreciate it. Thank you. Appreciate it.
</pre> </pre>
<p> <p>
That took a while to... type?... Is that the word? The rows of buttons That took a while to... type?... Is that the word? The rows of buttons
are arranged in a strange order... Annie looks around. A pile of papers, are arranged in a strange order... Annie looks around. A pile of papers,
@ -155,7 +150,7 @@ AgriWorks Login: &#9608;
This would be a good place for Annie to ask about what a modem is. This would be a good place for Annie to ask about what a modem is.
Could help to fix the terminal dialog. Could help to fix the terminal dialog.
</li> </li>
<li class="comment> <li class="comment">
Also an opportunity for Karl to get very interested in Jack&apos;s Also an opportunity for Karl to get very interested in Jack&apos;s
situation. situation.
</li> </li>
@ -403,3 +398,5 @@ AgriWorks Login:
her headphones and puts them on. At the end of the cable is her walkman. her headphones and puts them on. At the end of the cable is her walkman.
She presses play and starts listening. She presses play and starts listening.
</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>

View File

@ -1,3 +1,6 @@
<!DOCTYPE html><html><head><title> Wake Up! </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body>
<h1> Wake Up! </h1>
<p> <p>
&quot;Ahh fuck!&quot; Jack exclaims in pain as he wakes up. He has a &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 terrible headache. As he moves his hands up to hold his head, he realizes
@ -106,8 +109,9 @@
Happy New Year 2000! Happy New Year 2000!
//TODO: ASCII art of above line with fireworks //TODO: ASCII art of above line with fireworks
The outpost diagnostics suite reports no critical problems at any of our outposts. The outpost diagnostics suite reports no critical problems at any of
The Lunar Biosphere has, so far, not needed assistance from any of the outposts. our outposts. The Lunar Biosphere has, so far, not needed assistance
from any of the outposts.
Good work, everyone! Good work, everyone!
The Future Is Bright. The Future Is Bright.
@ -238,3 +242,5 @@
something? Idk something? Idk
</li> </li>
</ul> </ul>
<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

@ -0,0 +1,2 @@
<!DOCTYPE html><html><head><title> Chapter Name </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body>
<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>