rebase html files
parent
f0ee5b45e9
commit
df2149701e
|
|
@ -89,12 +89,12 @@ h1, h2, h3, h4, h5, h6 {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1::before { content: "#"; }
|
||||
h2::before { content: "##"; }
|
||||
h3::before { content: "###"; }
|
||||
h4::before { content: "####"; }
|
||||
h5::before { content: "#####"; }
|
||||
h6::before { content: "######"; }
|
||||
h1::before { content: "# "; }
|
||||
h2::before { content: "## "; }
|
||||
h3::before { content: "### "; }
|
||||
h4::before { content: "#### "; }
|
||||
h5::before { content: "##### "; }
|
||||
h6::before { content: "###### "; }
|
||||
|
||||
:is(h1, h2, h3, h4, h5, h6)::before {
|
||||
color: var(--md-formatting-color);
|
||||
|
|
@ -116,27 +116,27 @@ blockquote,
|
|||
figcaption,
|
||||
dd {
|
||||
position: relative;
|
||||
margin-left: 1ch;
|
||||
margin-left: 2ch;
|
||||
}
|
||||
|
||||
blockquote::before,
|
||||
figcaption::before,
|
||||
dd::before {
|
||||
position: absolute;
|
||||
left: -1ch;
|
||||
left: -2ch;
|
||||
color: var(--md-formatting-color);
|
||||
}
|
||||
|
||||
blockquote::before {
|
||||
content: ">";
|
||||
content: "> ";
|
||||
}
|
||||
|
||||
figcaption::before {
|
||||
content: "!";
|
||||
content: "! ";
|
||||
}
|
||||
|
||||
dd::before {
|
||||
content: ":";
|
||||
content: ": ";
|
||||
}
|
||||
|
||||
dt {
|
||||
|
|
@ -159,6 +159,7 @@ hr {
|
|||
|
||||
hr::after {
|
||||
content: "***";
|
||||
margin-left: round(down, calc(50% - 1.5ch), 1ch);
|
||||
color: var(--md-formatting-color);
|
||||
}
|
||||
|
||||
|
|
@ -167,31 +168,31 @@ hr::after {
|
|||
}
|
||||
|
||||
ul, menu {
|
||||
padding-left: 1ch;
|
||||
}
|
||||
|
||||
ol {
|
||||
padding-left: 2ch;
|
||||
}
|
||||
|
||||
ol:has(li:nth-child(10)) {
|
||||
ol {
|
||||
padding-left: 3ch;
|
||||
}
|
||||
|
||||
ol:has(li:nth-child(100)) {
|
||||
ol:has(li:nth-child(10)) {
|
||||
padding-left: 4ch;
|
||||
}
|
||||
|
||||
ol:has(li:nth-child(100)) {
|
||||
padding-left: 5ch;
|
||||
}
|
||||
|
||||
li::marker {
|
||||
color: var(--md-formatting-color);
|
||||
}
|
||||
|
||||
ol>li::marker {
|
||||
content: counter(list-item) ".";
|
||||
content: counter(list-item) ". ";
|
||||
}
|
||||
|
||||
ul>li::marker {
|
||||
content: "-";
|
||||
content: "- ";
|
||||
}
|
||||
|
||||
li p + p {
|
||||
|
|
@ -356,7 +357,7 @@ table caption {
|
|||
}
|
||||
|
||||
table caption::before {
|
||||
content: "!";
|
||||
content: "! ";
|
||||
color: var(--md-formatting-color);
|
||||
}
|
||||
|
||||
|
|
@ -364,7 +365,7 @@ table caption::before {
|
|||
/* footnotes */
|
||||
|
||||
a.footnote-ref sup::before {
|
||||
content: "[^";
|
||||
content: "[";
|
||||
}
|
||||
|
||||
a.footnote-ref sup::after {
|
||||
|
|
@ -377,16 +378,19 @@ a.footnote-ref:active sup::after {
|
|||
}
|
||||
|
||||
#footnotes>ol {
|
||||
list-style-position: inside;
|
||||
padding-left: unset;
|
||||
padding-left: 5ch;
|
||||
}
|
||||
|
||||
#footnotes>ol>li>*:first-child {
|
||||
display: inline;
|
||||
#footnotes>ol:has(li:nth-child(10)) {
|
||||
padding-left: 6ch;
|
||||
}
|
||||
|
||||
#footnotes>ol:has(li:nth-child(100)) {
|
||||
padding-left: 7ch;
|
||||
}
|
||||
|
||||
#footnotes>ol>li::marker {
|
||||
content: "[^" counter(list-item) "]:";
|
||||
content: "[" counter(list-item) "]: ";
|
||||
}
|
||||
|
||||
#footnotes a.footnote-back {
|
||||
|
|
@ -413,20 +417,22 @@ div.horizontal>* {
|
|||
scroll-snap-align: end;
|
||||
}
|
||||
|
||||
|
||||
/* */
|
||||
|
||||
.warn {
|
||||
text-decoration: underline wavy var(--orange) 1pt;
|
||||
}
|
||||
|
||||
.error {
|
||||
text-decoration: underline wavy var(--red) 1pt;
|
||||
}
|
||||
|
||||
|
||||
/* layout */
|
||||
|
||||
article.post {
|
||||
max-width: 80ch;
|
||||
body {
|
||||
width: min(80ch, round(down, 100vw, 2ch));
|
||||
height: round(down, 100vh, 1rlh);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-top: 1rlh;
|
||||
padding-bottom: 1rlh;
|
||||
}
|
||||
|
||||
main {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
main>article {
|
||||
height: 100%;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 262 B After Width: | Height: | Size: 262 B |
|
|
@ -1,27 +0,0 @@
|
|||
/*
|
||||
* css styling for bavbavhaus.net index
|
||||
*/
|
||||
|
||||
|
||||
/* layout */
|
||||
|
||||
body {
|
||||
width: round(down, min(160ch, 100vw), 2ch);
|
||||
height: round(down, 100vh, 1rlh);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-top: 1rlh;
|
||||
padding-bottom: 1rlh;
|
||||
}
|
||||
|
||||
body>main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
body>main>iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
lang="sl"
|
||||
xml:lang="sl"
|
||||
>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<meta name="description" content="bavbavhaus.net" />
|
||||
<title>bavbavhaus.net</title>
|
||||
<link rel="icon" href="favicon.svg" />
|
||||
<link rel="stylesheet" media="screen" href="css/style.css" />
|
||||
<link rel="stylesheet" media="screen" href="css/index.css" />
|
||||
</head>
|
||||
<body id="index">
|
||||
<main>
|
||||
<iframe name="verso" src="intro.html"></iframe>
|
||||
<iframe name="recto"></iframe>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
document.addEventListener("click", e => {
|
||||
const anchor = e.target.closest("a[target=\"internal\"");
|
||||
if (anchor && window.name != "") {
|
||||
anchor.target = window.name === "verso" ? "recto" : "verso";
|
||||
}
|
||||
});
|
||||
Loading…
Reference in New Issue