website

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

commit a76a4e940b324e81b7302745ca4ba10e1534cbc2
parent 954a282b44752f19972484ee2ab07032774c963e
Author: Silas Brack <silasbrack@Silass-MacBook-Pro.local>
Date:   Sun,  8 Feb 2026 22:23:04 +0100

Clean up more

Diffstat:
Dcharter/charter_bold.woff2 | 0
Dcharter/charter_bold_italic.woff2 | 0
Dcharter/charter_italic.woff2 | 0
Dcharter/charter_regular.woff2 | 0
Dcooper-hewitt/CooperHewitt-Bold.woff | 0
Dcooper-hewitt/CooperHewitt-BoldItalic.woff | 0
Dcooper-hewitt/CooperHewitt-Medium.woff | 0
Dcooper-hewitt/CooperHewitt-MediumItalic.woff | 0
Mindex.html | 4++--
Dpandoc/onedark.theme | 322-------------------------------------------------------------------------------
Dpandoc/onelight.theme | 329-------------------------------------------------------------------------------
Mstyle.css | 402++++++++-----------------------------------------------------------------------
Mstyle.min.css | 2+-
Dvollkorn/Vollkorn-Bold.woff2 | 0
Dvollkorn/Vollkorn-BoldItalic.woff2 | 0
Dvollkorn/Vollkorn-Italic.woff2 | 0
Dvollkorn/Vollkorn-Medium.woff2 | 0
Dvollkorn/Vollkorn-MediumItalic.woff2 | 0
Dvollkorn/Vollkorn-Regular.woff2 | 0
19 files changed, 41 insertions(+), 1018 deletions(-)

