Demo: link to the GitHub repo and both Hugging Face repos

index.html

@@ -15,6 +15,9 @@
   header { margin-bottom: 20px; }
   header h1 { font: inherit; font-size: 15px; font-weight: 600; }
   header p { color: var(--dim); }
+  header nav { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
+  header nav a { color: var(--dim); text-decoration: none; border: 1px solid var(--line); padding: 0 8px; }
+  header nav a:hover { color: var(--fg); border-color: var(--dim); }
   .box { border: 1px solid var(--line); }
   .bar { display: flex; justify-content: space-between; gap: 12px; padding: 8px 14px; color: var(--dim); }
   .bar + .editor, .editor + .bar { border-top: 1px solid var(--line); }
@@ -43,6 +46,11 @@
   <header>
     <h1>ghost-typer</h1>
     <p>finishes your sentences. never takes the byline.</p>
+    <nav>
+      <a href="https://github.com/tmickleydoyle/ghost-typer">github</a>
+      <a href="https://huggingface.co/tmickleydoyle/ghost-typer">huggingface: model</a>
+      <a href="https://huggingface.co/tmickleydoyle/ghost-typer-web">huggingface: browser model</a>
+    </nav>
   </header>
   <div class="box">
     <div class="bar"><span id="meta">loading model...</span></div>