add: swebench link

Author: luolin101

css/styles.css

@@ -14,7 +14,7 @@
   /* --accent_color: #1697e2;
   --dark_accent_color: #0ea7ff; */
   --accent_color: #2050B0;
-  --dark_accent_color: #0797e6;
+  --dark_accent_color: #5ed358;
   --odd_line_color: #ffffff;
   --even_line_color: #f2f2f2; 
   --iscas_color: #ea5c29;

src/Home.vue

@@ -20,6 +20,15 @@
             style="height: 1.3em; margin-right: 0.4em; margin-bottom: 0.1em; background-color: var(--dark_accent_color);" />
             Multi-SWE-bench mini 
         </button>
+      <button
+            onclick="window.location.href = 'https://www.swebench.com';"
+          class="outline teaser sweble"
+          style="flex-direction: row; display: flex; justify-content: center; align-items: center; width: 10em;">
+          <img
+            src="../img/swellama.png"
+            style="height: 1.3em; margin-right: 0.4em; margin-bottom: 0.1em;" />
+            SWE-bench&nbsp;
+        </button>
     </div>
     <div class="content-wrapper">
       <div class="content-box" v-if="leaderboard">
@@ -402,7 +411,8 @@ button {
     background: linear-gradient(to right, rgb(209, 162, 43), rgb(209, 162, 43), rgb(209, 162, 43));
     transform: scale(1.05);
   }
-
+//#93cd7c
+  // 5DAEECFF
   &.outline.teaser.swebl {
     background-color: var(--dark_accent_color);
     color: white;
@@ -411,5 +421,14 @@ button {
   &.outline.teaser.swebl:hover {
     transform: scale(1.05);
   }
+
+  &.outline.teaser.sweble {
+    background-color: #1696e1;
+    color: white;
+  }
+
+  &.outline.teaser.sweble:hover {
+    transform: scale(1.05);
+  }
 }
 </style>