commit 275f31150dd985db2ece4d88bca56353a75ab28a
parent 400482c39179ca9f2551829f9f79c0a4f351c88b
Author: Silas Brack <silasbrack@gmail.com>
Date: Tue, 14 Apr 2026 21:14:56 +0200
feat: simplify light/dark modes, remove icons
Diffstat:
3 files changed, 15 insertions(+), 58 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:Seravek,'Gill Sans Nova',Ubuntu,Calibri,'DejaVu Sans',source-sans-pro,sans-serif;--font-serif:Charter,'Bitstream Charter','Sitka Text',Cambria,serif;--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}h2{font-family:var(--font-sans);font-weight:700;font-size:1.1rem}h3{font-size:1rem}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%}}
+:root{--font-sans:Seravek,'Gill Sans Nova',Ubuntu,Calibri,'DejaVu Sans',source-sans-pro,sans-serif;--font-serif:Charter,'Bitstream Charter','Sitka Text',Cambria,serif;--font-mono:JetBrains Mono,monospace;color-scheme:light dark}code{font-family:var(--font-mono);font-size:.75rem}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:20px}}@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);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}h2{font-family:var(--font-sans);font-weight:700;font-size:1.1rem}h3{font-size:1rem}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,section > ol,section > ul{width:55%}section > hr{width:55%;margin-left:0}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.85rem;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}.socials a{display:block;line-height:2}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,section > ol,section > ul{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:block;float:none;clear:both;width:100%;margin:1rem 0;position:relative}.marginnote.socials{display:flex;justify-content:space-around}.marginnote.socials a{display:inline}label.margin-toggle:not(.sidenote-number){cursor:pointer}img{width:100%}}
</style>
</head>
@@ -21,18 +21,15 @@
</p> -->
<h1>Silas Brack</h1>
<p class="subtitle">AI Research Engineer</p>
- <p style="font-family: var(--font-sans);">
- <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>
+ <p style="font-family:var(--font-sans);">
+ <span class="marginnote socials">
+ <a href="./assets/cv.pdf">
CV
</a>
- <a href="https://github.com/silasbrack" 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 496 512" > <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--> <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" /></svg >
+ <a href="https://github.com/silasbrack">
GitHub
</a>
- <a href="https://www.linkedin.com/in/silasbrack/" 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 448 512" > <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--> <path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></svg >
+ <a href="https://www.linkedin.com/in/silasbrack/">
LinkedIn
</a>
</span>
@@ -46,10 +43,10 @@
computer vision and deep learning across several cutting-edge research
areas: 3D reconstruction, human mesh recovery, action recognition, and
visual-language models.
- <!-- <span class="marginnote">
- <font size="5pt"><em>Posts</em></font><br />
- • <a href="./posts/placeholder.html">Placeholder Title</a><br />
- </span> -->
+ <span class="marginnote">
+ <span style="font-size:1.0rem;">Posts</span><br />
+ • <a href="./posts/birthday.html">We're really bad at combinatorics</a><br />
+ </span>
</p>
<p>
Previously, I spent over four years at Saxo Bank as an ML Engineer in the
diff --git a/style.css b/style.css
@@ -1,12 +1,9 @@
/* CSS Custom Properties */
:root {
- --bg-color: #fffff8;
- --text-color: #111;
- --text-muted: #ccc;
- --selection-color: #b4d5fe;
--font-sans: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
--font-serif: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
--font-mono: JetBrains Mono, monospace;
+ color-scheme: light dark;
}
code {
@@ -14,14 +11,6 @@ code {
font-size: 0.75rem;
}
-@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;
@@ -45,8 +34,6 @@ body {
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;
}
@@ -104,19 +91,6 @@ section > hr {
margin-left: 0;
}
-/* Links */
-a:link,
-a:visited {
- color: inherit;
- text-decoration: underline;
- text-decoration-skip-ink: auto;
- text-underline-offset: 0.1em;
-}
-
-::selection {
- background: var(--selection-color);
-}
-
/* Sidenotes and margin notes */
img {
max-width: 100%;
@@ -130,7 +104,7 @@ img {
width: 50%;
margin-top: 0.3rem;
margin-bottom: 0;
- font-size: 0.75rem;
+ font-size: 0.85rem;
line-height: 1.3;
position: relative;
}
@@ -217,10 +191,7 @@ tbody tr:last-child td{
display: inline;
}
- .sidenote {
- display: none;
- }
-
+ .sidenote,
.marginnote {
display: block;
float: none;
@@ -239,17 +210,7 @@ tbody tr:last-child td{
display: inline;
}
- .margin-toggle:checked + .sidenote {
- display: block;
- float: left;
- left: 1rem;
- clear: both;
- width: 95%;
- margin: 1rem 2.5%;
- position: relative;
- }
-
- label {
+ label.margin-toggle:not(.sidenote-number) {
cursor: pointer;
}
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:Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;--font-serif:Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--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 (width>=1000px){html{font-size:20px}}@media (width<=760px){html{font-size:18px}}body{width:87.5%;font-family:var(--font-serif);background-color:var(--bg-color);color:var(--text-color);counter-reset:sidenote-counter;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:12.5%}h1{font-family:var(--font-sans);margin-top:2.5rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;line-height:1}h2{font-family:var(--font-sans);font-size:1.1rem;font-weight:700}h3{font-size:1rem}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{margin-top:1.4rem;margin-bottom:1.4rem;font-size:1rem;line-height:1.4rem}section>p,section>ol,section>ul{width:55%}section>hr{width:55%;margin-left:0}a:link,a:visited{color:inherit;text-decoration-skip-ink:auto;text-underline-offset:.1em;text-decoration:underline}::selection{background:var(--selection-color)}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;width:50%;margin-top:.3rem;margin-bottom:0;margin-right:-60%;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{max-height:2rem;display:inline-block}label.margin-toggle:not(.sidenote-number){display:none}.socials a{line-height:2;display:block}table{border-collapse:collapse;border-top:2px solid #333;border-bottom:2px solid #333}th,td{padding:7px 14px}thead th{text-align:left;border-bottom:1px solid #333;font-weight:700}td{border-bottom:1px solid #e5e5e5}tbody tr:last-child td{border-bottom:0}.numeric{text-align:right}@media (width<=760px){body{width:90%;padding-left:5%;padding-right:5%}section>p,section>ol,section>ul{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote{display:none}.marginnote{float:none;clear:both;width:100%;margin:1rem 0;display:block;position:relative}.marginnote.socials{justify-content:space-around;display:flex}.marginnote.socials a{display:inline}.margin-toggle:checked+.sidenote{float:left;clear:both;width:95%;margin:1rem 2.5%;display:block;position:relative;left:1rem}label{cursor:pointer}img{width:100%}}
-\ No newline at end of file
+:root{--font-sans:Seravek,'Gill Sans Nova',Ubuntu,Calibri,'DejaVu Sans',source-sans-pro,sans-serif;--font-serif:Charter,'Bitstream Charter','Sitka Text',Cambria,serif;--font-mono:JetBrains Mono,monospace;color-scheme:light dark}code{font-family:var(--font-mono);font-size:.75rem}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:20px}}@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);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}h2{font-family:var(--font-sans);font-weight:700;font-size:1.1rem}h3{font-size:1rem}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,section > ol,section > ul{width:55%}section > hr{width:55%;margin-left:0}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.85rem;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}.socials a{display:block;line-height:2}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,section > ol,section > ul{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:block;float:none;clear:both;width:100%;margin:1rem 0;position:relative}.marginnote.socials{display:flex;justify-content:space-around}.marginnote.socials a{display:inline}label.margin-toggle:not(.sidenote-number){cursor:pointer}img{width:100%}}
