Update README.md

README.md

@@ -7,35 +7,54 @@ sdk: static
 pinned: false
 ---
 
+<style>
+  a {
+    text-decoration: none; /* Removes the default underline */
+    color: inherit; /* Inherits the color from the parent element */
+  }
+
+  a:hover, a:focus {
+    text-decoration: underline; /* Adds underline on hover or focus for better accessibility */
+  }
+
+  .link-text {
+    display: inline-block; 
+    vertical-align: middle; 
+    font-size: 1.26em; 
+    margin-right: 10px; 
+    margin-left: 0px; 
+    margin-top: 0px; 
+    margin-bottom: 0px;
+  }
+</style>
+
 <div align="center">
-  <h1 style="font-size: 2.25em;">OpenChat: Advancing Open-source Language Models with Mixed-Quality Data</h1>
+  <h1 style="font-size: 2.00em;">OpenChat: Advancing Open-source Language Models with Mixed-Quality Data</h1>
 </div>
-
-<p align="center" style="margin-bottom: 0px;">
-  <a>
-    <img src="https://github.com/imoneoi/openchat/raw/master/assets/logo_new.png" style="width: 65%">
-  </a>
+<p align="center" style="margin-top: 0px;">
   <a href="https://openchat.team">
     <img src="https://github.com/alpayariyak/openchat/blob/master/logo_new-removebg-preview.png?raw=true" alt="OpenChat Logo" style="width:20px; vertical-align: middle; display: inline-block; margin-right: 5px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px;"/>
-    <span style="display: inline-block; vertical-align: middle; font-size: 1.26em; margin-right: 10px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;">Online Demo of OpenChat 3.5</span>
+    <span class="link-text">Online Demo of OpenChat 3.5</span>
   </a> |
   <a href="https://github.com/imoneoi/openchat">
     <img src="https://camo.githubusercontent.com/4133dc1cd4511d4a292b84ce10e52e4ed92569fb2a8165381c9c47be5edc2796/68747470733a2f2f6564656e742e6769746875622e696f2f537570657254696e7949636f6e732f696d616765732f706e672f6769746875622e706e67" alt="GitHub Logo" style="width:20px; vertical-align: middle; display: inline-block; margin-right: 5px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px;"/>
-    <span style="display: inline-block; vertical-align: middle; font-size: 1.26em; margin-right: 10px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;">GitHub</span>
+    <span class="link-text">GitHub</span>
   </a> |
   <a href="https://arxiv.org/pdf/2309.11235.pdf">
     <img src="https://github.com/alpayariyak/openchat/blob/master/arxiv-logomark-small-square-border.png?raw=true" alt="ArXiv Logo" style="width:20px; vertical-align: middle; display: inline-block; margin-right: 5px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px;"/>
-    <span style="display: inline-block; vertical-align: middle; font-size: 1.26em; margin-right: 10px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;">Paper</span>
+    <span class="link-text">Paper</span>
   </a> |
   <a href="https://discord.gg/pQjnXvNKHY">
     <img src="https://cloud.githubusercontent.com/assets/6291467/26705903/96c2d66e-477c-11e7-9f4e-f3c0efe96c9a.png" alt="Discord Logo" style="width:20px; vertical-align: middle; display: inline-block; margin-right: 5px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px;"/>
-    <span style="display: inline-block; vertical-align: middle; font-size: 1.26em; margin-right: 10px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;">Discord</span>
+    <span class="link-text">Discord</span>
+  </a>
+    <a>
+    <img src="https://github.com/imoneoi/openchat/raw/master/assets/logo_new.png" style="width: 65%">
   </a>
 </p>
 
-
 <!-- Removed <br> tags to reduce space -->
-<p align="center" style="margin-top: 3px;"> <!-- Reduce top margin of this paragraph -->
+<p align="center" style="margin-top: 0px;"> <!-- Reduce top margin of this paragraph -->
   <strong>🔥 First 7B model that Achieves Comparable Results with ChatGPT (March)! 🔥</strong>
   <br>
   <strong>🤖 #1 Open-source model on MT-bench scoring 7.81, outperforming 70B models 🤖</strong>