HTML version: Add a back button

master
BodgeMaster 2023-09-23 11:12:00 +02:00
parent 81952cac86
commit cc8416f4d4
16 changed files with 25 additions and 14 deletions

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Unlikely Encounter </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> Unlikely Encounter </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> Unlikely Encounter </h1> <h1> Unlikely Encounter </h1>
<p class="light"> <p class="light">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Wake Up! </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> Wake Up! </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> Wake Up! </h1> <h1> Wake Up! </h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> A Simple Errand </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> A Simple Errand </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> A Simple Errand</h1> <h1> A Simple Errand</h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Eventful Evening </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> Eventful Evening </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> Eventful Evening</h1> <h1> Eventful Evening</h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Library At Night </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> Library At Night </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> Library At Night</h1> <h1> Library At Night</h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Who died today? </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> Who died today? </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> Who Died Today?</h1> <h1> Who Died Today?</h1>
<p class="comment"> <p class="comment">

View File

@ -5,6 +5,9 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head> </head>
<body> <body>
<a href="index.php">
<button class="back">&lt;</button>
</a>
<h1> Layout Test Page </h1> <h1> Layout Test Page </h1>
<p> <p>
This is a test page used for developing the stylesheet used for all This is a test page used for developing the stylesheet used for all

View File

@ -118,6 +118,14 @@ span.thought::after {
bottom: 0.15em; bottom: 0.15em;
} }
button.back {
font-size: 2.8em;
width: 1.3em;
height: 1.3em;
position: fixed;
top: 0.4em;
}
.comment { .comment {
font-style: italic; font-style: italic;
color: gray; color: gray;

View File

@ -1,2 +1,2 @@
<!DOCTYPE html><html><head><title> Chapter Name </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> Chapter Name </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<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> <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,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;chapter name&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> &lt;chapter name&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> &lt;chapter name&gt;</h1> <h1> &lt;chapter name&gt;</h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Escape From Dome City </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> Escape From Dome City </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> Escape From Dome City</h1> <h1> Escape From Dome City</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> First Steps Outside </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> First Steps Outside </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> First Steps Outside</h1> <h1> First Steps Outside</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Emily Lab Incident&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> &lt;Emily Lab Incident&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> &lt;Emily Lab Incident&gt; </h1> <h1> &lt;Emily Lab Incident&gt; </h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Basic Needs </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> Basic Needs </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> Basic Needs</h1> <h1> Basic Needs</h1>
<p> <p>

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Emily First Contact&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> &lt;Emily First Contact&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> &lt;Emily First Contact&gt;</h1> <h1> &lt;Emily First Contact&gt;</h1>
<p class="comment"> <p class="comment">

View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Alone </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body> <!DOCTYPE html><html><head><title> Alone </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back">&lt;</button></a>
<h1> Alone</h1> <h1> Alone</h1>
<p class="comment"> <p class="comment">