Update index.html

index.html

@@ -14,11 +14,13 @@
   <main>
     <div class="tabs">
       <input type="radio" name="tabs" id="tab1" checked>
-      <label for="tab1"><img src="/img/ico_spaces.png" alt="Spaces"> Top Spaces Contibutors</label>
+      <label for="tab1"> 🏛️ Models Downloads</label>
       <input type="radio" name="tabs" id="tab2">
-      <label for="tab2"><img src="/img/ico_spaces.png" alt="Spaces"> Top Models Contibutors</label>
+      <label for="tab2"> 📊 Datasets Downloads</label>
       <input type="radio" name="tabs" id="tab3">
-      <label for="tab3"><img src="/img/ico_spaces.png" alt="Spaces"> Top Datasets Contibutors</label>
+      <label for="tab3"> 🚀 Spaces Likes</label>
+      <input type="radio" name="tabs" id="tab4">
+      <label for="tab4"> <img src="/img/ico_hf.png" alt="X logo"> Profile Followers</label>
     </div>
     <section class="tab-content active">
       <h3>Note: Leaderboard of contributors with the most accumulated Spaces likes ♥ (showing users only, not organizations)</h3>
@@ -113,6 +115,26 @@
         <!-- Add more user entries for Tab 3 here -->
       </ul>
     </section>
+    <section class="tab-content">
+      <h2>Leaderboard</h2>
+      <ul>
+        <li>
+          <div>
+            <div>
+              <h3>Laura Johnson</h3>
+              <p>
+                <a href="#">bobjohnson.com</a>
+                <span class="mx-2">|</span>
+                <a href="#"><img src="https://via.placeholder.com/16x16" alt="X.com logo">@bobjohnson</a>
+                <span class="mx-2">|</span>
+                <a href="#"><img src="https://via.placeholder.com/16x16" alt="Github.com logo">bobjohnson/github</a>
+              </p>
+            </div>
+          </div>
+        </li>
+        <!-- Add more user entries for Tab 4 here -->
+      </ul>
+    </section>
     <section class="notes">
       <h2>Notes</h2>
       <p>This is a placeholder for your notes section.</p>