update docs

open-compass · Feb 23, 2024 · a92e814 · a92e814
1 parent c653176
commit a92e814
Show file tree

Hide file tree

Showing 3 changed files with 103 additions and 29 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -236,9 +236,32 @@
   margin-right: 10.0%;
 }
 
+.paper-btn-small {
+  position: relative;
+  text-align: center;
+  vertical-align: center;
+
+  display: inline-block;
+  margin: 8px;
+  padding: 8px 8px;
+
+  border-width: 0;
+  outline: none;
+  border-radius: 2px;
+
+  background-color: #E0F7FA;
+  color: #01579B !important;
+  font-size: 20px;
+  width: 100px;
+  font-weight: 600;
+}
+
+
+
 .paper-btn {
   position: relative;
   text-align: center;
+  vertical-align: center;
 
   display: inline-block;
   margin: 8px;
@@ -251,7 +274,7 @@
   background-color: #E0F7FA;
   color: #01579B !important;
   font-size: 20px;
-  width: 200px;
+  width: 250px;
   font-weight: 600;
 }
 
@@ -433,12 +456,16 @@
 
 .left-column {
     float: left;
-    width: 25%;
+    width: 5%;
+    text-align: center;
+    vertical-align: center;
 }
 
 .right-column {
     float: right;
-    width: 75%;
+    width: 95%;
+    text-align: center;
+    vertical-align: center;
 }
 
 </style>
@@ -481,23 +508,27 @@ <h1>
 
         </center>
 
-        <div style="clear: both">
+        <div>
             <div class="paper-btn-parent">
-            <a class="paper-btn" href="https://arxiv.org/abs/2312.14033">
+            <a class="paper-btn-small" href="https://arxiv.org/abs/2402.13764">
                 <span class="material-icons"> description </span> 
-                 Paper
+                Paper
             </a>
-            <a class="paper-btn" href="https://github.com/open-compass/CriticBench">
+            <a class="paper-btn-small" href="https://github.com/open-compass/CriticBench">
                 <span class="material-icons"> code </span>
                 Code
             </a>
             <a class="paper-btn" href="./leaderboard_subjective.html">
-                <span class="material-icons"> description </span> 
-                 Subjective Leaderboard
+                <nobr>
+                    <span class="material-icons"> description </span>
+                    Subjective Leaderboard
+                </nobr>
             </a>
             <a class="paper-btn" href="./leaderboard_objective.html">
-                <span class="material-icons"> description </span> 
-                 Objective Leaderboard
+                <nobr>
+                    <span class="material-icons"> description </span>
+                    Objective Leaderboard
+                </nobr>
             </a>
             </div>
         </div>
@@ -572,7 +603,7 @@ <h2 style="text-align: center;">Data Generation Pipeline</h2>
     <h2 style="text-align: center;">Result</h2>
     <div class="flex-row-center">
         <p>
-        You can find the newest <a href="./leaderboard_subjective.html">subjective</a> and <a href="./leaderboard_subjective.html">objective</a> leaderboards of our CriticBench.
+        You can find the newest <a href="./leaderboard_subjective.html">subjective</a> and <a href="./leaderboard_objective.html">objective</a> leaderboards of our CriticBench.
         </p>
         <br>
     </section>   

diff --git a/docs/leaderboard_objective.html b/docs/leaderboard_objective.html
@@ -27,7 +27,8 @@
       background-color: #FFFFFF;
       color: #000000;
     }
