diff --git a/01-Unlikely_Encounter-Annie-intro.html b/01-Unlikely_Encounter-Annie-intro.html
index 7f89531..4d1c121 100644
--- a/01-Unlikely_Encounter-Annie-intro.html
+++ b/01-Unlikely_Encounter-Annie-intro.html
@@ -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">
   beep beep
 </p>
@@ -79,7 +80,6 @@
   The text on the terminal blinks. She had never used one before but
   taking a quick look can&apos;t hurt...
 </p>
-
 <pre class="terminal">
 Hello, anyone there?
 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;
 </pre>
-
 <p class="heavy">
   BEEP BEEP
 </p>
@@ -99,11 +98,9 @@ Type reply: &#9608;
 <p class="heavy">
   BEEP BEEP
 </p>
-
 <pre class="terminal">
 hello
 </pre>
-
 <p>
   Click,&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
   annoying.
 </p>
-
 <pre class="terminal">
 i am going to get help
 
 Thank you. Appreciate it.
 </pre>
-
 <p>
   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,
@@ -155,7 +150,7 @@ AgriWorks Login: &#9608;
     This would be a good place for Annie to ask about what a modem is.
     Could help to fix the terminal dialog.
   </li>
-  <li class="comment>
+  <li class="comment">
     Also an opportunity for Karl to get very interested in Jack&apos;s
     situation.
   </li>
@@ -403,3 +398,5 @@ AgriWorks Login:
   her headphones and puts them on. At the end of the cable is her walkman.
   She presses play and starts listening.
 </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>
diff --git a/02-Wake_Up-Jack_intro.html b/02-Wake_Up-Jack_intro.html
index b890f9f..3dee1e3 100644
--- a/02-Wake_Up-Jack_intro.html
+++ b/02-Wake_Up-Jack_intro.html
@@ -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>
   &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
@@ -106,8 +109,9 @@
     Happy New Year 2000!
     //TODO: ASCII art of above line with fireworks
 
-    The outpost diagnostics suite reports no critical problems at any of our outposts.
-    The Lunar Biosphere has, so far, not needed assistance from any of the outposts.
+    The outpost diagnostics suite reports no critical problems at any of
+    our outposts. The Lunar Biosphere has, so far, not needed assistance
+    from any of the outposts.
     Good work, everyone!
 
     The Future Is Bright.
@@ -238,3 +242,5 @@
     something? Idk
   </li>
 </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>
diff --git a/html_resources/template.html b/html_resources/template.html
new file mode 100644
index 0000000..d2d69f4
--- /dev/null
+++ b/html_resources/template.html
@@ -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>
