Add publication resource links

index.html

@@ -128,14 +128,24 @@
 </div>
 <div class="column has-text-centered">
 <div class="publication-links">
-
-
-
-
-
-
-
-
+<span class="link-block">
+<a aria-label="Read the FlowAct-R2 paper on arXiv" class="external-link button is-normal is-rounded is-dark" href="https://arxiv.org/abs/2609.35728" rel="noopener noreferrer" target="_blank">
+<span class="icon"><i class="ai ai-arxiv"></i></span>
+<span>Paper</span>
+</a>
+</span>
+<span class="link-block">
+<a aria-label="Visit the FlowAct-R2 project page" class="external-link button is-normal is-rounded is-dark" href="https://bone-11.github.io/Flowact-R2/" rel="noopener noreferrer" target="_blank">
+<span class="icon"><i class="fab fa-github"></i></span>
+<span>Project Page</span>
+</a>
+</span>
+<span class="link-block">
+<a aria-label="Open the FlowAct-R2 Hugging Face Space" class="external-link button is-normal is-rounded is-dark" href="https://proaudience-flowact-r2.static.hf.space/" rel="noopener noreferrer" target="_blank">
+<span class="icon"><i class="fas fa-cube"></i></span>
+<span>Hugging Face</span>
+</a>
+</span>
 </div>
 </div>
 </div>

static/css/index.css

@@ -22,6 +22,25 @@ ul li {
     margin-bottom: 5px;
 }
 
+.publication-links {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 0.5rem;
+  margin-top: 1rem;
+}
+
+.publication-links .link-block,
+.publication-links .button {
+  margin: 0;
+}
+
+@media (max-width: 480px) {
+  .publication-links .button {
+    font-size: 0.9rem;
+  }
+}
+
 .dnerf {
   font-variant: small-caps;
 }