commit 4b2e708ea90f7fae67084d50e1d08acb1178bea6
parent ca59732d5332ee3c25a6512aa15e97e8449040a5
Author: Silas Brack <silasbrack@gmail.com>
Date: Sun, 4 Jan 2026 18:49:02 +0100
Change fonts
Diffstat:
10 files changed, 70 insertions(+), 7 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:clamp(12px,2vw,16px)}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:Charter,'Bitstream Charter','Sitka Text',Cambria,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:Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-variant-caps:small-caps;font-weight:700;margin-top:4rem;margin-bottom:1.5rem;font-size:clamp(28px,2vw,36px);line-height:1}h2{font-family:Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-variant-caps:small-caps;font-style:italic;font-weight:700;margin-top:2.1rem;margin-bottom:1.4rem;font-size:clamp(16px,2vw,20px);line-height:1}h3{font-style:italic;font-weight:400;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.subtitle{font-family:Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-style:italic;margin-top:1rem;margin-bottom:1rem;font-size:clamp(20px,2vw,24px);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";html{font-size:clamp(12px,2vw,16px)}@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}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:Charter,'Bitstream Charter',charter,'Sitka Text',Cambria,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-variant-caps:small-caps;font-weight:700;margin-top:4rem;margin-bottom:1.5rem;font-size:clamp(28px,2vw,36px);line-height:1}h2{font-family:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-variant-caps:small-caps;font-style:italic;font-weight:700;margin-top:2.1rem;margin-bottom:1.4rem;font-size:clamp(16px,2vw,20px);line-height:1}h3{font-style:italic;font-weight:400;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.subtitle{font-family:cooper-hewitt,Rockwell,'Rockwell Nova','Roboto Slab','DejaVu Serif','Sitka Small',serif;font-style:italic;margin-top:1rem;margin-bottom:1rem;font-size:clamp(20px,2vw,24px);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>
@@ -21,7 +21,7 @@
</p> -->
<h1>Silas Brack</h1>
<p class="subtitle">AI Research Engineer</p>
- <p style="font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;">
+ <p class="cooper-hewitt">
<span class="marginnote" style="line-height: 2.0;">
<a href="./assets/cv.pdf" style="background: none; display: block;">
<svg style="vertical-align: -0.20em;" fill="currentColor" width="20px" height="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" > <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--> <path d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm80 256l64 0c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16L80 384c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zm256-32l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z" /></svg>
diff --git a/style.css b/style.css
@@ -1,16 +1,79 @@
@charset "UTF-8";
-/* Tufte CSS styles */
html {
font-size: clamp(12px, 2vw, 16px);
}
+@font-face {
+ font-family: cooper-hewitt;
+ font-style: normal;
+ font-weight: normal;
+ font-display: swap;
+ src: url('cooper-hewitt/CooperHewitt-Medium.woff') format('woff');
+}
+@font-face {
+ font-family: cooper-hewitt;
+ font-style: italic;
+ font-weight: normal;
+ font-display: swap;
+ src: url('cooper-hewitt/CooperHewitt-MediumItalic.woff') format('woff');
+}
+@font-face {
+ font-family: cooper-hewitt;
+ font-style: normal;
+ font-weight: bold;
+ font-display: swap;
+ src: url('cooper-hewitt/CooperHewitt-Bold.woff') format('woff');
+}
+@font-face {
+ font-family: cooper-hewitt;
+ font-style: italic;
+ font-weight: bold;
+ 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: normal;
+ font-display: swap;
+ src: url('charter/charter_regular.woff2') format('woff2');
+}
+@font-face {
+ font-family: charter;
+ font-style: italic;
+ font-weight: normal;
+ font-display: swap;
+ src: url('charter/charter_italic.woff2') format('woff2');
+}
+@font-face {
+ font-family: charter;
+ font-style: normal;
+ font-weight: bold;
+ font-display: swap;
+ src: url('charter/charter_bold.woff2') format('woff2');
+}
+@font-face {
+ font-family: charter;
+ font-style: italic;
+ font-weight: bold;
+ font-display: swap;
+ src: url('charter/charter_bold_italic.woff2') format('woff2');
+}
+.charter {
+ font-family: Charter, 'Bitstream Charter', charter, 'Sitka Text', Cambria, serif;
+}
+
body {
width: 87.5%;
margin-left: auto;
margin-right: auto;
padding-left: 12.5%;
- font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
+ font-family: Charter, 'Bitstream Charter', charter, 'Sitka Text', Cambria, serif;
background-color: #fffff8;
color: #111;
max-width: 1400px;
@@ -26,7 +89,7 @@ body {
}
h1 {
- font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
+ font-family: cooper-hewitt, Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
font-variant-caps: small-caps;
font-weight: bold;
margin-top: 4rem;
@@ -36,7 +99,7 @@ h1 {
}
h2 {
- font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
+ 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;
@@ -65,7 +128,7 @@ hr {
}
p.subtitle {
- font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
+ font-family: cooper-hewitt, Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
font-style: italic;
margin-top: 1rem;
margin-bottom: 1rem;
