commit 4b25f6c711ed692d706044a988ba98f82e22ce9c
parent 4c3634153667257397b3872b7b30c46669b1c580
Author: Silas Brack <silasbrack@gmail.com>
Date: Tue, 28 Apr 2026 10:22:38 +0200
chore: clean up a lot
Diffstat:
4 files changed, 25 insertions(+), 84 deletions(-)
diff --git a/index.html b/index.html
@@ -1,27 +1,18 @@
<!doctype html>
<html lang="en">
<head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<title>Silas Brack</title>
- <link rel="shortcut icon" href="data:," />
- <link rel="stylesheet" href="style.min.css" />
+ <link rel="shortcut icon" href="data:,">
+ <link rel="stylesheet" href="style.min.css">
</head>
<body>
- <article>
- <section>
- <!-- <p>
- <input type="checkbox" id="sn-profile" class="margin-toggle" />
- <span class="marginnote">
- <img style="width:200px; border-radius:50%; overflow:hidden;" src="profile.jpg" />
- </span>
- </p> -->
+ <main>
<h1>Silas Brack</h1>
<p class="subtitle"><a href="./assets/cv.pdf">CV</a> · <a href="https://github.com/silasbrack">GitHub</a> · <a href="https://www.linkedin.com/in/silasbrack/">LinkedIn</a></p>
- </section>
- <section>
<p>
I'm an AI Research Engineer at <a href="https://teton.ai">Teton</a>,
where we're building next-generation healthcare technology to support
@@ -60,7 +51,6 @@
projects, reading, watching films, listening to music, or experimenting in the
kitchen.
</p>
- </section>
- </article>
+ </main>
</body>
</html>
diff --git a/posts/birthday.html b/posts/birthday.html
@@ -1,27 +1,24 @@
<!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang xml:lang>
+<html lang="en">
<head>
- <meta charset="utf-8" />
- <meta name="generator" content="pandoc" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
- <link rel="stylesheet" href="../style.css" />
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="color-scheme" content="light dark">
+ <link rel="stylesheet" href="../style.css">
<title>We’re really bad at exponentials</title>
</head>
<body>
<article>
- <header id="title-block-header">
- <h1 class="title">We’re really bad at exponentials</h1>
- <p class="subtitle">The birthday paradox, Gaussian soap
-bubbles, and general coincidences</p>
- </header>
- <section>
+ <header>
+ <h1>We’re really bad at exponentials</h1>
+ <p class="subtitle">The birthday paradox, Gaussian soap bubbles, and general coincidences</p>
+ </header>
<p>Some things confuse me. To be fair, I don’t think I’m
especially good at riddles, I always fall for the famous paradoxes,
and</p>
<h2 id="the-birthday-paradox">The Birthday Paradox</h2>
<p>Most of
-us<label for="sn-thesis" class="margin-toggle sidenote-number"></label>
-<input type="checkbox" id="sn-thesis" class="margin-toggle"></input> <span class="sidenote">Some of us prefer to </span> are surprised to learn
+us (some of us prefer to) are surprised to learn
that it only 23 people in a classroom This is pretty simple to calculate
with basic combinatorics—we have
<math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>P</mi><mo stretchy="false" form="prefix">(</mo><mtext mathvariant="normal">duplicates</mtext><mo stretchy="false" form="postfix">)</mo><mo>=</mo><mn>1</mn><mo>−</mo><mi>P</mi><mo stretchy="false" form="prefix">(</mo><mtext mathvariant="normal">no duplicates</mtext><mo stretchy="false" form="postfix">)</mo></mrow><annotation encoding="application/x-tex">P(\text{duplicates}) = 1 - P(\text{no duplicates})</annotation></semantics></math>$:</p>
@@ -67,9 +64,8 @@ traits. However, the general argument still holds.</p>
degrees of separation</h2>
<p>I’m always surprised to find out that some friend-of-a-friend went to
school with a seemingly-unrelated friend of
-mine.<label for="sn-thesis" class="margin-toggle sidenote-number"></label>
-<input type="checkbox" id="sn-thesis" class="margin-toggle"></input> <span class="sidenote"><a href="https://improbability-principle.com/tales-of-strange-coincidences/">And
-so is everyone else.</a></span> We comment on how small the world is, or
+mine (<a href="https://improbability-principle.com/tales-of-strange-coincidences/">and
+so is everyone else</a>). We comment on how small the world is, or
remark that Copenhagen is a small town. This is probably also reflective
of me underestimating how many <em>things</em> there are. There are so
many ways we can be connected, so many close or distant relationships we
@@ -113,8 +109,7 @@ starts outweighing the effect of the Gaussian pulling features towards
the mode.</p>
<p>We’re terrible We think in logarithmic terms, so we consistently
underestimate the power of exponentials.</p>
-<p>Climate change, and covid</p>
- </section>
+<p>Climate change, and covid</p>
</article>
</body>
</html>
diff --git a/style.css b/style.css
@@ -10,30 +10,15 @@ code {
font-size: 0.75rem;
}
-/* Fluid typography: scales font size based on viewport width */
html {
- font-size: 2.4vw;
-}
-
-@media (min-width: 1000px) {
- html {
- font-size: 20px;
- }
-}
-
-@media (max-width: 760px) {
- html {
- font-size: 18px;
- }
+ font-size: clamp(18px, 2.4vw, 20px);
}
body {
- width: 87.5%;
- margin-left: auto;
- margin-right: auto;
- padding-left: 12.5%;
+ max-width: 65ch;
+ margin: 0 auto;
+ padding: 2rem 1rem;
font-family: var(--font-serif);
- max-width: 1400px;
}
h1 {
@@ -62,7 +47,7 @@ p.subtitle {
line-height: 1;
}
-article {
+main, article {
padding: 3rem 0;
}
@@ -78,16 +63,6 @@ p {
margin-bottom: 1.4rem;
}
-section > p,
-section > ol,
-section > ul {
- width: 55%;
-}
-
-section > hr {
- width: 55%;
- margin-left: 0;
-}
img {
max-width: 100%;
@@ -117,22 +92,3 @@ tbody tr:last-child td{
.numeric{
text-align:right;
}
-
-/* Mobile */
-@media (max-width: 760px) {
- body {
- width: 90%;
- padding-left: 5%;
- padding-right: 5%;
- }
-
- section > p,
- section > ol,
- section > ul {
- width: 100%;
- }
-
- img {
- width: 100%;
- }
-}
diff --git a/style.min.css b/style.min.css
@@ -1 +1 @@
-: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}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}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%}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%}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}code{font-family:var(--font-mono);font-size:.75rem}html{font-size:clamp(18px,2.4vw,20px)}body{max-width:65ch;margin:0 auto;padding:2rem 1rem;font-family:var(--font-serif)}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}main,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}img{max-width:100%}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}
