post_apocalypse_story/html_resources/index_template.html

<!DOCTYPE html><html><head><title> New Dawn </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body>
<h1> New Dawn </h1>
<p class="comment">
  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
  on the metro during my daily commute. It&apos;s an adventure story 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
  something that is actually passable. You will find me as @bodgemaster on
  Discord, please direct your feedback to my DMs or to the story channel if
  you have access to that (you know who you are :] ...).
</p>
<p>
  Below, in the table of contents, you find links to all the (already
  written) chapters. Many don&apos;t have numbers because there is an
  unknown amount of chapters inbetween them but they are named so they show
  up in the right order. There is also a <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>).
</p>
<p>
  Table of Contents:
</p>
<ul>
  <!-- chapter_list_here -->
</ul>
<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>
index: mention chapter numbers and add a preliminary story name I thought "New Dawn" sounds kinda cool. It’s a very on-the-nose title, I know. Might change at some point if I happen to come up with something better. Or it might just stick, who knows? 2023-12-06 19:08:06 +01:00			`<!DOCTYPE html><html><head><title> New Dawn </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body>`
			`<h1> New Dawn </h1>`
HTML version: Start working on an index.php that will list all the chapters 2023-09-26 06:59:11 +02:00			`<p class="comment">`
index: mention chapter numbers and add a preliminary story name I thought "New Dawn" sounds kinda cool. It’s a very on-the-nose title, I know. Might change at some point if I happen to come up with something better. Or it might just stick, who knows? 2023-12-06 19:08:06 +01:00			`Now with 100% more title! It might be a bit too on-the-nose tho, Idk.`
HTML version: Start working on an index.php that will list all the chapters 2023-09-26 06:59:11 +02:00			`</p>`
index: Add a little bit of context on the landing page. 2023-10-09 00:07:11 +02:00			`<p>`
			`Welcome, reader! This website is basically a book that I am working on`
index: Make a better version of what I just did 2023-10-09 00:21:10 +02:00			`on the metro during my daily commute. It's an adventure story set`
index: add a comma This is the end of my spam for today, I promise. I’m going to sleep now. 2023-10-09 00:22:32 +02:00			`in a post-apocalyptic, retro-futuristic world. Progress is kinda slow due`
index: Make a better version of what I just did 2023-10-09 00:21:10 +02:00			`to my limited time but if you're into this kind of stuff, feel free`
index: mention chapter numbers and add a preliminary story name I thought "New Dawn" sounds kinda cool. It’s a very on-the-nose title, I know. Might change at some point if I happen to come up with something better. Or it might just stick, who knows? 2023-12-06 19:08:06 +01:00			`to hang around, I'd appreciate it.`
index: Add a little bit of context on the landing page. 2023-10-09 00:07:11 +02:00			`</p>`
ToC: add a link to notes 2023-10-03 20:08:16 +02:00			`<p>`
index: mention chapter numbers and add a preliminary story name I thought "New Dawn" sounds kinda cool. It’s a very on-the-nose title, I know. Might change at some point if I happen to come up with something better. Or it might just stick, who knows? 2023-12-06 19:08:06 +01:00			`<b>Please give feedback.</b> I need it to turn what looks good to me into`
			`something that is actually passable. You will find me as @bodgemaster on`
			`Discord, please direct your feedback to my DMs or to the story channel if`
			`you have access to that (you know who you are :] ...).`
			`</p>`
			`<p>`
			`Below, in the table of contents, you find links to all the (already`
			`written) chapters. Many don't have numbers because there is an`
			`unknown amount of chapters inbetween them but they are named so they show`
			`up in the right order. There is also a <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>).`
index: add missing closing p tag 2023-11-08 20:50:53 +01:00			`</p>`
HTML version: Start working on an index.php that will list all the chapters 2023-09-26 06:59:11 +02:00			`<p>`
			`Table of Contents:`
			`</p>`
			`<ul>`
replace index.php with index.html The index doesn’t have to be a PHP file since there is no need to generate the list of chapters anew every time the ToC is opened. Instead, the list of chapters is generated once, ahead of time, and saved to the index.html. As an added bonus, this allows the ToC to be generated and used as a local file. 2023-10-03 19:03:44 +02:00			`<!-- chapter_list_here -->`
HTML version: Start working on an index.php that will list all the chapters 2023-09-26 06:59:11 +02:00			`</ul>`
*: fix a critical bug in the JS that decorates paper sections This bug would cause the decoration script to run in an infinite loop as it presumably attempts to decorate new elements it itself created. (Can’t say for sure, I’m using Otter Browser on a Pentium M which isn’t exactly the most ideal development setup. lol) 2023-10-17 16:37:46 +02:00			<p class="copyright">Copyright © 2023 Jan Danielzick (aka. BodgeMaster) – 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>