Compare commits
No commits in common. "da8b0b4228480514f8a99ef328d200f187a2be40" and "c41fe0dfeaef5df785d1d6df1713b6c05b9e1ebc" have entirely different histories.
da8b0b4228
...
c41fe0dfea
|
@ -52,12 +52,6 @@
|
|||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Here is a quote: <span class="quote speech">Hello! It's me! The
|
||||
quote.</span><br />
|
||||
Here's a non-verbal quote: <span class="quote non-speech">
|
||||
test abc</span>
|
||||
</p>
|
||||
<p>
|
||||
Here are two types of pre-formatted text:
|
||||
</p>
|
||||
|
|
|
@ -1,18 +1,3 @@
|
|||
* {
|
||||
color: #101010;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1515A0;
|
||||
}
|
||||
a:visited {
|
||||
color: #185113;
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: #e5e3e0;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
|
@ -28,7 +13,7 @@ h1 {
|
|||
padding-top: 0.8em;
|
||||
padding-bottom: 0.5em;
|
||||
|
||||
border-bottom: 0.1em solid #101030;
|
||||
border-bottom: 0.1em solid black;
|
||||
|
||||
margin: 0;
|
||||
margin-bottom: 0.8em;
|
||||
|
@ -90,7 +75,7 @@ pre {
|
|||
pre.terminal {
|
||||
color: #B5E550;
|
||||
background-color: #3F3F3F;
|
||||
border: 1px solid #101030;
|
||||
border: 1px solid black;
|
||||
|
||||
padding: 1em;
|
||||
}
|
||||
|
@ -99,7 +84,7 @@ pre.paper {
|
|||
/* TODO: typewriter-look? */
|
||||
/* TODO: tractor feed ribbons? */
|
||||
background-color: #F0E6CE;
|
||||
border: 1px solid #101030;
|
||||
border: 1px solid black;
|
||||
|
||||
padding: 1em;
|
||||
padding-bottom: 0em;
|
||||
|
@ -113,14 +98,14 @@ span.quote.speech {
|
|||
color: #303030;
|
||||
}
|
||||
span.quote.speech::before {
|
||||
color: #101030;
|
||||
color: black;
|
||||
content: "\25b8";
|
||||
font-size: 0.75em;
|
||||
position: relative;
|
||||
bottom: 0.15em;
|
||||
}
|
||||
span.quote.speech::after {
|
||||
color: #101030;
|
||||
color: black;
|
||||
content: "\25c2";
|
||||
font-size: 0.75em;
|
||||
position: relative;
|
||||
|
@ -131,14 +116,14 @@ span.quote.non-speech {
|
|||
color: #303030;
|
||||
}
|
||||
span.quote.non-speech::before {
|
||||
color: #101030;
|
||||
color: black;
|
||||
content: "\25b9";
|
||||
font-size: 0.75em;
|
||||
position: relative;
|
||||
bottom: 0.15em;
|
||||
}
|
||||
span.quote.non-speech::after {
|
||||
color: #101030;
|
||||
color: black;
|
||||
content: "\25c3";
|
||||
font-size: 0.75em;
|
||||
position: relative;
|
||||
|
@ -164,9 +149,6 @@ span.quote.thought::after {
|
|||
position: relative;
|
||||
bottom: 0.15em;
|
||||
}
|
||||
span.chapter {
|
||||
color: inherit;
|
||||
}
|
||||
span.chapter::before {
|
||||
content: "\25b9";
|
||||
font-size: 0.75em;
|
||||
|
|
|
@ -1,20 +0,0 @@
|
|||
<!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"><</button></a>
|
||||
<h1>Banished</h1>
|
||||
|
||||
<p>
|
||||
<span class="quote speech">Isabelle!</span><br />
|
||||
<span class="quote speech">Lucas!</span><br />
|
||||
<span class="quote speech">I got banished.</span><br />
|
||||
<span class="quote speech">Wait what?</span><br />
|
||||
The guard in front of her turns around:<br />
|
||||
<span class="quote speech">No chit-chat, move along.</span><br />
|
||||
Isabelle takes a moment to understand the implication of what Lucas had
|
||||
said.<br />
|
||||
<span class="quote speech">...ohhhhh. Congrats!</span><br />
|
||||
The guards grab her by the arms and drag her away from his cell.<br />
|
||||
<span class="quote speech">Move.</span><br />
|
||||
<span class="comment">Lucas:</span>
|
||||
<span class="quote speech">Good luck with your trial!</span>
|
||||
</p>
|
||||
|
||||
<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>
|
Loading…
Reference in New Issue