Landing page: the README wordmark as the title

index.html

@@ -19,7 +19,8 @@ main { max-width: 980px; margin: 0 auto; padding: 8px 16px 56px; }
 a { color: var(--link); text-decoration: none; }
 a:hover { text-decoration: underline; }
 header { text-align: center; }
-h1 { font-size: 2.6em; margin: 0.2em 0 0.3em; padding-bottom: 0.25em; border-bottom: 1px solid var(--line); }
+h1 { font-size: 2.6em; margin: 0.2em 0 0.3em; padding-bottom: 0.25em; border-bottom: 1px solid var(--line); line-height: 1; }
+h1 img.logo { height: 42px; width: auto; vertical-align: middle; }
 .subtitle { font-size: 1.55em; font-weight: 600; line-height: 1.3; margin: 0.6em 0; }
 .authors { font-size: min(16px, calc((100vw - 32px) * 0.0147)); white-space: nowrap; margin: 0.9em 0 0.4em; }
 @media (max-width: 900px) { .authors { font-size: 15px; white-space: normal; } }
@@ -49,7 +50,8 @@ code, .repo { font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Conso
 <body>
 <div class="top">
 <header>
-  <h1>ShellElastic</h1>
+  <h1><picture><source media="(prefers-color-scheme: dark)" srcset="shellelastic-logo-dark.svg">
+    <img class="logo" alt="ShellElastic" src="shellelastic-logo-light.svg" height="42"></picture></h1>
   <div class="subtitle">Scalable Elastic Pretraining<br>with Simultaneous Maximal Updates and Hyperparameter Transfer</div>
   <p class="authors"><span class="author"><b>Can Jin</b><sup>1*</sup></span> · <span class="author"><b>Yan Kang</b><sup>2</sup></span> · <span class="author"><b>Yifan Gong</b><sup>2</sup></span> · <span class="author"><b>Chongjian Ge</b><sup>2</sup></span> · <span class="author"><b>Mingze Xu</b><sup>2</sup></span> · <span class="author"><b>Yuanjun Xiong</b><sup>2</sup></span> · <span class="author"><b>Dimitris N. Metaxas</b><sup>1</sup></span> · <span class="author"><b>Hongwu Peng</b><sup>2</sup></span></p>
   <p class="affil"><sup>1</sup>Rutgers University &emsp; <sup>2</sup>Adobe Research</p>