From b91d8dffcc84c593fb0b71c14af88b3bc0c1ee1b Mon Sep 17 00:00:00 2001
From: John Yang <byjohnyang@gmail.com>
Date: Mon, 13 Jan 2025 10:53:53 -0800
Subject: [PATCH] Add auto-scroll behavior to index template

---
 index.html                   | 264 +----------------------------------
 template/template_index.html |  34 +++--
 2 files changed, 28 insertions(+), 270 deletions(-)

diff --git a/index.html b/index.html
index cd6bc6d..1072b75 100644
--- a/index.html
+++ b/index.html
@@ -136,10 +136,10 @@ <h2 class="text-title">Leaderboard</h2>
             <ul class="tab">
               <li><button id="tab-lite" class="tablinks" data-leaderboard="Lite">Lite</button></li>
               <li><button id="tab-verified" class="tablinks" data-leaderboard="Verified">Verified</button></li>
-              <li><button id="tab-full" class="tablinks" data-leaderboard="Full">Full</button></li>
+              <li><button id="tab-test" class="tablinks" data-leaderboard="Test">Full</button></li>
             </ul>
             
-            <div class="tabcontent" style="display: block" id="leaderboard-Full">
+            <div class="tabcontent" style="display: block" id="leaderboard-Test">
               <table class="table scrollable">
                 <thead>
                   <tr>
@@ -154,9 +154,7 @@ <h2 class="text-title">Leaderboard</h2>
                 </thead>
                 <tbody>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -195,9 +193,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -236,9 +232,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -277,9 +271,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -317,9 +309,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -357,9 +347,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -397,9 +385,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -435,9 +421,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -475,9 +459,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -515,9 +497,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -555,9 +535,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -595,9 +573,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -633,9 +609,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -673,9 +647,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -711,9 +683,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -749,9 +719,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -787,9 +755,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -825,9 +791,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -882,9 +846,7 @@ <h2 class="text-title">Leaderboard</h2>
                 </thead>
                 <tbody>
                   
-                  
                   <tr style="background-color: #82CEFA;">
-                  
                     <td>
                       <p class="model-type">
                         🆕
@@ -921,9 +883,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -960,9 +920,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr style="background-color: #82CEFA;">
-                  
                     <td>
                       <p class="model-type">
                         🆕
@@ -1001,9 +959,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1041,9 +997,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1081,9 +1035,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1121,9 +1073,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1161,9 +1111,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1201,9 +1149,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1241,9 +1187,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1281,9 +1225,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1321,9 +1263,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1361,9 +1301,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1401,9 +1339,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1441,9 +1377,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1481,9 +1415,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1521,9 +1453,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1561,9 +1491,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1601,9 +1529,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1641,9 +1567,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1681,9 +1605,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1721,9 +1643,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1761,9 +1681,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1801,9 +1719,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1841,9 +1757,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr style="background-color: #82CEFA;">
-                  
                     <td>
                       <p class="model-type">
                         🆕
@@ -1877,9 +1791,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1917,9 +1829,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1957,9 +1867,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -1997,9 +1905,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2037,9 +1943,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2077,9 +1981,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2117,9 +2019,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2157,9 +2057,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2197,9 +2095,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2237,9 +2133,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2275,9 +2169,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2315,9 +2207,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2355,9 +2245,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2395,9 +2283,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2435,9 +2321,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2475,9 +2359,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2515,9 +2397,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2555,9 +2435,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2595,9 +2473,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2635,9 +2511,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2675,9 +2549,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2715,9 +2587,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2755,9 +2625,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2793,9 +2661,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2833,9 +2699,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2873,9 +2737,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2913,9 +2775,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2951,9 +2811,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -2989,9 +2847,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3027,9 +2883,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3065,9 +2919,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3122,9 +2974,7 @@ <h2 class="text-title">Leaderboard</h2>
                 </thead>
                 <tbody>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3161,9 +3011,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3202,9 +3050,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3243,9 +3089,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3283,9 +3127,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3323,9 +3165,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3363,9 +3203,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3401,9 +3239,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3441,9 +3277,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3481,9 +3315,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3521,9 +3353,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3559,9 +3389,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3599,9 +3427,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr style="background-color: #82CEFA;">
-                  
                     <td>
                       <p class="model-type">
                         🆕
@@ -3639,9 +3465,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3679,9 +3503,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr style="background-color: #82CEFA;">
-                  
                     <td>
                       <p class="model-type">
                         🆕
@@ -3719,9 +3541,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3759,9 +3579,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3797,9 +3615,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3837,9 +3653,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3877,9 +3691,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3917,9 +3729,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3957,9 +3767,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -3997,9 +3805,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr style="background-color: #82CEFA;">
-                  
                     <td>
                       <p class="model-type">
                         🆕
