Link preprint and new tweet

etowahadams · Feb 15, 2025 · 95b1fb2 · 95b1fb2
1 parent 5bb613c
commit 95b1fb2
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 22 deletions.
diff --git a/viz/src/components/AboutPage.tsx b/viz/src/components/AboutPage.tsx
@@ -39,12 +39,14 @@ const AboutPage: React.FC = () => {
         <p className="mt-6 text-left">
           <Markdown>
             We trained some Sparse Autoencoders (SAEs) on
-            [ESM2](https://github.com/facebookresearch/esm), build an interactive
-            [visualizer](/#/sae-viz), and are working on writing up more technical details.
-            Meanwhile, if you're interested in learning more, check out these tweets:
+            [ESM2](https://github.com/facebookresearch/esm), built an interactive
+            [visualizer](/#/sae-viz), and released a
+            [preprint](https://www.biorxiv.org/content/10.1101/2025.02.06.636901v1). If you prefer
+            Tweetorials, check these out:
           </Markdown>
         </p>
         <div className="mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+          <EmbeddedTweet url="https://twitter.com/etowah0/status/1888977417127055413" />
           <EmbeddedTweet url="https://twitter.com/liambai21/status/1852765669080879108" />
           <EmbeddedTweet url="https://twitter.com/liambai21/status/1857066057774567706" />
           <EmbeddedTweet url="https://twitter.com/liambai21/status/1854739750692802566" />

diff --git a/viz/src/components/Navbar.tsx b/viz/src/components/Navbar.tsx
@@ -29,27 +29,33 @@ const Navbar: React.FC = () => {
               >
                 <X />
               </button>
-              <Link
-                to={`/sae-viz/${DEFAULT_SAE_MODEL}/${SAE_CONFIGS[DEFAULT_SAE_MODEL].defaultDim}`}
+              <a
+                href="https://www.biorxiv.org/content/10.1101/2025.02.06.636901v1"
+                target="_blank"
+                rel="noopener noreferrer"
                 className="text-2xl text-gray-600 hover:text-gray-900"
                 onClick={() => setIsMobileMenuOpen(false)}
               >
-                Visualizer
-              </Link>
-              <Link
-                to="https://github.com/etowahadams/plm-interpretability/tree/main"
+                Preprint
+              </a>
+              <a
+                href="https://github.com/etowahadams/plm-interpretability/tree/main"
+                target="_blank"
+                rel="noopener noreferrer"
                 className="text-2xl text-gray-600 hover:text-gray-900"
                 onClick={() => setIsMobileMenuOpen(false)}
               >
                 GitHub
-              </Link>
-              <Link
-                to="https://huggingface.co/liambai/InterProt-ESM2-SAEs"
+              </a>
+              <a
+                href="https://huggingface.co/liambai/InterProt-ESM2-SAEs"
+                target="_blank"
+                rel="noopener noreferrer"
                 className="text-2xl text-gray-600 hover:text-gray-900"
                 onClick={() => setIsMobileMenuOpen(false)}
               >
                 Models
-              </Link>
+              </a>
               <Link
                 to="/about"
                 className="text-2xl text-gray-600 hover:text-gray-900"
@@ -68,21 +74,30 @@ const Navbar: React.FC = () => {
         </div>
       ) : (
         <nav className="space-x-4 flex">
-          <Link to="/sae-viz" className="text-gray-600 hover:text-gray-900">
-            Visualizer
-          </Link>
-          <Link
-            to="https://github.com/etowahadams/plm-interpretability/tree/main"
+          <a
+            href="https://www.biorxiv.org/content/10.1101/2025.02.06.636901v1"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-gray-600 hover:text-gray-900"
+          >
+            Preprint
+          </a>
+          <a
+            href="https://github.com/etowahadams/plm-interpretability/tree/main"
+            target="_blank"
+            rel="noopener noreferrer"
             className="text-gray-600 hover:text-gray-900"
           >
             GitHub
-          </Link>
-          <Link
-            to="https://huggingface.co/liambai/InterProt-ESM2-SAEs"
+          </a>
+          <a
+            href="https://huggingface.co/liambai/InterProt-ESM2-SAEs"
+            target="_blank"
+            rel="noopener noreferrer"
             className="text-gray-600 hover:text-gray-900"
           >
             Models
-          </Link>
+          </a>
           <Link to="/about" className="text-gray-600 hover:text-gray-900">
             About
           </Link>