diff --git a/charter/charter_bold.woff2 b/charter/charter_bold.woff2 Binary files differ. diff --git a/charter/charter_bold_italic.woff2 b/charter/charter_bold_italic.woff2 Binary files differ. diff --git a/charter/charter_italic.woff2 b/charter/charter_italic.woff2 Binary files differ. diff --git a/charter/charter_regular.woff2 b/charter/charter_regular.woff2 Binary files differ. diff --git a/cooper-hewitt/CooperHewitt-Bold.woff b/cooper-hewitt/CooperHewitt-Bold.woff Binary files differ. diff --git a/cooper-hewitt/CooperHewitt-BoldItalic.woff b/cooper-hewitt/CooperHewitt-BoldItalic.woff Binary files differ. diff --git a/cooper-hewitt/CooperHewitt-Medium.woff b/cooper-hewitt/CooperHewitt-Medium.woff Binary files differ. diff --git a/cooper-hewitt/CooperHewitt-MediumItalic.woff b/cooper-hewitt/CooperHewitt-MediumItalic.woff Binary files differ. 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"> -@charset "UTF-8";html{font-size:2.4vw}@media all and (min-width: 1000px){html{font-size:22px}}@media all and (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family: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;background-color:#fffff8;color:#111;max-width:1400px;counter-reset:sidenote-counter}@media (prefers-color-scheme: dark){body{background-color:#151515;color:#ddd}}h1{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;font-size:1.3rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}h2{font-weight:700;margin-top:2.1rem;margin-bottom:1.4rem;line-height:1}h3{font-weight:400;font-size:1.3rem}hr{display:block;height:1px;width:55%;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}p.title{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}p.subtitle{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;margin-top:1rem;margin-bottom:1rem;display:block;line-height:1}.danger{color:red}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p,dl,ol,ul{font-size:1rem;line-height:1.4rem}p{margin-top:1.4rem;margin-bottom:1.4rem;padding-right:0;vertical-align:baseline}div.epigraph{margin:5em 0}div.epigraph > blockquote{margin-top:3em;margin-bottom:3em}div.epigraph > blockquote,div.epigraph > blockquote > p{font-style:italic}div.epigraph > blockquote > footer{font-style:normal}div.epigraph > blockquote > footer > cite{font-style:italic}blockquote{font-size:1rem}blockquote p{width:55%;margin-right:40px}blockquote footer{width:55%;font-size:.75rem;text-align:right}section > p,section > footer,section > table{width:55%}section > dl,section > ol,section > ul{width:50%;-webkit-padding-start:5%}dt:not(:first-child),li:not(:first-child){margin-top:.25rem}figure{padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;max-width:55%;-webkit-margin-start:0;-webkit-margin-end:0;margin:0 0 3em}figcaption{float:right;clear:right;margin-top:0;margin-bottom:0;font-size:.75rem;line-height:1.6;vertical-align:baseline;position:relative;max-width:40%}figure.fullwidth figcaption{margin-right:24%}a:link,a:visited{color:inherit}.no-tufte-underline:link{background:unset;text-shadow:unset}a:link,.tufte-underline,.hover-tufte-underline:hover{text-decoration:none;background:-webkit-linear-gradient(#fffff8,#fffff8),-webkit-linear-gradient(#fffff8,#fffff8),-webkit-linear-gradient(currentColor,currentColor);background:linear-gradient(#fffff8,#fffff8),linear-gradient(#fffff8,#fffff8),linear-gradient(currentColor,currentColor);-webkit-background-size:.05em 1px,.05em 1px,1px 1px;-moz-background-size:.05em 1px,.05em 1px,1px 1px;background-size:.05em 1px,.05em 1px,1px 1px;background-repeat:no-repeat,no-repeat,repeat-x;text-shadow:.03em 0 #fffff8,-.03em 0 #fffff8,0 .03em #fffff8,0 -.03em #fffff8,.06em 0 #fffff8,-.06em 0 #fffff8,.09em 0 #fffff8,-.09em 0 #fffff8,.12em 0 #fffff8,-.12em 0 #fffff8,.15em 0 #fffff8,-.15em 0 #fffff8;background-position:0 93%,100% 93%,0 93%}@media screen and (-webkit-min-device-pixel-ratio: 0){a:link,.tufte-underline,.hover-tufte-underline:hover{background-position-y:87%,87%,87%}}@media (prefers-color-scheme: dark){a:link,.tufte-underline,.hover-tufte-underline:hover{text-shadow:.03em 0 #151515,-.03em 0 #151515,0 .03em #151515,0 -.03em #151515,.06em 0 #151515,-.06em 0 #151515,.09em 0 #151515,-.09em 0 #151515,.12em 0 #151515,-.12em 0 #151515,.15em 0 #151515,-.15em 0 #151515}}a:link::selection,a:link::-moz-selection{text-shadow:.03em 0 #b4d5fe,-.03em 0 #b4d5fe,0 .03em #b4d5fe,0 -.03em #b4d5fe,.06em 0 #b4d5fe,-.06em 0 #b4d5fe,.09em 0 #b4d5fe,-.09em 0 #b4d5fe,.12em 0 #b4d5fe,-.12em 0 #b4d5fe,.15em 0 #b4d5fe,-.15em 0 #b4d5fe;background:#b4d5fe}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;vertical-align:baseline;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative;vertical-align:baseline}.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}blockquote .sidenote,blockquote .marginnote{margin-right:-82%;min-width:59%;text-align:left}div.fullwidth,table.fullwidth{width:100%}div.table-wrapper{overflow-x:auto;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif}.sans{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;letter-spacing:.03em}code,pre > code{font-family:Menlo,Consolas,Monaco,Adwaita Mono,Liberation Mono,Lucida Console,monospace;font-size:.7rem;line-height:1.42;-webkit-text-size-adjust:100%}.sans > code{font-size:.85rem}h1 > code,h2 > code,h3 > code{font-size:.8em}.marginnote > code,.sidenote > code{font-size:.7rem}pre > code{font-size:.65rem;width:52.5%;margin-left:2.5%;overflow-x:auto;display:block}pre.fullwidth > code{width:90%}.fullwidth{max-width:90%;clear:both}span.newthought{font-variant:small-caps;font-size:1.2em}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}.iframe-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}hr,section > p,section > footer,section > table{width:100%}pre > code{width:97%}section > dl,section > ol,section > ul{width:90%}figure{max-width:90%}figcaption,figure.fullwidth figcaption{margin-right:0;max-width:none}blockquote{margin-left:1.5em;margin-right:0}blockquote p,blockquote footer{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%;vertical-align:baseline;position:relative}label{cursor:pointer}div.table-wrapper,table{width:85%}img{width:100%}} +:root{--bg-color:#fffff8;--text-color:#111;--text-muted:#ccc;--selection-color:#b4d5fe;--font-sans:-apple-system,BlinkMacSystemFont,avenir next,avenir,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%}} </style> </head> @@ -19,7 +19,7 @@ <img style="width:200px; border-radius:50%; overflow:hidden;" src="profile.jpg" /> </span> </p> --> - <p class="title">Silas Brack</p> + <h1>Silas Brack</h1> <p class="subtitle">AI Research Engineer</p> <p style="font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;"> <span class="marginnote" style="line-height: 2.0;"> diff --git a/pandoc/onedark.theme b/pandoc/onedark.theme @@ -1,322 +0,0 @@ -{ - "custom-styles": { - "Go": { - "Predeclared Identifier": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - } - }, - "INI Files": { - "Assignment": { - "selected-text-color": "#abb2bf", - "text-color": "#abb2bf" - }, - "Section": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - } - }, - "JavaScript": { - "Built-in Objects": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Function Declaration": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - }, - "Function Name": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - }, - "Module": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Object Member": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Object Method (Built-in)": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - } - }, - "Markdown": { - "Code": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Emphasis Text": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Fenced Code": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Header H1": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Header H2": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Header H3": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Header H4": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Header H5": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Header H6": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Link": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Reference-Link Name": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - }, - "Reference-Link Target": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - }, - "Reference-Link Target: Link": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Reference-Link: Email": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Reference-Link: Link": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Strong Text": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - } - }, - "Python": { - "Builtin Function": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - }, - "String Substitution": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - } - }, - "Rust": { - "Lifetime": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Macro": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - }, - "Self": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Trait": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Type": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - } - }, - "TypeScript": { - "Built-in Objects": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Module": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Object Member": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Object Method (Built-in)": { - "italic": false, - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - }, - "Reserved": { - "italic": false - }, - "Types": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - } - }, - "XML": { - "Attribute": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Element": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - } - } - }, - "metadata": { - "copyright": [ - "SPDX-FileCopyrightText: 2016 GitHub Inc.", - "SPDX-FileCopyrightText: 2020 Waqar Ahmed <waqar.17a@gmail.com>" - ], - "license": "SPDX-License-Identifier: MIT", - "name": "Atom One Dark", - "revision": 2 - }, - "text-styles": { - "Alert": { - "background-color": "#4d1f24", - "bold": true, - "selected-text-color": "#95da4c", - "text-color": "#95da4c" - }, - "Annotation": { - "selected-text-color": "#98c379", - "text-color": "#98c379" - }, - "Attribute": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "BaseN": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "BuiltIn": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Char": { - "selected-text-color": "#98c379", - "text-color": "#98c379" - }, - "Comment": { - "italic": true, - "selected-text-color": "#5c6370", - "text-color": "#5c6370" - }, - "CommentVar": { - "italic": true, - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "Constant": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "ControlFlow": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "DataType": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "DecVal": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Documentation": { - "selected-text-color": "#da4453", - "text-color": "#a43340" - }, - "Error": { - "selected-text-color": "#f44747", - "text-color": "#f44747", - "underline": true - }, - "Extension": { - "bold": true, - "selected-text-color": "#61afef", - "text-color": "#61afef" - }, - "Float": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Function": { - "selected-text-color": "#61afef", - "text-color": "#61afef" - }, - "Import": { - "selected-text-color": "#98c379", - "text-color": "#98c379" - }, - "Information": { - "selected-text-color": "#e46700", - "text-color": "#c45b00" - }, - "Keyword": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Normal": { - "selected-text-color": "#abb2bf", - "text-color": "#abb2bf" - }, - "Operator": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "Others": { - "selected-text-color": "#27ae60", - "text-color": "#27ae60" - }, - "Preprocessor": { - "selected-text-color": "#c678dd", - "text-color": "#c678dd" - }, - "RegionMarker": { - "background-color": "#153042", - "selected-text-color": "#3daee9", - "text-color": "#2980b9" - }, - "SpecialChar": { - "selected-text-color": "#56b6c2", - "text-color": "#56b6c2" - }, - "SpecialString": { - "selected-text-color": "#da4453", - "text-color": "#da4453" - }, - "String": { - "selected-text-color": "#98c379", - "text-color": "#98c379" - }, - "Variable": { - "selected-text-color": "#e06c75", - "text-color": "#e06c75" - }, - "VerbatimString": { - "selected-text-color": "#da4453", - "text-color": "#da4453" - }, - "Warning": { - "selected-text-color": "#da4453", - "text-color": "#da4453" - } - } -} diff --git a/pandoc/onelight.theme b/pandoc/onelight.theme @@ -1,329 +0,0 @@ -{ - "custom-styles": { - "Go": { - "Predeclared Identifier": { - "selected-text-color": "#986801", - "text-color": "#986801" - } - }, - "INI Files": { - "Assignment": { - "selected-text-color": "#383a42", - "text-color": "#383a42" - }, - "Section": { - "selected-text-color": "#4078f2", - "text-color": "#4078f2" - } - }, - "JavaScript": { - "Built-in Objects": { - "selected-text-color": "#986801", - "text-color": "#986801" - }, - "Function Declaration": { - "selected-text-color": "#0184bc", - "text-color": "#0184bc" - }, - "Function Name": { - "selected-text-color": "#0184bc", - "text-color": "#0184bc" - }, - "Module": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Object Member": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Object Method (Built-in)": { - "selected-text-color": "#0184bc", - "text-color": "#0184bc" - } - }, - "Markdown": { - "Code": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Emphasis Text": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Fenced Code": { - "selected-text-color": "#d19a66", - "text-color": "#d19a66" - }, - "Header H1": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Header H2": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Header H3": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Header H4": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Header H5": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Header H6": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Line Break": { - "text-color": "#383a42" - }, - "Link": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Reference-Link Name": { - "selected-text-color": "#4078f2", - "text-color": "#4078f2" - }, - "Reference-Link Target": { - "selected-text-color": "#4078f2", - "text-color": "#4078f2" - }, - "Reference-Link Target: Link": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Reference-Link: Email": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Reference-Link: Link": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Strong Text": { - "selected-text-color": "#986801", - "text-color": "#986801" - } - }, - "Python": { - "Builtin Function": { - "selected-text-color": "#0184bc", - "text-color": "#0184bc" - }, - "Import": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "String Substitution": { - "selected-text-color": "#986801", - "text-color": "#986801" - } - }, - "Rust": { - "Lifetime": { - "selected-text-color": "#986801", - "text-color": "#986801" - }, - "Macro": { - "selected-text-color": "#4078f2", - "text-color": "#4078f2" - }, - "Self": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Trait": { - "selected-text-color": "#986801", - "text-color": "#986801" - }, - "Type": { - "selected-text-color": "#0184bc", - "text-color": "#0184bc" - } - }, - "TypeScript": { - "Built-in Objects": { - "selected-text-color": "#986801", - "text-color": "#986801" - }, - "Module": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Object Member": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Object Method (Built-in)": { - "italic": false, - "selected-text-color": "#0184bc", - "text-color": "#0184bc" - }, - "Reserved": { - "italic": false - }, - "Types": { - "selected-text-color": "#4078f2", - "text-color": "#4078f2" - } - }, - "XML": { - "Attribute": { - "selected-text-color": "#986801", - "text-color": "#986801" - }, - "Element": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - } - } - }, - "metadata": { - "copyright": [ - "SPDX-FileCopyrightText: 2016 GitHub Inc.", - "SPDX-FileCopyrightText: 2020 Waqar Ahmed <waqar.17a@gmail.com>" - ], - "license": "SPDX-License-Identifier: MIT", - "name": "Atom One Light", - "revision": 3 - }, - "text-styles": { - "Alert": { - "background-color": "#4d1f24", - "bold": true, - "selected-text-color": "#95da4c", - "text-color": "#95da4c" - }, - "Annotation": { - "selected-text-color": "#50a14f", - "text-color": "#50a14f" - }, - "Attribute": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "BaseN": { - "selected-text-color": "#986801", - "text-color": "#986801" - }, - "BuiltIn": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Char": { - "selected-text-color": "#50a14f", - "text-color": "#50a14f" - }, - "Comment": { - "italic": true, - "selected-text-color": "#a0a1a7", - "text-color": "#a0a1a7" - }, - "CommentVar": { - "italic": true, - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "Constant": { - "selected-text-color": "#986801", - "text-color": "#986801" - }, - "ControlFlow": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "DataType": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "DecVal": { - "selected-text-color": "#986801", - "text-color": "#986801" - }, - "Documentation": { - "selected-text-color": "#da4453", - "text-color": "#e45649" - }, - "Error": { - "selected-text-color": "#f44747", - "text-color": "#f44747", - "underline": true - }, - "Extension": { - "bold": true, - "selected-text-color": "#4078f2", - "text-color": "#4078f2" - }, - "Float": { - "selected-text-color": "#986801", - "text-color": "#986801" - }, - "Function": { - "selected-text-color": "#4078f2", - "text-color": "#4078f2" - }, - "Import": { - "selected-text-color": "#50a14f", - "text-color": "#50a14f" - }, - "Information": { - "selected-text-color": "#e46700", - "text-color": "#c45b00" - }, - "Keyword": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Normal": { - "selected-text-color": "#383a42", - "text-color": "#383a42" - }, - "Operator": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "Others": { - "selected-text-color": "#27ae60", - "text-color": "#27ae60" - }, - "Preprocessor": { - "selected-text-color": "#a626a4", - "text-color": "#a626a4" - }, - "RegionMarker": { - "background-color": "#153042", - "selected-text-color": "#3daee9", - "text-color": "#2980b9" - }, - "SpecialChar": { - "selected-text-color": "#0184bc", - "text-color": "#0184bc" - }, - "SpecialString": { - "selected-text-color": "#da4453", - "text-color": "#da4453" - }, - "String": { - "selected-text-color": "#50a14f", - "text-color": "#50a14f" - }, - "Variable": { - "selected-text-color": "#e45649", - "text-color": "#e45649" - }, - "VerbatimString": { - "selected-text-color": "#da4453", - "text-color": "#da4453" - }, - "Warning": { - "selected-text-color": "#da4453", - "text-color": "#da4453" - } - } -} diff --git a/style.css b/style.css @@ -1,17 +1,33 @@ -@charset "UTF-8"; +/* CSS Custom Properties */ +:root { + --bg-color: #fffff8; + --text-color: #111; + --text-muted: #ccc; + --selection-color: #b4d5fe; + --font-sans: -apple-system, BlinkMacSystemFont, avenir next, avenir, 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; + } +} /* Fluid typography: scales font size based on viewport width */ html { font-size: 2.4vw; } -@media all and (min-width: 1000px) { +@media (min-width: 1000px) { html { font-size: 22px; } } -@media all and (max-width: 760px) { +@media (max-width: 760px) { html { font-size: 18px; } @@ -22,73 +38,31 @@ body { margin-left: auto; margin-right: auto; padding-left: 12.5%; - font-family: 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; - background-color: #fffff8; - color: #111; + font-family: var(--font-serif); + background-color: var(--bg-color); + color: var(--text-color); max-width: 1400px; counter-reset: sidenote-counter; } -/* Adds dark mode */ -@media (prefers-color-scheme: dark) { - body { - background-color: #151515; - color: #ddd; - } -} - h1 { - font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif; - font-size: 1.3rem; - margin-top: 2.5rem; - margin-bottom: 1.5rem; - line-height: 1; -} - -h2 { - font-weight: bold; - margin-top: 2.1rem; - margin-bottom: 1.4rem; - line-height: 1; -} - -h3 { - font-weight: normal; - font-size: 1.3rem; -} - -hr { - display: block; - height: 1px; - width: 55%; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; -} - -p.title { - font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif; + font-family: var(--font-sans); font-weight: bold; font-size: 1.5rem; margin-top: 2.5rem; margin-bottom: 1.5rem; line-height: 1; } + p.subtitle { - font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif; + font-family: var(--font-sans); margin-top: 1rem; margin-bottom: 1rem; - display: block; line-height: 1; } -.danger { - color: red; -} - article { - padding: 3rem 0rem; + padding: 3rem 0; } section { @@ -96,209 +70,31 @@ section { padding-bottom: 1rem; } -p, -dl, -ol, -ul { +p { font-size: 1rem; line-height: 1.4rem; -} - -p { margin-top: 1.4rem; margin-bottom: 1.4rem; - padding-right: 0; - vertical-align: baseline; -} - -/* Chapter Epigraphs */ -div.epigraph { - margin: 5em 0; -} - -div.epigraph > blockquote { - margin-top: 3em; - margin-bottom: 3em; -} - -div.epigraph > blockquote, -div.epigraph > blockquote > p { - font-style: italic; -} - -div.epigraph > blockquote > footer { - font-style: normal; -} - -div.epigraph > blockquote > footer > cite { - font-style: italic; -} -/* end chapter epigraphs styles */ - -blockquote { - font-size: 1rem; -} - -blockquote p { - width: 55%; - margin-right: 40px; -} - -blockquote footer { - width: 55%; - font-size: 0.75rem; - text-align: right; } -section > p, -section > footer, -section > table { +section > p { width: 55%; } -/* 50 + 5 == 55, to be the same width as paragraph */ -section > dl, -section > ol, -section > ul { - width: 50%; - -webkit-padding-start: 5%; -} - -dt:not(:first-child), -li:not(:first-child) { - margin-top: 0.25rem; -} - -figure { - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; - max-width: 55%; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - margin: 0 0 3em 0; -} - -figcaption { - float: right; - clear: right; - margin-top: 0; - margin-bottom: 0; - font-size: 0.75rem; - line-height: 1.6; - vertical-align: baseline; - position: relative; - max-width: 40%; -} - -figure.fullwidth figcaption { - margin-right: 24%; -} - -/* Links: replicate underline that clears descenders */ +/* Links */ a:link, a:visited { color: inherit; + text-decoration: underline; + text-decoration-skip-ink: auto; + text-underline-offset: 0.1em; } -.no-tufte-underline:link { - background: unset; - text-shadow: unset; -} - -a:link, -.tufte-underline, -.hover-tufte-underline:hover { - text-decoration: none; - background: - -webkit-linear-gradient(#fffff8, #fffff8), - -webkit-linear-gradient(#fffff8, #fffff8), - -webkit-linear-gradient(currentColor, currentColor); - background: - linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), - linear-gradient(currentColor, currentColor); - -webkit-background-size: - 0.05em 1px, - 0.05em 1px, - 1px 1px; - -moz-background-size: - 0.05em 1px, - 0.05em 1px, - 1px 1px; - background-size: - 0.05em 1px, - 0.05em 1px, - 1px 1px; - background-repeat: no-repeat, no-repeat, repeat-x; - text-shadow: - 0.03em 0 #fffff8, - -0.03em 0 #fffff8, - 0 0.03em #fffff8, - 0 -0.03em #fffff8, - 0.06em 0 #fffff8, - -0.06em 0 #fffff8, - 0.09em 0 #fffff8, - -0.09em 0 #fffff8, - 0.12em 0 #fffff8, - -0.12em 0 #fffff8, - 0.15em 0 #fffff8, - -0.15em 0 #fffff8; - background-position: - 0% 93%, - 100% 93%, - 0% 93%; -} - -@media screen and (-webkit-min-device-pixel-ratio: 0) { - a:link, - .tufte-underline, - .hover-tufte-underline:hover { - background-position-y: 87%, 87%, 87%; - } -} - -/* Adds dark mode */ -@media (prefers-color-scheme: dark) { - a:link, - .tufte-underline, - .hover-tufte-underline:hover { - text-shadow: - 0.03em 0 #151515, - -0.03em 0 #151515, - 0 0.03em #151515, - 0 -0.03em #151515, - 0.06em 0 #151515, - -0.06em 0 #151515, - 0.09em 0 #151515, - -0.09em 0 #151515, - 0.12em 0 #151515, - -0.12em 0 #151515, - 0.15em 0 #151515, - -0.15em 0 #151515; - } -} - -a:link::selection, -a:link::-moz-selection { - text-shadow: - 0.03em 0 #b4d5fe, - -0.03em 0 #b4d5fe, - 0 0.03em #b4d5fe, - 0 -0.03em #b4d5fe, - 0.06em 0 #b4d5fe, - -0.06em 0 #b4d5fe, - 0.09em 0 #b4d5fe, - -0.09em 0 #b4d5fe, - 0.12em 0 #b4d5fe, - -0.12em 0 #b4d5fe, - 0.15em 0 #b4d5fe, - -0.15em 0 #b4d5fe; - background: #b4d5fe; +::selection { + background: var(--selection-color); } -/* Sidenotes, margin notes, figures, captions */ +/* Sidenotes and margin notes */ img { max-width: 100%; } @@ -313,7 +109,6 @@ img { margin-bottom: 0; font-size: 0.75rem; line-height: 1.3; - vertical-align: baseline; position: relative; } @@ -324,7 +119,6 @@ img { .sidenote-number:after, .sidenote:before { position: relative; - vertical-align: baseline; } .sidenote-number:after { @@ -340,101 +134,20 @@ img { top: -0.5rem; } -blockquote .sidenote, -blockquote .marginnote { - margin-right: -82%; - min-width: 59%; - text-align: left; -} - -div.fullwidth, -table.fullwidth { - width: 100%; -} - -div.table-wrapper { - overflow-x: auto; - font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif; -} - -.sans { - font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif; - letter-spacing: 0.03em; -} - -code, -pre > code { - font-family: Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace; - font-size: 0.7rem; - line-height: 1.42; - -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. See https://github.com/edwardtufte/tufte-css/issues/81#issuecomment-261953409 */ -} - -.sans > code { - font-size: 0.85rem; -} - -h1 > code, -h2 > code, -h3 > code { - font-size: 0.8em; -} - -.marginnote > code, -.sidenote > code { - font-size: 0.7rem; -} - -pre > code { - font-size: 0.65rem; - width: 52.5%; - margin-left: 2.5%; - overflow-x: auto; - display: block; -} - -pre.fullwidth > code { - width: 90%; -} - -.fullwidth { - max-width: 90%; - clear: both; -} - -span.newthought { - font-variant: small-caps; - font-size: 1.2em; -} - input.margin-toggle { display: none; } label.sidenote-number { display: inline-block; - max-height: 2rem; /* should be less than or equal to paragraph line-height */ + max-height: 2rem; } label.margin-toggle:not(.sidenote-number) { display: none; } -.iframe-wrapper { - position: relative; - padding-bottom: 56.25%; /* 16:9 */ - padding-top: 25px; - height: 0; -} - -.iframe-wrapper iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - +/* Mobile */ @media (max-width: 760px) { body { width: 90%; @@ -442,40 +155,7 @@ label.margin-toggle:not(.sidenote-number) { padding-right: 5%; } - hr, - section > p, - section > footer, - section > table { - width: 100%; - } - - pre > code { - width: 97%; - } - - section > dl, - section > ol, - section > ul { - width: 90%; - } - - figure { - max-width: 90%; - } - - figcaption, - figure.fullwidth figcaption { - margin-right: 0%; - max-width: none; - } - - blockquote { - margin-left: 1.5em; - margin-right: 0em; - } - - blockquote p, - blockquote footer { + section > p { width: 100%; } @@ -496,7 +176,6 @@ label.margin-toggle:not(.sidenote-number) { clear: both; width: 95%; margin: 1rem 2.5%; - vertical-align: baseline; position: relative; } @@ -504,11 +183,6 @@ label.margin-toggle:not(.sidenote-number) { cursor: pointer; } - div.table-wrapper, - table { - width: 85%; - } - img { width: 100%; } diff --git a/style.min.css b/style.min.css @@ -1 +1 @@ -@charset "UTF-8";html{font-size:2.4vw}@media all and (min-width: 1000px){html{font-size:22px}}@media all and (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family: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;background-color:#fffff8;color:#111;max-width:1400px;counter-reset:sidenote-counter}@media (prefers-color-scheme: dark){body{background-color:#151515;color:#ddd}}h1{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;font-size:1.3rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}h2{font-weight:700;margin-top:2.1rem;margin-bottom:1.4rem;line-height:1}h3{font-weight:400;font-size:1.3rem}hr{display:block;height:1px;width:55%;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}p.title{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}p.subtitle{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;margin-top:1rem;margin-bottom:1rem;display:block;line-height:1}.danger{color:red}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p,dl,ol,ul{font-size:1rem;line-height:1.4rem}p{margin-top:1.4rem;margin-bottom:1.4rem;padding-right:0;vertical-align:baseline}div.epigraph{margin:5em 0}div.epigraph > blockquote{margin-top:3em;margin-bottom:3em}div.epigraph > blockquote,div.epigraph > blockquote > p{font-style:italic}div.epigraph > blockquote > footer{font-style:normal}div.epigraph > blockquote > footer > cite{font-style:italic}blockquote{font-size:1rem}blockquote p{width:55%;margin-right:40px}blockquote footer{width:55%;font-size:.75rem;text-align:right}section > p,section > footer,section > table{width:55%}section > dl,section > ol,section > ul{width:50%;-webkit-padding-start:5%}dt:not(:first-child),li:not(:first-child){margin-top:.25rem}figure{padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;max-width:55%;-webkit-margin-start:0;-webkit-margin-end:0;margin:0 0 3em}figcaption{float:right;clear:right;margin-top:0;margin-bottom:0;font-size:.75rem;line-height:1.6;vertical-align:baseline;position:relative;max-width:40%}figure.fullwidth figcaption{margin-right:24%}a:link,a:visited{color:inherit}.no-tufte-underline:link{background:unset;text-shadow:unset}a:link,.tufte-underline,.hover-tufte-underline:hover{text-decoration:none;background:-webkit-linear-gradient(#fffff8,#fffff8),-webkit-linear-gradient(#fffff8,#fffff8),-webkit-linear-gradient(currentColor,currentColor);background:linear-gradient(#fffff8,#fffff8),linear-gradient(#fffff8,#fffff8),linear-gradient(currentColor,currentColor);-webkit-background-size:.05em 1px,.05em 1px,1px 1px;-moz-background-size:.05em 1px,.05em 1px,1px 1px;background-size:.05em 1px,.05em 1px,1px 1px;background-repeat:no-repeat,no-repeat,repeat-x;text-shadow:.03em 0 #fffff8,-.03em 0 #fffff8,0 .03em #fffff8,0 -.03em #fffff8,.06em 0 #fffff8,-.06em 0 #fffff8,.09em 0 #fffff8,-.09em 0 #fffff8,.12em 0 #fffff8,-.12em 0 #fffff8,.15em 0 #fffff8,-.15em 0 #fffff8;background-position:0 93%,100% 93%,0 93%}@media screen and (-webkit-min-device-pixel-ratio: 0){a:link,.tufte-underline,.hover-tufte-underline:hover{background-position-y:87%,87%,87%}}@media (prefers-color-scheme: dark){a:link,.tufte-underline,.hover-tufte-underline:hover{text-shadow:.03em 0 #151515,-.03em 0 #151515,0 .03em #151515,0 -.03em #151515,.06em 0 #151515,-.06em 0 #151515,.09em 0 #151515,-.09em 0 #151515,.12em 0 #151515,-.12em 0 #151515,.15em 0 #151515,-.15em 0 #151515}}a:link::selection,a:link::-moz-selection{text-shadow:.03em 0 #b4d5fe,-.03em 0 #b4d5fe,0 .03em #b4d5fe,0 -.03em #b4d5fe,.06em 0 #b4d5fe,-.06em 0 #b4d5fe,.09em 0 #b4d5fe,-.09em 0 #b4d5fe,.12em 0 #b4d5fe,-.12em 0 #b4d5fe,.15em 0 #b4d5fe,-.15em 0 #b4d5fe;background:#b4d5fe}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;vertical-align:baseline;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative;vertical-align:baseline}.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}blockquote .sidenote,blockquote .marginnote{margin-right:-82%;min-width:59%;text-align:left}div.fullwidth,table.fullwidth{width:100%}div.table-wrapper{overflow-x:auto;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif}.sans{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;letter-spacing:.03em}code,pre > code{font-family:Menlo,Consolas,Monaco,Adwaita Mono,Liberation Mono,Lucida Console,monospace;font-size:.7rem;line-height:1.42;-webkit-text-size-adjust:100%}.sans > code{font-size:.85rem}h1 > code,h2 > code,h3 > code{font-size:.8em}.marginnote > code,.sidenote > code{font-size:.7rem}pre > code{font-size:.65rem;width:52.5%;margin-left:2.5%;overflow-x:auto;display:block}pre.fullwidth > code{width:90%}.fullwidth{max-width:90%;clear:both}span.newthought{font-variant:small-caps;font-size:1.2em}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}.iframe-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}hr,section > p,section > footer,section > table{width:100%}pre > code{width:97%}section > dl,section > ol,section > ul{width:90%}figure{max-width:90%}figcaption,figure.fullwidth figcaption{margin-right:0;max-width:none}blockquote{margin-left:1.5em;margin-right:0}blockquote p,blockquote footer{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%;vertical-align:baseline;position:relative}label{cursor:pointer}div.table-wrapper,table{width:85%}img{width:100%}} +:root{--bg-color:#fffff8;--text-color:#111;--text-muted:#ccc;--selection-color:#b4d5fe;--font-sans:-apple-system,BlinkMacSystemFont,avenir next,avenir,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%}} diff --git a/vollkorn/Vollkorn-Bold.woff2 b/vollkorn/Vollkorn-Bold.woff2 Binary files differ. diff --git a/vollkorn/Vollkorn-BoldItalic.woff2 b/vollkorn/Vollkorn-BoldItalic.woff2 Binary files differ. diff --git a/vollkorn/Vollkorn-Italic.woff2 b/vollkorn/Vollkorn-Italic.woff2 Binary files differ. diff --git a/vollkorn/Vollkorn-Medium.woff2 b/vollkorn/Vollkorn-Medium.woff2 Binary files differ. diff --git a/vollkorn/Vollkorn-MediumItalic.woff2 b/vollkorn/Vollkorn-MediumItalic.woff2 Binary files differ. diff --git a/vollkorn/Vollkorn-Regular.woff2 b/vollkorn/Vollkorn-Regular.woff2 Binary files differ.