post_apocalypse_story/html_resources/index_template.html

<!DOCTYPE html><html><head><title> &lt;Post Apocalypse Story&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body>
<h1> &lt;Post Apocalypse Story&gt; </h1>
<p class="comment">
  Yeah, there is no real title yet.
</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, and <b>please give feedback</b>.
  I need it to turn what looks good to me into something that is actually
  passable. I&apos;m @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 chapters.
  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>
  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>
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			`<!DOCTYPE html><html><head><title> <Post Apocalypse Story> </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body>`
			`<h1> <Post Apocalypse Story> </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">`
			`Yeah, there is no real title yet.`
			`</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`
			`to hang around, I'd appreciate it, and <b>please give feedback</b>.`
			`I need it to turn what looks good to me into something that is actually`
			`passable. I'm @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 :] ...).`
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>`
			`Below, in the table of contents, you find links to all the chapters.`
			`There is also a <a href="./notes/">collection of notes</a> that, while not`
ToC: Fix a grammar error and an issue where chapters could be shuffled Yes, I just assumed that `find` returns a nicely sorted list of files. Now, I’m running them through `sort` to ensure the list is actually sorted. 2023-10-09 18:38:24 +02:00			`particularly well-maintained, might be interesting (in case you missed`
ToC: add a link to notes 2023-10-03 20:08:16 +02:00			`the link: <a href="./notes/">here</a>).`
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>