post_apocalypse_story/html_resources/index_template.html

13 lines
762 B
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>
Table of Contents:
</p>
<ul>
<!-- chapter_list_here -->
</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>