-    .paper-btn {
+
+    .paper-btn-big {
       position: relative;
       text-align: center;
 
@@ -42,7 +43,26 @@
       background-color: #E0F7FA;
       color: #01579B !important;
       font-size: 20px;
-      width: 200px;
+      width: 250px;
+      font-weight: 600;
+    }
+
+    .paper-btn-small {
+      position: relative;
+      text-align: center;
+
+      display: inline-block;
+      margin: 8px;
+      padding: 8px 8px;
+
+      border-width: 0;
+      outline: none;
+      border-radius: 2px;
+
+      background-color: #E0F7FA;
+      color: #01579B !important;
+      font-size: 20px;
+      width: 100px;
       font-weight: 600;
     }
 
@@ -172,19 +192,19 @@ <h1 class="text-nowrap mt-5">🏆 CriticBench Objective Leaderboard 🏆</h1>
     <h3 class="fw-light text-nowrap"><small id="warning">CriticBench comprehensively evaluates 4 critique dimensions of LLMs on 9 widely-used tasks with multiple response qualities.<br></small></h3>
     <div style="clear: both">
       <div class="paper-btn-parent">
-      <a class="paper-btn" href="https://arxiv.org/abs/2402.13764">
+      <a class="paper-btn-small" href="https://arxiv.org/abs/2402.13764">
           <span class="material-icons"> description </span> 
            Paper
       </a>
-      <a class="paper-btn" href="https://github.com/open-compass/CriticBench">
+      <a class="paper-btn-small" href="https://github.com/open-compass/CriticBench">
           <span class="material-icons"> code </span>
           Code
       </a>
-      <a class="paper-btn" href="./index.html">
+      <a class="paper-btn-big" href="./index.html">
           <span class="material-icons"> description </span> 
            Project Page
       </a>
-      <a class="paper-btn" href="./leaderboard_subjective.html">
+      <a class="paper-btn-big" href="./leaderboard_subjective.html">
           <span class="material-icons"> description</span> 
           Subjective Leaderboard
       </a>
@@ -604,4 +624,4 @@ <h4>📝 Notes</h4>
 </div>
 </body>
 
-</html>
+</html>
diff --git a/docs/leaderboard_subjective.html b/docs/leaderboard_subjective.html
@@ -27,7 +27,8 @@
       background-color: #FFFFFF;
       color: #000000;
     }
-    .paper-btn {
+
+    .paper-btn-big {
       position: relative;
       text-align: center;
 
@@ -42,7 +43,25 @@
       background-color: #E0F7FA;
       color: #01579B !important;
       font-size: 20px;
-      width: 200px;
+      width: 250px;
+      font-weight: 600;
+    }
+    .paper-btn-small {
+      position: relative;
+      text-align: center;
+
+      display: inline-block;
+      margin: 8px;
+      padding: 8px 8px;
+
+      border-width: 0;
+      outline: none;
+      border-radius: 2px;
+
+      background-color: #E0F7FA;
+      color: #01579B !important;
+      font-size: 20px;
+      width: 100px;
       font-weight: 600;
     }
 
@@ -172,21 +191,25 @@ <h1 class="text-nowrap mt-5">🏆 CriticBench Subjective Leaderboard 🏆</h1>
     <h3 class="fw-light text-nowrap"><small id="warning">CriticBench comprehensively evaluates 4 critique dimensions of LLMs on 9 widely-used tasks with multiple response qualities.<br></small></h3>
     <div style="clear: both">
       <div class="paper-btn-parent">
-      <a class="paper-btn" href="https://arxiv.org/abs/2402.13764">
+      <a class="paper-btn-small" href="https://arxiv.org/abs/2402.13764">
           <span class="material-icons"> description </span> 
            Paper
       </a>
-      <a class="paper-btn" href="https://github.com/open-compass/CriticBench">
+      <a class="paper-btn-small" href="https://github.com/open-compass/CriticBench">
           <span class="material-icons"> code </span>
           Code
       </a>
-      <a class="paper-btn" href="./index.html">
-          <span class="material-icons"> description </span> 
-           Project Page
+      <a class="paper-btn-big" href="./index.html">
+          <nobr>
+                <span class="material-icons"> description </span> 
+                Project Page
+          </nobr>
       </a>
-      <a class="paper-btn" href="./leaderboard_objective.html">
-          <span class="material-icons"> description </span> 
-          Objective Leaderboard
+      <a class="paper-btn-big" href="./leaderboard_objective.html">
+          <nobr>
+            <span class="material-icons"> description </span> 
+            Objective Leaderboard
+          </nobr>
       </a>
       </div>
   </div>