Add arXiv and Hugging Face Papers links

index.html

@@ -29,7 +29,8 @@
         <a href="#date" data-sec="date">Declared date</a>
         <a href="#benchmark" data-sec="benchmark">Benchmark</a>
       </nav>
-      <a class="btn btn--sm" href="https://huggingface.co/datasets/TheFinAI/FinDendro" target="_blank" rel="noreferrer">Data <span class="arrow">↗</span></a>
+      <a class="btn btn--sm btn--ghost nav-data" href="https://huggingface.co/datasets/TheFinAI/FinDendro" target="_blank" rel="noreferrer">Data <span class="arrow">↗</span></a>
+      <a class="btn btn--sm" href="https://arxiv.org/abs/2611.06808" target="_blank" rel="noreferrer">Paper <span class="arrow">↗</span></a>
     </div>
   </div>
 </header>
@@ -47,6 +48,7 @@
           <a class="btn btn--lg" href="#replay">Try to beat a model</a>
           <a class="btn btn--lg btn--ghost" href="#leaderboard">See who knows</a>
         </div>
+        <p class="paper-links reveal"><a href="https://arxiv.org/abs/2611.06808" target="_blank" rel="noreferrer">arXiv 2611.06808 ↗</a><a href="https://huggingface.co/papers/2611.06808" target="_blank" rel="noreferrer">Hugging Face Papers ↗</a></p>
       </div>
 
       <figure class="hero-viz reveal">
@@ -196,7 +198,7 @@
   </section>
 </main>
 
-<footer class="foot"><div class="wrap foot-in"><span>FinDendro · The Fin AI</span><a href="https://huggingface.co/datasets/TheFinAI/FinDendro" target="_blank" rel="noreferrer">Questions and raw results ↗</a></div></footer>
+<footer class="foot"><div class="wrap foot-in"><span>FinDendro · The Fin AI</span><span class="foot-links"><a href="https://arxiv.org/abs/2611.06808" target="_blank" rel="noreferrer">Paper · arXiv 2611.06808 ↗</a><a href="https://huggingface.co/papers/2611.06808" target="_blank" rel="noreferrer">Hugging Face Papers ↗</a><a href="https://huggingface.co/datasets/TheFinAI/FinDendro" target="_blank" rel="noreferrer">Questions and raw results ↗</a></span></div></footer>
 <script src="./data.js"></script>
 <script src="./app.js"></script>
 </body>

style.css

@@ -233,6 +233,10 @@ table.pit{min-width:680px}
 .foot{border-top:1px solid var(--line);padding-block:24px;font-size:.84rem;color:var(--muted)}
 .foot-in{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
 .foot a:hover{color:var(--ink)}
+.foot-links{display:flex;flex-wrap:wrap;gap:6px 22px}
+.paper-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;font-size:.88rem}
+.paper-links a{color:var(--soft);border-bottom:1px solid var(--line)}
+.paper-links a:hover{color:var(--ink)}
 
 .tip{position:fixed;z-index:70;pointer-events:none;background:#10201c;color:#fff;font-size:.78rem;line-height:1.45;padding:7px 10px;border-radius:8px;max-width:250px;opacity:0;transition:opacity .12s;left:0;top:0;font-variant-numeric:tabular-nums}
 .tip.show{opacity:1}.tip b{font-weight:600}
@@ -251,7 +255,7 @@ table.pit{min-width:680px}
   .xs-side{width:50px}
   .q-text{min-height:0}
 }
-@media (max-width:480px){.m-grid{grid-template-columns:minmax(0,1fr)}.xs-ends{grid-template-columns:repeat(2,1fr)}}
+@media (max-width:480px){.nav-data{display:none}.m-grid{grid-template-columns:minmax(0,1fr)}.xs-ends{grid-template-columns:repeat(2,1fr)}}
 @media (prefers-reduced-motion:reduce){
   html{scroll-behavior:auto}
   .reveal,.js .reveal:not(.in){opacity:1;transform:none;transition:none}