Update leaderboard.html

leaderboard.html

@@ -216,7 +216,7 @@
         }   
 
         .toggle-button span {
-            font-size: clamp(0.5rem, 1.0vw, 2rem);
+            font-size: clamp(0.9rem, 1.3vw, 2rem);
         }
 
 
@@ -256,9 +256,8 @@
             <div class="rotating-text-3d"><b><i>Endogen</i></b></div>
         </a>
         <div class="navbar-right">
-            <a href="index.html#example" class="hover-underline-animation">Example</a>
+            <a href="index.html#example" class="hover-underline-animation">Samples</a>
             <a href="index.html#survey" class="hover-underline-animation">Survey</a>
-            <a href="#top" class="hover-underline-animation">Leaderboard</a>
             <a href="index.html#team" class="hover-underline-animation">Team</a>
         </div>
     </div>
@@ -272,20 +271,20 @@
                     <div class="content">
                         <h1 align="center">Leaderboard</h1> <br />                        
                         <div class="toggle-switch" onclick="toggleDiv()">
-                            <div id="toggle1" class="toggle-button active"><span>Initial Evaluation</span></div>
-                            <div id="toggle2" class="toggle-button"><span>Global Evaluation</span></div>
+                            <div id="toggle1" class="toggle-button"><span>Initial Evaluation</span></div>
+                            <div id="toggle2" class="toggle-button active"><span>Global Evaluation</span></div>
                         </div>
                         <p>
                             <br /><b>Participants of the initial evaluation (taken before 17th July 2024) are invited to take the global evaluation using the same <a href="https://camma-public.github.io/endogen/surgical-imagen/survey" style="color:blue">link</a>.</b>
                         </p>                        
                     </div>
 
-                    <div class="toggle-div" id="global" align="center" style="width:100%">
+                    <div class="toggle-div active" id="global" align="center" style="width:100%">
                         <br /> <hr />        
                         <iframe align="center"  width="1200" height="500" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vR4v5xTrjIqKHdbrpb_-9Y6oVHQ8OTl8DMVk010JuAdBABfj0dB604OVdqPlaPbKDR8nKI3CFcdb-0N/pubchart?oid=732103762&amp;format=interactive"></iframe>
                     </div>                    
 
-                    <div class="toggle-div active" id="internal" align="center">
+                    <div class="toggle-div" id="internal" align="center">
                         <br /> <hr />  
                         <iframe align="center" width="1200" height="500" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSL6qw9cokBYoe_GbE21KeeXoo38EKnM-TI5fHaj1xJjxZEpUJR0UqMFsGHcwGnVJdeHGucle4vLaj9/pubchart?oid=302752031&amp;format=interactive"></iframe>
                     </div>