mirror of
https://github.com/bigskysoftware/hypermedia-systems.git
synced 2025-10-29 00:06:21 -04:00
64 lines
1.5 KiB
Plaintext
64 lines
1.5 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Building Hypermedia Systems</title>
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
<link href="https://fonts.bunny.net/css?family=andada-pro:400,400i,700,700i" rel="stylesheet" />
|
|
<link rel="stylesheet" href="https://the.missing.style/v1.0.1/missing.min.css">
|
|
<style>
|
|
@font-face {
|
|
font-family: "Chicago FLF";
|
|
src: url("/fonts/ChicagoFLF.ttf") format("truetype");
|
|
}
|
|
|
|
:root {
|
|
--main-font: "Andada Pro", serif;
|
|
--secondary-font: "Source Sans Pro", "Source Sans 3", sans-serif;
|
|
--display-font: "Chicago FLF", "Impact", sans-serif;
|
|
--mono-font: "Berkeley Mono", "Input Mono", "Iosevka", "Liberation Mono", "Victor Mono", "Consolas", monospace, monospace;
|
|
|
|
font-size: calc((18 / 16) * 100%);
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: normal;
|
|
font-family: var(--display-font);
|
|
}
|
|
|
|
:is(h1, h2, h3, h4, h5, h6) code {
|
|
font-weight: 900;
|
|
}
|
|
|
|
pre { font-size: 1em }
|
|
code { font-size: .9em }
|
|
|
|
p, li, figcaption {
|
|
text-align: justify;
|
|
}
|
|
|
|
.colist {
|
|
counter-reset: colist;
|
|
}
|
|
|
|
.colist li {
|
|
counter-increment: colist;
|
|
margin-inline-start: 1.2ch;
|
|
}
|
|
|
|
.colist li::marker {
|
|
content: "(" counter(colist) ") ";
|
|
font-family: var(--mono-font);
|
|
font-size: .9em;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
{{ content | safe }}
|
|
</main>
|
|
</body>
|
|
</html>
|
|
|