BodgeMaster
/
post_apocalypse_story
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style/layout: get rid of button link hack

master
BodgeMaster 2025-01-27 20:35:56 +01:00
parent b4f4316fad
commit e9dc885ea6
32 changed files with 49 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
01-Wake_Up-Jack_intro.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Wake Up! </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> Wake Up! </h1>
<p>

2
02-Unlikely_Encounter-Annie-intro.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Unlikely Encounter </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> Unlikely Encounter </h1>
<p class="light">

2
03-A_Simple_Errand-Annie_library.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> A Simple Errand </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> A Simple Errand</h1>
<p>

2
04-Return_Null.html
View File

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

2
05-Eventful_Evening-secret_organization.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Eventful Evening </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> Eventful Evening</h1>
<p class="comment">

2
06-Library_At_Night.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Library At Night </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> Library At Night</h1>
<p>

2
ga-Who_Died_Today-Emily_intro.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Who died today? </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> Who Died Today?</h1>
<p class="comment">

6
html_resources/layout.html
View File

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

17
html_resources/style.css
View File

@ -218,13 +218,28 @@ span.chapter::after {
bottom: 0.15em;
}
button.back {
div.back {
font-size: 2.8em;
width: 1.3em;
height: 1.3em;
position: fixed;
top: 0.4em;
}
div.back a {
color: black;
text-decoration: none;
text-align: center;
width: 100%;
height: 100%;
display: block;
border-radius: 0.3rem;
border: 1.2px solid #97979a;
background: #e9e9ed;
}
div.back a:hover {
background: #d0d0d7;
border: 1.2px solid #86868f;
}
.comment {
font-style: italic;

2
html_resources/template.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Chapter Name </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<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>

2
ja-erosion-michelle_wakeup.html
View File

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

2
ka-I_Like_Trains-finding_the_train.html
View File

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

2
km-unhappy_engine_noises.html
View File

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

2
ma-Escape-from_dome_city.html
View File

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

2
mb-First_Steps_Outside.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> First Steps Outside </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> First Steps Outside</h1>
<p>

2
mc-welcome_home.html
View File

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

2
na-Telescope.html
View File

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

2
oa-Lab_Rat-Emily_lab_incident.html
View File

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

2
pa-Bare_Necessities.html
View File

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

2
pm-Banished.html
View File

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

2
pq-diesel_creek.html
View File

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

2
qa-Overdue_Maintenence-power_station.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Overdue Maintenence </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Overdue Maintenence </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> Overdue Maintenance </h1>
<p>
Jack parks the truck just before the exit of a tunnel and the four get

2
qb-the_floor_is_water.html
View File

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

2
ra--Emily_first_contact.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> &lt;Emily First Contact&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> &lt;Emily First Contact&gt;</h1>
<p class="comment">

2
ta-consulting-no_u_dont_have_train.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Consulting </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Consulting </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> Consulting </h1>
<p class="comment">
The following is a conversation between Jack and someone from the

2
va-Alone-Lena_death.html
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><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Alone </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1> Alone</h1>
<p class="comment">

2
vb--Emily_incoming_call.html
View File

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

2
za--story-end-outline.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Story End Outline&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> &lt;Story End Outline&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1>&lt;Story End Outline&gt;</h1>
<p class="comment">
This is not intended to be a chapter. It&apos;s more of an overview for

2
zb--reaching_nova_metropolis.html
View File

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

2
zd--Nova_Metropolis.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> &lt;Nova Metropolis&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> &lt;Nova Metropolis&gt; </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1>&lt;Nova Metropolis&gt;</h1>
<p>
Michelle continues driving the bus for a couple hours without further

2
zy-Landing_Troubles.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><title> Landing Troubles </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><a href="index.html"><button class="back">&lt;</button></a>
<!DOCTYPE html><html><head><title> Landing Troubles </title><link rel="stylesheet" type="text/css" href="html_resources/style.css"></head><body><div class="back"><a href="index.html">&lt;</a></div>
<h1>Landing Troubles</h1>
<p>
The escape pod <span class="comment">Is there a word that makes this sound

2
zz--end.html
View File

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