@@ -4035,9 +3841,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4075,9 +3879,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4113,9 +3915,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4153,9 +3953,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4193,9 +3991,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4233,9 +4029,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4273,9 +4067,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4309,9 +4101,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4347,9 +4137,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4385,9 +4173,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4425,9 +4211,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4463,9 +4247,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4503,9 +4285,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4543,9 +4323,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4583,9 +4361,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4621,9 +4397,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4659,9 +4433,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4699,9 +4471,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4739,9 +4509,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4777,9 +4545,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4817,9 +4583,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4855,9 +4619,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4895,9 +4657,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4935,9 +4695,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -4975,9 +4733,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -5015,9 +4771,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -5053,9 +4807,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -5093,9 +4845,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -5131,9 +4881,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -5169,9 +4917,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -5207,9 +4953,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -5245,9 +4989,7 @@ <h2 class="text-title">Leaderboard</h2>
                     </td>
                   </tr>
                   
-                  
                   <tr>
-                  
                     <td>
                       <p class="model-type">
                         
@@ -5572,7 +5314,7 @@ <h3 class="text-title" style="margin-bottom:0.5em">Citation</h3>
 
         // Check URL hash for tab selection
         const hash = window.location.hash.slice(1).toLowerCase();
-        if (hash === 'lite' || hash === 'verified' || hash === 'full') {
+        if (hash === 'lite' || hash === 'verified' || hash === 'test') {
           const tabName = hash.charAt(0).toUpperCase() + hash.slice(1);
           openLeaderboard(tabName, false);
           // Scroll to leaderboard section after a slight delay
diff --git a/template/template_index.html b/template/template_index.html
index 47b94a7..6da4a8b 100644
--- a/template/template_index.html
+++ b/template/template_index.html
@@ -131,7 +131,7 @@ <h2 class="text-title">News</h2>
           </div>
         </div>
         <div class="content-wrapper">
-          <div class="content-box">
+          <div class="content-box leaderboard">
             <h2 class="text-title">Leaderboard</h2>
             <ul class="tab">
               <li><button id="tab-lite" class="tablinks" data-leaderboard="Lite">Lite</button></li>
@@ -154,11 +154,7 @@ <h2 class="text-title">Leaderboard</h2>
                 </thead>
                 <tbody>
                   {% for item in leaderboard.results if not item.warning %}
-                  {% if item.date >= "2025-01-01" %}
-                  <tr style="background-color: #82CEFA;">
-                  {% else %}
-                  <tr>
-                  {% endif %}
+                  {% if item.date >= "2025-01-01" %}<tr style="background-color: #82CEFA;">{% else %}<tr>{% endif %}
                     <td>
                       <p class="model-type">
                         {% if item.date >= "2025-01-01" %}🆕{% endif %}
@@ -454,7 +450,7 @@ <h3 class="text-title" style="margin-bottom:0.5em">Citation</h3>
       </section>
     </div>
     <script>
-      function openLeaderboard(leaderboard) {
+      function openLeaderboard(leaderboard, updateHash = true) {
         var tabcontent = document.getElementsByClassName("tabcontent");
         for (var i = 0; i < tabcontent.length; i++) {
           tabcontent[i].style.display = "none";
@@ -467,6 +463,11 @@ <h3 class="text-title" style="margin-bottom:0.5em">Citation</h3>
 
         document.getElementById(`leaderboard-${leaderboard}`).style.display = "block";
         document.querySelector(`[data-leaderboard="${leaderboard}"]`).classList.add("active");
+
+        // Update URL hash if requested
+        if (updateHash) {
+          window.location.hash = leaderboard.toLowerCase();
+        }
       }
 
       document.addEventListener('DOMContentLoaded', function() {
@@ -474,11 +475,26 @@ <h3 class="text-title" style="margin-bottom:0.5em">Citation</h3>
         tabs.forEach(function(tab) {
           tab.addEventListener('click', function(event) {
             openLeaderboard(this.getAttribute('data-leaderboard'));
+            // Scroll to leaderboard section after a slight delay
+            setTimeout(() => {
+              document.querySelector('.leaderboard').scrollIntoView({ behavior: 'smooth' });
+            }, 100);
           });
         });
 
-        // Open the 'lite' leaderboard by default
-        openLeaderboard('Lite');
+        // Check URL hash for tab selection
+        const hash = window.location.hash.slice(1).toLowerCase();
+        if (hash === 'lite' || hash === 'verified' || hash === 'test') {
+          const tabName = hash.charAt(0).toUpperCase() + hash.slice(1);
+          openLeaderboard(tabName, false);
+          // Scroll to leaderboard section after a slight delay
+          setTimeout(() => {
+            document.querySelector('.leaderboard').scrollIntoView({ behavior: 'smooth' });
+          }, 100);
+        } else {
+          // Open the 'lite' leaderboard by default if no hash
+          openLeaderboard('Lite', false);
+        }
       });
     </script>
   </body>