93 lines
2.4 KiB
HTML
93 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- based on https://causal.agency css -->
|
|
<style>
|
|
:root {
|
|
--dark: #141415;
|
|
--light: #cdcdcd;
|
|
--lightsel: #fff;
|
|
--ansi0: #161510;
|
|
--ansi1: #A32810;
|
|
--ansi2: #727A18;
|
|
--ansi3: #A37720;
|
|
--ansi4: #3D6266;
|
|
--ansi5: #7A4955;
|
|
--ansi6: #557A55;
|
|
--ansi7: #8E8463;
|
|
--ansi8: #4C4635;
|
|
--ansi9: #CC3214;
|
|
--ansi10: #8E991E;
|
|
--ansi11: #CC9528;
|
|
--ansi12: #4C7B7F;
|
|
--ansi13: #995B6B;
|
|
--ansi14: #6B996B;
|
|
--ansi15: #CCBC8E;
|
|
--ansi16: #14130E;
|
|
--ansi17: #B7A980;
|
|
--ansi18: #CCBC8E;
|
|
--ansi19: #A34110;
|
|
--ansi20: #72694F;
|
|
}
|
|
|
|
table.head, table.foot { width: 100%; }
|
|
td.head-rtitle, td.foot-os { text-align: right; }
|
|
td.head-vol { text-align: center; }
|
|
div.Pp { margin: 1ex 0ex; }
|
|
div.Nd, div.Bf, div.Op { display: inline; }
|
|
div.Bd-indent, section.Ss { margin-left: 6ch; }
|
|
span.Pa, span.Ad { font-style: italic; }
|
|
span.Ms { font-weight: bold; }
|
|
dl.Bl-diag dt { font-weight: bold; }
|
|
code.Nm, code.Fl, code.Cm, code.Ic, code.In, code.Fd, code.Fn,
|
|
code.Cd { font-weight: bold; font-family: inherit; }
|
|
|
|
table { border-collapse: collapse; }
|
|
table.Nm code.Nm { padding-right: 1ch; }
|
|
table.tbl tr td { padding: 1ch; }
|
|
table.foot { margin-top: 1em; }
|
|
|
|
html {
|
|
font-family: "JetBrains Mono", monospace;
|
|
font-size: 12pt;
|
|
background-color: var(--dark);
|
|
color: var(--light);
|
|
-moz-tab-size: 4;
|
|
tab-size: 4;
|
|
}
|
|
body {
|
|
max-width: 80ch;
|
|
margin: 1em auto;
|
|
padding: 0 1ch;
|
|
}
|
|
ul.index { padding: 0; }
|
|
ul.index li {
|
|
display: inline;
|
|
list-style-type: none;
|
|
}
|
|
a { color: var(--light); }
|
|
a:visited { color: var(--light); }
|
|
a.permalink, a.tag {
|
|
color: var(--light);
|
|
text-decoration: none;
|
|
}
|
|
a.permalink code:target,
|
|
h1.Sh:target a.permalink,
|
|
h2.Ss:target a.permalink,
|
|
a.tag:target {
|
|
color: var(--lightsel);
|
|
outline: none;
|
|
}
|
|
|
|
.hilex.Keyword { color: var(--ansi9); }
|
|
.hilex.Macro { color: var(--ansi2); }
|
|
.hilex.Comment { color: var(--ansi14); }
|
|
.hilex.String { color: var(--ansi6); }
|
|
.hilex.StringFormat { color: var(--ansi14); }
|
|
.hilex.Interpolation { color: var(--ansi1); }
|
|
</style>
|
|
|