commit 2530cac0c5efc66070649ce58ffbb6ab6ca838a5
parent fef1b9ea3610a1bfa47db6e5484ca008adce288c
Author: Silas Brack <silasbrack@gmail.com>
Date: Mon, 27 Apr 2026 22:30:19 +0200
Move socials to subtitle, remove marginnote/flex CSS
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Diffstat:
3 files changed, 3 insertions(+), 50 deletions(-)
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
<title>Silas Brack</title>
<link rel="shortcut icon" href="data:," />
<style type="text/css">
-: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%}.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}.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%}.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}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: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%}}
</style>
</head>
@@ -21,20 +21,7 @@
</span>
</p> -->
<h1>Silas Brack</h1>
- <p class="subtitle">AI Research Engineer</p>
- <p style="font-family:var(--font-sans);">
- <span class="marginnote socials">
- <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>
- </span>
- </p>
+ <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>
diff --git a/style.css b/style.css
@@ -93,22 +93,6 @@ img {
max-width: 100%;
}
-.marginnote {
- float: right;
- clear: right;
- margin-right: -60%;
- width: 50%;
- margin-top: 0.3rem;
- margin-bottom: 0;
- font-size: 0.85rem;
- line-height: 1.3;
- position: relative;
-}
-
-.socials a {
- display: block;
- line-height: 2.0;
-}
/* Tables */
table{
@@ -148,24 +132,6 @@ tbody tr:last-child td{
width: 100%;
}
- .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;
- }
-
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%}.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}.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%}.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}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: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%}}
