commit e3b8567b58f4abdd80e322005c6c3c4f94813539
parent 015585d7f1a0aa59da0f48f396acf4b7927418f7
Author: Silas Brack <silasbrack@gmail.com>
Date: Fri, 20 Feb 2026 20:11:45 +0100
Add table
Diffstat:
3 files changed, 32 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
<title>Silas Brack</title>
<link rel="shortcut icon" href="data:," />
<style type="text/css">
-:root{--bg-color:#fffff8;--text-color:#111;--text-muted:#ccc;--selection-color:#b4d5fe;--font-sans:BlinkMacSystemFont,avenir next,avenir,-apple-system,system-ui,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;--font-serif:Iowan Old Style,Apple Garamond,Baskerville,Times New Roman,Droid Serif,Times,Source Serif Pro,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}@media (prefers-color-scheme: dark){:root{--bg-color:#151515;--text-color:#ddd;--text-muted:#555}}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:22px}}@media (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:var(--font-serif);background-color:var(--bg-color);color:var(--text-color);max-width:1400px;counter-reset:sidenote-counter}h1{font-family:var(--font-sans);font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}p.subtitle{font-family:var(--font-sans);margin-top:1rem;margin-bottom:1rem;line-height:1}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p{font-size:1rem;line-height:1.4rem;margin-top:1.4rem;margin-bottom:1.4rem}section > p{width:55%}a:link,a:visited{color:inherit;text-decoration:underline;text-decoration-skip-ink:auto;text-underline-offset:.1em}::selection{background:var(--selection-color)}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.75rem;line-height:1.3;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative}.sidenote-number:after{content:counter(sidenote-counter);font-size:.7rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:.7rem;top:-.5rem}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}section > p{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:none}.margin-toggle:checked + .sidenote,.margin-toggle:checked + .marginnote{display:block;float:left;left:1rem;clear:both;width:95%;margin:1rem 2.5%;position:relative}label{cursor:pointer}img{width:100%}}
+:root{--bg-color:#fffff8;--text-color:#111;--text-muted:#ccc;--selection-color:#b4d5fe;--font-sans:BlinkMacSystemFont,avenir next,avenir,-apple-system,system-ui,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,sans-serif;--font-serif:Iowan Old Style,Apple Garamond,Baskerville,Times New Roman,Droid Serif,Times,Source Serif Pro,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--font-mono:JetBrains Mono,monospace}code{font-family:var(--font-mono);font-size:.75rem}@media (prefers-color-scheme: dark){:root{--bg-color:#151515;--text-color:#ddd;--text-muted:#555}}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:22px}}@media (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:var(--font-serif);background-color:var(--bg-color);color:var(--text-color);max-width:1400px;counter-reset:sidenote-counter}h1{font-family:var(--font-sans);font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}p.subtitle{font-family:var(--font-sans);margin-top:1rem;margin-bottom:1rem;line-height:1}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p{font-size:1rem;line-height:1.4rem;margin-top:1.4rem;margin-bottom:1.4rem}section > p{width:55%}a:link,a:visited{color:inherit;text-decoration:underline;text-decoration-skip-ink:auto;text-underline-offset:.1em}::selection{background:var(--selection-color)}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.75rem;line-height:1.3;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative}.sidenote-number:after{content:counter(sidenote-counter);font-size:.7rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:.7rem;top:-.5rem}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}table{border-collapse:collapse;border-top:2px solid #333;border-bottom:2px solid #333}th,td{padding:7px 14px}thead th{font-weight:700;border-bottom:1px solid #333;text-align:left}td{border-bottom:1px solid #e5e5e5}tbody tr:last-child td{border-bottom:0}.numeric{text-align:right}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}section > p{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:none}.margin-toggle:checked + .sidenote,.margin-toggle:checked + .marginnote{display:block;float:left;left:1rem;clear:both;width:95%;margin:1rem 2.5%;position:relative}label{cursor:pointer}img{width:100%}}
</style>
</head>
diff --git a/style.css b/style.css
@@ -6,6 +6,12 @@
--selection-color: #b4d5fe;
--font-sans: BlinkMacSystemFont, avenir next, avenir, -apple-system, system-ui, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, sans-serif;
--font-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+ --font-mono: JetBrains Mono, monospace;
+}
+
+code {
+ font-family: var(--font-mono);
+ font-size: 0.75rem;
}
@media (prefers-color-scheme: dark) {
@@ -147,6 +153,30 @@ label.margin-toggle:not(.sidenote-number) {
display: none;
}
+/* Tables */
+table{
+ border-collapse:collapse;
+ border-top:2px solid #333;
+ border-bottom:2px solid #333;
+}
+th, td {
+ padding:7px 14px;
+}
+thead th{
+ font-weight:700;
+ border-bottom:1px solid #333;
+ text-align:left;
+}
+td{
+ border-bottom:1px solid #e5e5e5;
+}
+tbody tr:last-child td{
+ border-bottom:0;
+}
+.numeric{
+ text-align:right;
+}
+
/* Mobile */
@media (max-width: 760px) {
body {
diff --git a/style.min.css b/style.min.css
@@ -1 +1 @@
-:root{--bg-color:#fffff8;--text-color:#111;--text-muted:#ccc;--selection-color:#b4d5fe;--font-sans:BlinkMacSystemFont,avenir next,avenir,-apple-system,system-ui,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;--font-serif:Iowan Old Style,Apple Garamond,Baskerville,Times New Roman,Droid Serif,Times,Source Serif Pro,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}@media (prefers-color-scheme: dark){:root{--bg-color:#151515;--text-color:#ddd;--text-muted:#555}}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:22px}}@media (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:var(--font-serif);background-color:var(--bg-color);color:var(--text-color);max-width:1400px;counter-reset:sidenote-counter}h1{font-family:var(--font-sans);font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}p.subtitle{font-family:var(--font-sans);margin-top:1rem;margin-bottom:1rem;line-height:1}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p{font-size:1rem;line-height:1.4rem;margin-top:1.4rem;margin-bottom:1.4rem}section > p{width:55%}a:link,a:visited{color:inherit;text-decoration:underline;text-decoration-skip-ink:auto;text-underline-offset:.1em}::selection{background:var(--selection-color)}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.75rem;line-height:1.3;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative}.sidenote-number:after{content:counter(sidenote-counter);font-size:.7rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:.7rem;top:-.5rem}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}section > p{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:none}.margin-toggle:checked + .sidenote,.margin-toggle:checked + .marginnote{display:block;float:left;left:1rem;clear:both;width:95%;margin:1rem 2.5%;position:relative}label{cursor:pointer}img{width:100%}}
+:root{--bg-color:#fffff8;--text-color:#111;--text-muted:#ccc;--selection-color:#b4d5fe;--font-sans:BlinkMacSystemFont,avenir next,avenir,-apple-system,system-ui,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,sans-serif;--font-serif:Iowan Old Style,Apple Garamond,Baskerville,Times New Roman,Droid Serif,Times,Source Serif Pro,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--font-mono:JetBrains Mono,monospace}code{font-family:var(--font-mono);font-size:.75rem}@media (prefers-color-scheme: dark){:root{--bg-color:#151515;--text-color:#ddd;--text-muted:#555}}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:22px}}@media (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:var(--font-serif);background-color:var(--bg-color);color:var(--text-color);max-width:1400px;counter-reset:sidenote-counter}h1{font-family:var(--font-sans);font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}p.subtitle{font-family:var(--font-sans);margin-top:1rem;margin-bottom:1rem;line-height:1}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p{font-size:1rem;line-height:1.4rem;margin-top:1.4rem;margin-bottom:1.4rem}section > p{width:55%}a:link,a:visited{color:inherit;text-decoration:underline;text-decoration-skip-ink:auto;text-underline-offset:.1em}::selection{background:var(--selection-color)}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.75rem;line-height:1.3;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative}.sidenote-number:after{content:counter(sidenote-counter);font-size:.7rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:.7rem;top:-.5rem}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}table{border-collapse:collapse;border-top:2px solid #333;border-bottom:2px solid #333}th,td{padding:7px 14px}thead th{font-weight:700;border-bottom:1px solid #333;text-align:left}td{border-bottom:1px solid #e5e5e5}tbody tr:last-child td{border-bottom:0}.numeric{text-align:right}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}section > p{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:none}.margin-toggle:checked + .sidenote,.margin-toggle:checked + .marginnote{display:block;float:left;left:1rem;clear:both;width:95%;margin:1rem 2.5%;position:relative}label{cursor:pointer}img{width:100%}}
