Upload 3 files

button.js

@@ -2,10 +2,13 @@ var btn_evalTable = document.getElementById("btn_evalTable");
 var btn_about = document.getElementById("btn_about");
 var btn_plot = document.getElementById("btn_plot");
 var btn_submit = document.getElementById("btn_submit");
+var btn_more = document.getElementById("btn_more");
+
 var sec_evalTable = document.getElementById("sec_evalTable");
 var sec_about = document.getElementById("sec_about");
 var sec_plot = document.getElementById("sec_plot")
 var sec_submit = document.getElementById("sec_submit");
+var sec_more = document.getElementById("sec_more");
 
 
 btn_evalTable.addEventListener("click", function() {
@@ -13,11 +16,14 @@ btn_evalTable.addEventListener("click", function() {
     sec_plot.style.display = "none";
     sec_about.style.display = "none";
     sec_submit.style.display = "none";
+    sec_more.style.display = "none";
 
     btn_evalTable.style.color = "#000000";
     btn_plot.style.color = "#7c7b7b";
     btn_about.style.color = "#7c7b7b";
     btn_submit.style.color = "#7c7b7b";
+    btn_more.style.color = "#7c7b7b";
+
 
 });
 btn_about.addEventListener("click", function() {
@@ -25,11 +31,15 @@ btn_about.addEventListener("click", function() {
     sec_plot.style.display = "none";
     sec_about.style.display = "block";
     sec_submit.style.display = "none";
+    sec_more.style.display = "none";
+
 
     btn_evalTable.style.color = "#7c7b7b";
     btn_plot.style.color = "#7c7b7b";
     btn_about.style.color = "#000000";
     btn_submit.style.color = "#7c7b7b";
+    btn_more.style.color = "#7c7b7b";
+
 
 });
 
@@ -38,11 +48,14 @@ btn_plot.addEventListener("click", function() {
     sec_plot.style.display = "block";
     sec_about.style.display = "none";
     sec_submit.style.display = "none";
+    sec_more.style.display = "none";
+
 
     btn_evalTable.style.color = "#7c7b7b";
     btn_plot.style.color = "#000000";
     btn_about.style.color = "#7c7b7b";
     btn_submit.style.color = "#7c7b7b";
+    btn_more.style.color = "#7c7b7b";
 
 });
 
@@ -51,12 +64,28 @@ btn_submit.addEventListener("click", function() {
     sec_plot.style.display = "none";
     sec_about.style.display = "none";
     sec_submit.style.display = "block";
+    sec_more.style.display = "none";
 
     btn_evalTable.style.color = "#7c7b7b";
     btn_plot.style.color = "#7c7b7b";
     btn_about.style.color = "#7c7b7b";
     btn_submit.style.color = "#000000";
+    btn_more.style.color = "#7c7b7b";
+
+});
+
+btn_more.addEventListener("click", function() {
+    sec_evalTable.style.display = "none";
+    sec_plot.style.display = "none";
+    sec_about.style.display = "none";
+    sec_submit.style.display = "none";
+    sec_more.style.display = "block";
 
+    btn_evalTable.style.color = "#7c7b7b";
+    btn_plot.style.color = "#7c7b7b";
+    btn_about.style.color = "#7c7b7b";
+    btn_submit.style.color = "#7c7b7b";
+    btn_more.style.color = "#000000";
 });
 
 

index.html

@@ -48,6 +48,7 @@
         <button id="btn_plot">📊 Performance Plot</button>
         <button id="btn_about">📝 About</button>
         <button id="btn_submit">🚀 Submit results</button>
+        <button id="btn_more">🤗 More Leaderboards</button>
     </section>
 
     <section class="section_evalTable" id="sec_evalTable">
@@ -215,6 +216,32 @@
         </div>
     </section>
 
+    <section class="section_more" id="sec_more">
+        <h2>Context</h2>
+        <p>In addition to Memorization or Generation of Big Code Models Leaderboard, it is recommended to comprehensively 
+            understand LLM coding ability through a diverse set of benchmarks and leaderboards, such as:
+        </p>
+        <ul>
+            <li><a href="https://evalplus.github.io/leaderboard.html" target="_blank">EvalPlus Leaderboard</a></li>
+            <li><a href="https://huggingface.co/spaces/bigcode/bigcode-models-leaderboard" target="_blank">Big Code Models Leaderboard</a></li>
+            <li><a href="https://github.com/amazon-science/cceval" target="_blank">CrossCodeEval</a></li>
+            <li><a href="https://evo-eval.github.io" target="_blank">Evo-Eval</a></li>
+            <li><a href="https://crux-eval.github.io/leaderboard.html" target="_blank">CRUXEval</a></li>
+            <li><a href="https://huggingface.co/spaces/lmsys/chatbot-arena-leaderboard" target="_blank">Chatbot Arena Leaderboard</a></li>
+            <li><a href="https://fudanselab-classeval.github.io/leaderboard.html" target="_blank">ClassEval</a></li>
+            <li><a href="https://bigcode-bench.github.io" target="_blank">Code Lingua</a></li>
+            <li><a href="https://github.com/01-ai/HumanEval.jl" target="_blank">HumanEval.jl - Julia version HumanEval with EvalPlus test cases</a></li>
+            <li><a href="https://infi-coder.github.io/infibench/" target="_blank">InfiBench</a></li>
+            <li><a href="https://livecodebench.github.io/leaderboard.html" target="_blank">LiveCodeBench</a></li>
+            <li><a href="https://github.com/THUDM/NaturalCodeBench" target="_blank">NaturalCodeBench</a></li>
+            <li><a href="https://www.swebench.com" target="_blank">SWE-bench</a></li>
+            <li><a href="https://leaderboard.tabbyml.com" target="_blank">TabbyML Leaderboard</a></li>
+            <li><a href="https://github.com/Leolty/repobench" target="_blank">RepoBench</a></li>
+            <li><a href="https://github.com/alphadl/OOP-eval" target="_blank">OOP</a></li>
+
+        </ul>
+    </section>
+
 
 
     <footer>

style.css

@@ -44,7 +44,7 @@
 }
 .section_button button {
     text-align: center;
-    width: 190px;
+    width: 200px;
     height: 45px;
     color: #7c7b7b;
     border-style: solid;
@@ -63,8 +63,8 @@
     color: #000000;
 }
 #btn_plot {
-    /* border-right-width: 0; */
-    border-top-right-radius: 5px;
+    border-right-width: 0;
+    /* border-top-right-radius: 5px; */
 }
 #btn_about {
     display: none
@@ -75,6 +75,9 @@
     /* border-bottom-right-radius: 5px; */
     border-left-width: 0;
 }
+#btn_more {
+    border-top-right-radius: 5px;
+}
 .section_button button:hover {
     color: #000000;
     cursor: pointer;
@@ -301,6 +304,49 @@
 }
 /* submit */
 
+
+/* more */
+.section_more {
+    display: none;
+    /* margin-top: 30px; */
+    margin-left: 130px;
+    margin-right: 130px;
+    padding-top: 10px;
+    padding-bottom: 30px;
+    border: 1px solid rgb(228, 228, 228);
+    /* border-top-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; */
+}
+.section_more h2 {
+    font-size: 25px;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    /* display: flex;
+    justify-content: center; */
+}
+.section_more p {
+    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    margin-top: 10px;
+}
+.section_more ul {
+    margin-top: 15px;
+    list-style: circle;
+    padding-left: 30px;
+}
+.section_more ul {
+    /* background-color: rgb(241, 248, 254); */
+    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    line-height: 2em;
+    font-size: 18px;
+}
+.section_more a {
+    color: #6d96ff;
+    text-decoration-color: #5d88ff;
+    text-decoration-style: dashed;
+}
+/* more */
+
+
 /* .u {
     color: #ad64d4
 } */