Add link to paper

Author: liranringel

src/pages/index.astro

@@ -19,13 +19,20 @@ const baseUrl = import.meta.env.BASE_URL.endsWith("/") ? import.meta.env.BASE_UR
           DDTree (Diffusion Draft Tree) builds a draft tree from one block diffusion pass, then verifies the whole tree in one target-model forward pass.
         </p>
         <div class="hero-actions">
-          <a class="button arxiv" href="https://arxiv.org/" target="_blank" rel="noreferrer">
-            <img
-              class="button-logo arxiv-logo"
-              src={`${baseUrl}assets/logos/arxiv-logo-color.png`}
-              alt="arXiv"
-              loading="lazy"
-            />
+          {/* Temporary paper link. Revert this href to the final arXiv URL and swap the SVG back to the arXiv logo asset once the preprint is live. */}
+          <a class="button paper" href={`${baseUrl}DDTree.pdf`} target="_blank" rel="noreferrer">
+            <svg class="button-icon paper-mark" viewBox="0 0 16 16" aria-hidden="true">
+              <path
+                d="M4 1.5h5.7L13 4.8V13a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 13V3A1.5 1.5 0 0 1 4.5 1.5Z"
+                fill="none"
+                stroke="currentColor"
+                stroke-linejoin="round"
+              ></path>
+              <path d="M9.5 1.5V5H13" fill="none" stroke="currentColor" stroke-linejoin="round"></path>
+              <path d="M5.5 7.25h5" stroke="currentColor" stroke-linecap="round"></path>
+              <path d="M5.5 9.25h5" stroke="currentColor" stroke-linecap="round"></path>
+              <path d="M5.5 11.25h3.25" stroke="currentColor" stroke-linecap="round"></path>
+            </svg>
             <span>Paper</span>
           </a>
           <a class="button github" href={siteMeta.repoUrl} target="_blank" rel="noreferrer">

src/styles/global.css

@@ -207,14 +207,9 @@ main {
   height: 1rem;
 }
 
-.button-logo {
-  display: block;
-  width: auto;
-  flex: 0 0 auto;
-}
-
-.arxiv-logo {
-  height: 1.22rem;
+.paper-mark {
+  width: 1rem;
+  height: 1rem;
 }
 
 .button:hover {
@@ -226,14 +221,14 @@ main {
   box-shadow: 0 0 0 3px rgba(24, 35, 55, 0.14);
 }
 
-.button.arxiv {
+.button.paper {
   color: var(--ink);
   background: rgba(255, 255, 255, 0.9);
   border-color: rgba(179, 27, 27, 0.18);
   box-shadow: 0 10px 26px rgba(24, 35, 55, 0.06);
 }
 
-.button.arxiv:hover {
+.button.paper:hover {
   background: rgba(255, 255, 255, 0.98);
   border-color: rgba(179, 27, 27, 0.3);
   box-shadow: 0 14px 28px rgba(24, 35, 55, 0.08);
@@ -1257,10 +1252,6 @@ main {
     border-radius: 0.92rem;
   }
 
-  .arxiv-logo {
-    height: 1.06rem;
-  }
-
   .hero-poster,
   .poster-frame {
     min-height: 18.5rem;