Update README.md

README.md

@@ -11,13 +11,22 @@ pinned: false
   <img src="https://cdn-uploads.huggingface.co/production/uploads/6471b447a2b0a376b8b5e879/UBtI1vIvzl5YSMKL8-Mhx.png"
        width="32"
        style="vertical-align:middle;" />
-       
-  <strong style="
-    padding:2px 6px;
-    background:linear-gradient(#e0e0e0,#e0e0e0) bottom/100% 6px no-repeat;
-  ">
-    Human Intelligence
-  </strong>
+
+  <svg width="260" height="40" viewBox="0 0 260 40" style="vertical-align:middle;">
+    <!-- background highlight -->
+    <rect id="bg" x="0" y="28" width="260" height="6" rx="4" fill="#e0e0e0">
+      <animate attributeName="y" to="0" dur="0.25s" begin="mouseover" fill="freeze" />
+      <animate attributeName="height" to="40" dur="0.25s" begin="mouseover" fill="freeze" />
+
+      <animate attributeName="y" to="28" dur="0.25s" begin="mouseout" fill="freeze" />
+      <animate attributeName="height" to="6" dur="0.25s" begin="mouseout" fill="freeze" />
+    </rect>
+
+    <!-- text -->
+    <text x="10" y="25" font-size="20" font-weight="bold" fill="black">
+      Human Intelligence
+    </text>
+  </svg>
 </h1>
 
 A community-powered Q&A engine where questions are matched semantically.