HTML version: Add a back button
parent
81952cac86
commit
cc8416f4d4
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> Unlikely Encounter </h1>
|
<h1> Unlikely Encounter </h1>
|
||||||
<p class="light">
|
<p class="light">
|
||||||
|
|
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> Wake Up! </h1>
|
<h1> Wake Up! </h1>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> A Simple Errand</h1>
|
<h1> A Simple Errand</h1>
|
||||||
<p class="comment">
|
<p class="comment">
|
||||||
|
|
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> Eventful Evening</h1>
|
<h1> Eventful Evening</h1>
|
||||||
<p class="comment">
|
<p class="comment">
|
||||||
|
|
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> Library At Night</h1>
|
<h1> Library At Night</h1>
|
||||||
<p class="comment">
|
<p class="comment">
|
||||||
|
|
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> Who Died Today?</h1>
|
<h1> Who Died Today?</h1>
|
||||||
<p class="comment">
|
<p class="comment">
|
||||||
|
|
|
@ -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"><</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
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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"><</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>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<!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"><</button></a>
|
||||||
|
|
||||||
<h1> <chapter name></h1>
|
<h1> <chapter name></h1>
|
||||||
<p class="comment">
|
<p class="comment">
|
||||||
|
|
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> Escape From Dome City</h1>
|
<h1> Escape From Dome City</h1>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> First Steps Outside</h1>
|
<h1> First Steps Outside</h1>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<!DOCTYPE html><html><head><title> <Emily Lab Incident> </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body>
|
<!DOCTYPE html><html><head><title> <Emily Lab Incident> </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back"><</button></a>
|
||||||
|
|
||||||
<h1> <Emily Lab Incident> </h1>
|
<h1> <Emily Lab Incident> </h1>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> Basic Needs</h1>
|
<h1> Basic Needs</h1>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<!DOCTYPE html><html><head><title> <Emily First Contact> </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body>
|
<!DOCTYPE html><html><head><title> <Emily First Contact> </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.php"><button class="back"><</button></a>
|
||||||
|
|
||||||
<h1> <Emily First Contact></h1>
|
<h1> <Emily First Contact></h1>
|
||||||
<p class="comment">
|
<p class="comment">
|
||||||
|
|
|
@ -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"><</button></a>
|
||||||
|
|
||||||
<h1> Alone</h1>
|
<h1> Alone</h1>
|
||||||
<p class="comment">
|
<p class="comment">
|
||||||
|
|
Loading…
Reference in New Issue