fix buttons

zhuohaoyu · Jul 2, 2024 · a1d8dbe · a1d8dbe
1 parent da97c97
commit a1d8dbe
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -33,16 +33,22 @@ <h1 class="text-4xl font-bold mb-4">KIEval: A Knowledge-grounded Interactive Eva
                 <span class="author-block">Peking University<sup>1</sup></span>,
                 <span class="author-block">Microsoft Research<sup>2</sup></span>,
                 <span class="author-block">Westlake University<sup>3</sup></span>
-                <br>ACL 2024
+                <br><span class="author-block">ACL 2024</span>
                 <span class="eql-cntrb"><small><br><sup>*</sup>Corresponding Author</small></span>
             </div>
-            <div class="flex justify-center space-x-4">
-              <a href="https://github.com/zhuohaoyu/KIEval" class="bg-slate-900 text-white px-6 py-2 rounded-full font-semibold hover:bg-slate-700 transition">Code</a>
-                <a href="https://arxiv.org/pdf/2402.15043.pdf" class="bg-transparent border-2 border-slate-900 text-slate-900 px-6 py-2 rounded-full font-semibold hover:bg-slate-900 hover:text-white transition">Paper</a>
-                <a href="#" class="bg-transparent border-2 border-slate-900 text-slate-900 px-6 py-2 rounded-full font-semibold hover:bg-slate-900 hover:text-white transition">Leaderboard (Coming Soon)</a>
-
-
-            </div>
+            <div class="flex flex-col sm:flex-row justify-center space-y-2 sm:space-y-0 sm:space-x-4">
+              <a href="https://github.com/zhuohaoyu/KIEval" class="bg-slate-900 text-white px-4 sm:px-6 py-2 rounded-full font-semibold hover:bg-slate-700 transition">Code</a>
+              <a href="https://arxiv.org/abs/2402.15043" class="bg-transparent border-2 border-slate-900 text-slate-900 px-4 sm:px-6 py-2 rounded-full font-semibold hover:bg-slate-900 hover:text-white transition">Paper</a>
+              <style>
+                .hover-text:before {
+                    content: 'Leaderboard';
+                }
+                .hover-text:hover:before {
+                    content: 'Coming Soon';
+                }
+            </style>
+            <a href="#" class="bg-transparent border-2 border-slate-900 text-slate-900 px-4 sm:px-6 py-2 rounded-full font-semibold hover:bg-slate-900 hover:text-white transition hover-text"></a>            
+          </div>
         </div>
     </header>