Update index.html

index.html

@@ -110,7 +110,16 @@
             color: var(--text-secondary);
             margin-top: 4px;
         }
-
+        .intro-desc {
+            margin-top:14px;
+            font-size:14px;
+            color:var(--text-secondary);
+            line-height:1.6;
+        }
+        .header-links {
+            margin-top:12px;
+            font-size:14px;
+        }
         .like-btn {
             margin-left: auto;
             display: flex;
@@ -126,42 +135,6 @@
             flex-shrink: 0;
         }
 
-        /* Tags */
-        .tags {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 8px;
-            margin-bottom: 24px;
-        }
-
-        .tag {
-            display: inline-flex;
-            align-items: center;
-            gap: 6px;
-            padding: 5px 12px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border);
-            border-radius: 999px;
-            font-size: 12px;
-            color: var(--text-secondary);
-        }
-
-        .tag.benchmark {
-            background: rgba(251, 191, 36, 0.1);
-            border-color: rgba(251, 191, 36, 0.3);
-            color: var(--accent-gold);
-        }
-
-        .tag .dot {
-            width: 6px;
-            height: 6px;
-            border-radius: 50%;
-            background: var(--accent-blue);
-        }
-
-        .tag .dot.green { background: var(--accent-green); }
-        .tag .dot.orange { background: #f97316; }
-
         /* Tabs */
         .tab-bar {
             display: flex;
@@ -299,10 +272,6 @@
             gap: 4px;
         }
 
-        .lb-rank .trophy {
-            font-size: 16px;
-        }
-
         .lb-model {
             display: flex;
             align-items: center;
@@ -536,6 +505,16 @@
             <div class="title-block">
                 <h1>Infernet Econometrics Benchmark</h1>
                 <p class="subtitle">CamoAiLab · HKU CAMO</p>
+                <p class="intro-desc">
+                    An evaluation benchmark for large‑language‑model agents, measuring the capability to reproduce real‑world econometric empirical studies: generating executable code, replicating regression outputs, and recovering correct treatment‑effect coefficient signs.
+                </p>
+                <div class="header-links">
+                    🔗 <a href="https://huggingface.co/datasets/CamoAiLab/Infernet" target="_blank">Dataset</a>
+                    &nbsp;|&nbsp;
+                    📄 <a href="#" target="_blank">Paper</a>
+                    &nbsp;|&nbsp;
+                    🐙 <a href="#" target="_blank">GitHub</a>
+                </div>
             </div>
             <div class="like-btn">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -544,27 +523,14 @@
                 Leaderboard
             </div>
         </div>
-
-        <div class="tags">
-            <span class="tag benchmark">🏆 Benchmark</span>
-            <span class="tag"><span class="dot"></span> Tasks: Econometrics</span>
-            <span class="tag"><span class="dot green"></span> Modalities: Code</span>
-            <span class="tag"><span class="dot orange"></span> Formats: CSV</span>
-            <span class="tag">
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
-                Open
-            </span>
-        </div>
     </header>
 
-    <!-- Tab顺序修改：0 Partial Replication(默认active),1 Compilation Success,2 Coefficient Direction -->
     <div class="tab-bar">
         <button class="tab active" data-idx="0">Partial Replication</button>
         <button class="tab" data-idx="1">Compilation Success</button>
         <button class="tab" data-idx="2">Coefficient Direction</button>
     </div>
 
-    <!-- panel顺序同步调换，第一个show是Partial Replication -->
     <div class="panel show" id="panel-rep">
         <div class="leaderboard-card">
             <div class="leaderboard-header">
@@ -705,11 +671,15 @@ function buildRows(data, sortKey, containerId) {
             const isTop = rank === 1;
             const avatarColor = getOrgColor(modelId);
 
+            // 金银铜奖牌
+            let rankDisplay = rank;
+            if(rank ===1) rankDisplay = "🥇";
+            else if(rank ===2) rankDisplay = "🥈";
+            else if(rank ===3) rankDisplay = "🥉";
+
             html += `
                 <div class="lb-row${isTop ? " top-1" : ""}">
-                    <div class="lb-rank">
-                        ${isTop ? '<span class="trophy">🏆</span>' : rank}
-                    </div>
+                    <div class="lb-rank">${rankDisplay}</div>
                     <div class="lb-model">
                         <div class="model-avatar" style="background:${avatarColor}22;border-color:${avatarColor}44;color:${avatarColor}">
                             ${getAvatarLetter(modelId)}
@@ -717,7 +687,6 @@ function buildRows(data, sortKey, containerId) {
                         <div class="model-info">
                             <div class="model-name" title="${modelId}">${modelId}</div>
                             <div class="model-meta">
-                                <!-- 全部硬编码 verified；后续csv增加verified字段后，这里改成读取row["verified"]做判断 -->
                                 <span class="status-badge verified">✓ verified</span>
                             </div>
                         </div>
@@ -762,7 +731,6 @@ async function loadData() {
             throw new Error("CSV parsed zero rows");
         }
 
-        // 对应panel‑idx 0:rep,1:compile,2:dir
         buildRows(data, "Partial Replication (%)", "rows-rep");
         buildRows(data, "Compilation Success (%)", "rows-compile");
         buildRows(data, "Correct Coefficient Direction (%)", "rows-dir");