mirror of
https://github.com/bigskysoftware/hypermedia-systems.git
synced 2025-11-28 00:04:56 -05:00
112 lines
3.2 KiB
Plaintext
112 lines
3.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>{{ title | d("Hypermedia Systems") | safe }}</title>
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
{# <link href="https://fonts.bunny.net/css?family=literata:400,400i,700,700i|merriweather-sans:400,400i,700,700i" rel="stylesheet" /> #}
|
|
<link rel="stylesheet" href="https://unpkg.com/missing.css@1.0.12/dist/missing.min.css">
|
|
<link rel="stylesheet" href="https://unpkg.com/missing.css@1.0.12/dist/missing-prism.min.css">
|
|
<style>
|
|
@font-face {
|
|
font-family: "Chicago FLF";
|
|
src: url("/fonts/ChicagoFLF.ttf") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Literata";
|
|
src: url("/fonts/Literata[opsz,wght].ttf") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Literata";
|
|
font-style: italic;
|
|
src: url("/fonts/Literata-Italic[opsz,wght].ttf") format("truetype");
|
|
}
|
|
|
|
:root {
|
|
--main-font: "Literata", serif;
|
|
--display-font: "Chicago FLF", "Impact", "Oswald", sans-serif;
|
|
--mono-font: "Berkeley Mono", "Input Mono", "Iosevka", "Liberation Mono", "Victor Mono", "Consolas", monospace, monospace;
|
|
|
|
--rhythm: 1.5rem;
|
|
--line-length: 41em;
|
|
|
|
font-size: calc((18 / 16) * 100%);
|
|
}
|
|
|
|
@media (max-width: calc(
|
|
3 * /* arbitrary coefficient */
|
|
14ch + /* longest word: programmatically*/
|
|
2 * 1.6rem /* page margins */
|
|
)) {
|
|
:root {
|
|
hyphens: auto;
|
|
-webkit-hyphens: auto; /* safari :( */
|
|
}
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: normal;
|
|
font-family: var(--display-font);
|
|
}
|
|
|
|
:is(h1, h2, h3, h4, h5, h6) code {
|
|
font-family: inherit;
|
|
}
|
|
|
|
sub-title, .sub-title {
|
|
color: var(--faded-fg);
|
|
}
|
|
|
|
.asciiart {
|
|
line-height: 1;
|
|
}
|
|
|
|
/* #region should be added to missingcss native */
|
|
|
|
/*temp missing.css fix*/
|
|
:is(small, .\<small\>) *, aside *, footer * { --gap: inherit }
|
|
|
|
h1 { font-size: 2.5em }
|
|
|
|
body > header { border-block-end: 1px dotted var(--muted-fg) }
|
|
body > footer { border-block-start: none }
|
|
|
|
figure>* { --density: .5 }
|
|
figcaption { font-size: .8em; line-height: calc(var(--rhythm) * 2 / 3); }
|
|
figcaption:first-child { border-block-end: 1px solid var(--faded-fg) }
|
|
figcaption:last-child { border-block-start: 1px solid var(--faded-fg) }
|
|
|
|
/* #endregion */
|
|
|
|
header, footer, summary, button, input, small, .\<small\>, aside, figcaption, .secondary-font { font-variation-settings: "opsz" 7 }
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
img[src*="/images/diagram"] { filter: invert(1) }
|
|
}
|
|
|
|
/* #region Asciidoc */
|
|
|
|
.colist {
|
|
counter-reset: colist;
|
|
font-size: .8em;
|
|
line-height: calc(var(--rhythm) * 2 / 3);
|
|
font-variation-settings: "opsz" 8;
|
|
}
|
|
|
|
.colist li {
|
|
counter-increment: colist;
|
|
margin-inline-start: 1.2ch;
|
|
}
|
|
|
|
.colist li::marker {
|
|
content: "(" counter(colist) ") ";
|
|
font-family: var(--mono-font);
|
|
}
|
|
/* #endregion */
|
|
</style>
|
|
{{ content | safe }}
|