commit d08d41cf054479a6004062407f41a6d8d61af6e4
parent cf1dd6eac241d47a85a9e3eb740f077e404b42cb
Author: Silas Brack <57684859+silasbrack@users.noreply.github.com>
Date: Sat, 24 Jan 2026 14:36:59 +0100
Use vollkorn (#7)
* Try out vollkorn
* Update headers
Diffstat:
| M | index.html | | | 2 | +- |
| M | style.css | | | 70 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
2 files changed, 71 insertions(+), 1 deletion(-)
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";@font-face{font-family:cooper-hewitt;font-style:normal;font-weight:400;font-display:swap;src:url(cooper-hewitt/CooperHewitt-Medium.woff) format("woff")}@font-face{font-family:cooper-hewitt;font-style:italic;font-weight:400;font-display:swap;src:url(cooper-hewitt/CooperHewitt-MediumItalic.woff) format("woff")}@font-face{font-family:cooper-hewitt;font-style:normal;font-weight:700;font-display:swap;src:url(cooper-hewitt/CooperHewitt-Bold.woff) format("woff")}@font-face{font-family:cooper-hewitt;font-style:italic;font-weight:700;font-display:swap;src:url(cooper-hewitt/CooperHewitt-BoldItalic.woff) format("woff")}.cooper-hewitt{font-family:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif}@font-face{font-family:vollkorn;font-style:normal;font-weight:400;font-display:swap;src:url(vollkorn/Vollkorn-Regular.woff2) format("woff2")}@font-face{font-family:vollkorn;font-style:italic;font-weight:400;font-display:swap;src:url(vollkorn/Vollkorn-Italic.woff2) format("woff2")}@font-face{font-family:vollkorn;font-style:normal;font-weight:700;font-display:swap;src:url(vollkorn/Vollkorn-Bold.woff2) format("woff2")}@font-face{font-family:vollkorn;font-style:italic;font-weight:700;font-display:swap;src:url(vollkorn/Vollkorn-BoldItalic.woff2) format("woff2")}.vollkorn{font-family:Vollkorn,vollkorn,serif}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:Vollkorn,vollkorn,serif;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:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-size:1.6rem;margin-top:4rem;margin-bottom:1.5rem;line-height:1}h2{font-family:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-weight:400;font-size:1.6rem;margin-top:2.1rem;margin-bottom:1.4rem;line-height:1}h3{font-weight:400;font-size:1.6rem;margin-top:2rem;margin-bottom:1.4rem;line-height:1}hr{display:block;height:1px;width:55%;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}p.title{font-family:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-weight:700;font-size:2.2rem;margin-top:4rem;margin-bottom:1.5rem;line-height:1}p.subtitle{font-family:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-style:normal;margin-top:1rem;margin-bottom:1rem;display:block;line-height:1}.danger{color:red}article{padding:5rem 0}section{padding-top:1rem;padding-bottom:1rem}p,dl,ol,ul{font-size:1.4rem;line-height:2rem}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:1.4rem}blockquote p{width:55%;margin-right:40px}blockquote footer{width:55%;font-size:1.1rem;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:1.1rem;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:1.1rem;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:1rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:1rem;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:Avenir,Montserrat,Corbel,'URW Gothic',source-sans-pro,sans-serif}.sans{font-family:Avenir,Montserrat,Corbel,'URW Gothic',source-sans-pro,sans-serif;letter-spacing:.03em}code,pre > code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-family:ui-monospace,'Cascadia Code','Source Code Pro',Menlo,Consolas,'DejaVu Sans Mono',monospace;font-size:1rem;line-height:1.42;-webkit-text-size-adjust:100%}.sans > code{font-size:1.2rem}h1 > code,h2 > code,h3 > code{font-size:.8em}.marginnote > code,.sidenote > code{font-size:1rem}pre > code{font-size:.9rem;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:84%;padding-left:8%;padding-right:8%}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%}}
+@charset "UTF-8";@font-face{font-family:cooper-hewitt;font-style:normal;font-weight:400;font-display:swap;src:url(cooper-hewitt/CooperHewitt-Medium.woff) format("woff")}@font-face{font-family:cooper-hewitt;font-style:italic;font-weight:400;font-display:swap;src:url(cooper-hewitt/CooperHewitt-MediumItalic.woff) format("woff")}@font-face{font-family:cooper-hewitt;font-style:normal;font-weight:700;font-display:swap;src:url(cooper-hewitt/CooperHewitt-Bold.woff) format("woff")}@font-face{font-family:cooper-hewitt;font-style:italic;font-weight:700;font-display:swap;src:url(cooper-hewitt/CooperHewitt-BoldItalic.woff) format("woff")}.cooper-hewitt{font-family:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif}@font-face{font-family:charter;font-style:normal;font-weight:400;font-display:swap;src:url(charter/charter_regular.woff2) format("woff2")}@font-face{font-family:charter;font-style:italic;font-weight:400;font-display:swap;src:url(charter/charter_italic.woff2) format("woff2")}@font-face{font-family:charter;font-style:normal;font-weight:700;font-display:swap;src:url(charter/charter_bold.woff2) format("woff2")}@font-face{font-family:charter;font-style:italic;font-weight:700;font-display:swap;src:url(charter/charter_bold_italic.woff2) format("woff2")}.charter{font-family:Charter,'Bitstream Charter',charter,'Sitka Text',Cambria,serif}@font-face{font-family:vollkorn;font-style:normal;font-weight:400;font-display:swap;src:url(vollkorn/Vollkorn-Regular.woff2) format("woff2")}@font-face{font-family:vollkorn;font-style:italic;font-weight:400;font-display:swap;src:url(vollkorn/Vollkorn-Italic.woff2) format("woff2")}@font-face{font-family:vollkorn;font-style:normal;font-weight:700;font-display:swap;src:url(vollkorn/Vollkorn-Bold.woff2) format("woff2")}@font-face{font-family:vollkorn;font-style:italic;font-weight:700;font-display:swap;src:url(vollkorn/Vollkorn-BoldItalic.woff2) format("woff2")}.vollkorn{font-family:Vollkorn,vollkorn,serif}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:Vollkorn,vollkorn,serif;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:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-size:1.8rem;margin-top:4rem;margin-bottom:1.5rem;line-height:1}h2{font-weight:700;font-size:1.6rem;margin-top:2.1rem;margin-bottom:1.4rem;line-height:1}h3{font-weight:400;font-size:1.5rem;font-variant-caps:small-caps;margin-bottom:0;padding-bottom:0}h3 + p{margin-top:5px}hr{display:block;height:1px;width:55%;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}p.title{font-family:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-weight:700;font-size:2.2rem;margin-top:4rem;margin-bottom:1.5rem;line-height:1}p.subtitle{font-family:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;margin-top:1rem;margin-bottom:1rem;display:block;line-height:1}.danger{color:red}article{padding:5rem 0}section{padding-top:1rem;padding-bottom:1rem}p,dl,ol,ul{font-size:1.4rem;line-height:2rem}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:1.4rem}blockquote p{width:55%;margin-right:40px}blockquote footer{width:55%;font-size:1.1rem;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:1.1rem;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:1.1rem;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:1rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:1rem;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:Avenir,Montserrat,Corbel,'URW Gothic',source-sans-pro,sans-serif}.sans{font-family:Avenir,Montserrat,Corbel,'URW Gothic',source-sans-pro,sans-serif;letter-spacing:.03em}code,pre > code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-family:ui-monospace,'Cascadia Code','Source Code Pro',Menlo,Consolas,'DejaVu Sans Mono',monospace;font-size:1rem;line-height:1.42;-webkit-text-size-adjust:100%}.sans > code{font-size:1.2rem}h1 > code,h2 > code,h3 > code{font-size:.8em}.marginnote > code,.sidenote > code{font-size:1rem}pre > code{font-size:.9rem;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:84%;padding-left:8%;padding-right:8%}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%}}
</style>
</head>
diff --git a/style.css b/style.css
@@ -64,6 +64,38 @@
font-family: Vollkorn, vollkorn, serif;
}
+@font-face {
+ font-family: vollkorn;
+ font-style: normal;
+ font-weight: normal;
+ font-display: swap;
+ src: url('vollkorn/Vollkorn-Regular.woff2') format('woff2');
+}
+@font-face {
+ font-family: vollkorn;
+ font-style: italic;
+ font-weight: normal;
+ font-display: swap;
+ src: url('vollkorn/Vollkorn-Italic.woff2') format('woff2');
+}
+@font-face {
+ font-family: vollkorn;
+ font-style: normal;
+ font-weight: bold;
+ font-display: swap;
+ src: url('vollkorn/Vollkorn-Bold.woff2') format('woff2');
+}
+@font-face {
+ font-family: vollkorn;
+ font-style: italic;
+ font-weight: bold;
+ font-display: swap;
+ src: url('vollkorn/Vollkorn-BoldItalic.woff2') format('woff2');
+}
+.vollkorn {
+ font-family: Vollkorn, vollkorn, serif;
+}
+
body {
width: 87.5%;
margin-left: auto;
@@ -86,15 +118,31 @@ body {
h1 {
font-family: cooper-hewitt, Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
+<<<<<<< HEAD
+ font-size: 1.8rem;
+||||||| 4b2e708
+ font-variant-caps: small-caps;
+ font-weight: bold;
+=======
font-size: 1.6rem;
+>>>>>>> main
margin-top: 4rem;
margin-bottom: 1.5rem;
line-height: 1;
}
h2 {
+<<<<<<< HEAD
+ font-weight: bold;
+||||||| 4b2e708
+ font-family: cooper-hewitt, Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
+ font-variant-caps: small-caps;
+ font-style: italic;
+ font-weight: bold;
+=======
font-family: cooper-hewitt, Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
font-weight: normal;
+>>>>>>> main
font-size: 1.6rem;
margin-top: 2.1rem;
margin-bottom: 1.4rem;
@@ -103,10 +151,27 @@ h2 {
h3 {
font-weight: normal;
+<<<<<<< HEAD
+ font-size: 1.5rem;
+ font-variant-caps: small-caps;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+h3 + p {
+ margin-top: 5px;
+||||||| 4b2e708
+ font-style: italic;
+ font-weight: 400;
+ margin-top: 2rem;
+ margin-bottom: 1.4rem;
+ line-height: 1;
+=======
font-size: 1.6rem;
margin-top: 2rem;
margin-bottom: 1.4rem;
line-height: 1;
+>>>>>>> main
}
hr {
@@ -129,7 +194,12 @@ p.title {
}
p.subtitle {
font-family: cooper-hewitt, Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
+<<<<<<< HEAD
+||||||| 4b2e708
+ font-style: italic;
+=======
font-style: normal;
+>>>>>>> main
margin-top: 1rem;
margin-bottom: 1rem;
display: block;
