Update index.html

index.html

@@ -1000,12 +1000,12 @@
               <span class="icon"><i class="fab fa-github"></i></span>
               <span>Code</span>
             </a>
-            <a href="#" target="_blank"
+            <a href="https://huggingface.co/collections/thinkwee/novereason-68937ca75331dfaddaf24016" target="_blank"
                class="external-link button is-normal" style="background: linear-gradient(135deg, #FFD43B 0%, #FFE066 100%); color: #000; border: none; border-radius: 12px; padding: 12px 20px; font-weight: 500; box-shadow: 0 4px 12px rgba(255, 212, 59, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0);">
               <span class="icon"><i class="fas fa-database"></i></span>
               <span>Dataset</span>
             </a>
-            <a href="#" target="_blank"
+            <a href="https://huggingface.co/collections/thinkwee/nover1-68a6524eac725c915abd77e3" target="_blank"
                class="external-link button is-normal" style="background: linear-gradient(135deg, #0EA5E9 0%, #38BDF8 100%); color: white; border: none; border-radius: 12px; padding: 12px 20px; font-weight: 500; box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0);">
               <span class="icon"><i class="fas fa-cube"></i></span>
               <span>Model</span>
@@ -1020,7 +1020,7 @@
 <section class="section">
   <div class="container is-widescreen">
     <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start;">
-      <!-- Abstract on the left -->
+      
       <div class="abstract-card">
         <h2 class="title is-3" style="color: #1a1a1a; margin-bottom: 1.5rem;">TL;DR</h2>
         <p class="is-size-5" style="color: #374151; line-height: 1.6;">
@@ -1039,7 +1039,7 @@
         </p>
       </div>
       
-      <!-- Overall framework image placeholder on the right -->
+      
       <div class="figure-container">
         <div class="figure-placeholder" style="height: 280px; display: flex; flex-direction: column; justify-content: center; align-items: center;">
           <img src="logo.png" alt="NOVER Framework Overview" style="width: 100%; height: 100%; object-fit: contain;">
@@ -1075,7 +1075,7 @@
   <div class="container is-widescreen">
     <h2 class="title is-2 has-text-centered" style="color: #333; margin-bottom: 3rem;">NOVER Methodology</h2>
     
-    <!-- Image Placeholders Row -->
+    
     <div style="display: flex; justify-content: space-between; align-items: center; margin: 2rem 0; padding: 0 1rem;">
       <div style="width: 600px; height: 420px;">
         <img src="paradigm.png" alt="paradigm" style="width: 100%; height: 100%; object-fit: contain;">
@@ -1085,7 +1085,7 @@
       </div>
     </div>
     
-    <!-- Core Framework Comparison -->
+    
     <div class="method-comparison">
       <div class="method-card">
         <div class="method-icon"><i class="fas fa-graduation-cap"></i></div>
@@ -1109,9 +1109,9 @@
       </div>
     </div>
 
-    <!-- Consolidated Mathematical Formulations -->
+    
     <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin: 3rem 0;">
-      <!-- Reasoning Perplexity -->
+      
       <div class="formula-container">
         <div class="formula-title">Reasoning Perplexity</div>
         <div style="font-size: 0.9rem; margin: 1rem 0;">
@@ -1122,7 +1122,7 @@
         </div>
       </div>
       
-      <!-- Rewards -->
+      
       <div class="formula-container">
         <div class="formula-title">Rewards</div>
         <div style="font-size: 1.1rem; margin: 1rem 0;">
@@ -1133,7 +1133,7 @@
         </div>
       </div>
       
-      <!-- Policy-Proxy Synchronization -->
+      
       <div class="formula-container">
         <div class="formula-title">Policy-Proxy Synchronization</div>
         <div style="font-size: 1.1rem; margin: 1rem 0;">
@@ -1155,12 +1155,12 @@
   <div class="container is-widescreen">
     <h2 class="title is-2 has-text-centered" style="color: #333; margin-bottom: 3rem;">Experimental Results</h2>
     
-    <!-- Table 1 and Table 2 in two columns -->
+    
     <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-top: 3rem; align-items: start;">
-      <!-- Table 1 on the left -->
+      
       <div>
         <h3 class="table-title">Overall on NOVEReason Dataset</h3>
-        <!-- Main Results Table -->
+        
         <div class="table-section">
           <div class="results-table table-1">
             <table>
@@ -1306,7 +1306,7 @@
         </div>
       </div>
       
-      <!-- Table 2 on the right -->
+      
       <div>
         <h3 class="table-title">General Reasoning with Different Backends</h3>
         <div class="table-section">
@@ -1435,7 +1435,7 @@
     </div>
   </div>
 
-  <!-- Key Takeaways below the tables - full width -->
+  
   <div style="margin-top: 3rem;">
     <div class="glass-card">
       <h3 class="title is-4" style="color: #1a1a1a; margin-bottom: 1.5rem;">Key Takeaways</h3>