Update app.py

app.py

@@ -1,4 +1,3 @@
-# ─── Patch gradio_client so boolean schemas don’t crash json_schema_to_python_type ───
 import gradio_client.utils as _gc_utils
 _orig_get_type   = _gc_utils.get_type
 _orig_json2py    = _gc_utils._json_schema_to_python_type
@@ -1024,8 +1023,25 @@ h1{
   justify-content: center;
 }
 
+.link-btn{
+  display:inline-flex;
+  align-items:center;
+  gap:8px;
+  padding:10px 18px;
+  font-size:14px;
+  font-weight:600;
+  border-radius:9999px;
+  text-decoration:none;
+  background:#e2e8f0;
+  color:#0f172a;
+  transition:all 0.15s ease-in-out;
+}
 
+.link-btn:hover{
+  filter:brightness(0.95);
+  transform:translateY(-1px);
 }
+
 """
 with gr.Blocks() as demo:
 
@@ -1050,28 +1066,31 @@ with gr.Blocks() as demo:
     # ───────────────────────────────
     # Top links
     # ───────────────────────────────
-    gr.Markdown("""
-    <div class="publication-links">
-    
-      <span class="link-block">
-        <a href="https://arxiv.org/abs/2406.01651" target="_blank" class="btn-danger">
-          <i class="fa-solid fa-file-lines"></i> Paper
-        </a>
-      </span>
-    
-      <span class="link-block">
-        <a href="https://github.com/ZhaohanM/ExplainBind" target="_blank" class="btn-dark">
-          <i class="fa-brands fa-github"></i> Source Code
-        </a>
-      </span>
-    
-      <span class="link-block">
-        <a href="https://ZhaohanM.github.io/ExplainBind/" target="_blank" class="btn-link">
-          <i class="fa-solid fa-globe"></i> Project Page
-        </a>
-      </span>
-    </div>
-    """)
+    gr.HTML("""
+        <div style="text-align:center;margin-bottom:32px;">
+          <a class="link-btn project" href="https://zhaohanm.github.io/FusionDTI.github.io/" target="_blank" rel="noopener noreferrer" aria-label="Project Page">
+            <!-- globe icon -->
+            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+              <path d="M12 2a10 10 0 1 0 10 10A10.012 10.012 0 0 0 12 2Zm7.93 9h-3.18a15.84 15.84 0 0 0-1.19-5.02A8.02 8.02 0 0 1 19.93 11ZM12 4c.86 0 2.25 1.86 3.01 6H8.99C9.75 5.86 11.14 4 12 4ZM4.07 13h3.18c.2 1.79.66 3.47 1.19 5.02A8.02 8.02 0 0 1 4.07 13Zm3.18-2H4.07A8.02 8.02 0 0 1 8.44 5.98 15.84 15.84 0 0 0 7.25 11Zm1.37 2h6.76c-.76 4.14-2.15 6-3.01 6s-2.25-1.86-3.01-6Zm9.05 0h3.18a8.02 8.02 0 0 1-4.37 5.02 15.84 15.84 0 0 0 1.19-5.02Z"/>
+            </svg>
+            Project Page
+          </a>
+          <a class="link-btn arxiv" href="https://arxiv.org/abs/2406.01651" target="_blank" rel="noopener noreferrer" aria-label="ArXiv: 2406.01651">
+            <!-- arXiv-like paper icon -->
+            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+              <path d="M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm8 1.5V8h4.5L14 3.5ZM7 12h10v2H7v-2Zm0 4h10v2H7v-2Zm0-8h6v2H7V8Z"/>
+            </svg>
+            ArXiv: 2406.01651
+          </a>
+          <a class="link-btn github" href="https://github.com/ZhaohanM/ExplainBind" target="_blank" rel="noopener noreferrer" aria-label="GitHub Repo">
+            <!-- GitHub mark -->
+            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+              <path d="M12 .5A12 12 0 0 0 0 12.76c0 5.4 3.44 9.98 8.2 11.6.6.12.82-.28.82-.6v-2.3c-3.34.74-4.04-1.44-4.04-1.44-.54-1.38-1.32-1.74-1.32-1.74-1.08-.76.08-.74.08-.74 1.2.08 1.84 1.26 1.84 1.26 1.06 1.86 2.78 1.32 3.46 1.02.1-.8.42-1.32.76-1.62-2.66-.32-5.46-1.36-5.46-6.02 0-1.34.46-2.44 1.22-3.3-.12-.32-.54-1.64.12-3.42 0 0 1-.34 3.32 1.26.96-.28 1.98-.42 3-.42s2.04.14 3 .42c2.32-1.6 3.32-1.26 3.32-1.26.66 1.78.24 3.1.12 3.42.76.86 1.22 1.96 1.22 3.3 0 4.68-2.8 5.68-5.48 6 .44.38.84 1.12.84 2.28v3.38c0 .32.22.74.84.6A12.02 12.02 0 0 0 24 12.76 12 12 0 0 0 12 .5Z"/>
+            </svg>
+            GitHub Repo
+          </a>
+        </div>
+        """)
 
     # ───────────────────────────────
     # Guidelines
@@ -1143,7 +1162,7 @@ with gr.Blocks() as demo:
                 gr.Examples(
                     examples=[[
                         "MTLSILVAHDLQRVIGFENQLPWHLPNDLKHVKKLSTGHTLVMGRKTFESIGKPLPNRRNVVLTSDTSFNVEGVDVIHSIEDIYQLPGHVFIFGGQTLFEEMIDKVDDMYITVIEGKFRGDTFFPPYTFEDWEVASSVEGKLDEKNTIPHTFLHLIRKK",
-                        "[C][O][C][=C][C][Branch1][=C][C][C][=C][N][=C][Branch1][C][N][N][=C][Ring1][#Branch1][N][=C][C][Branch1][Ring1][O][C][=C][Ring1][P][O][C]"
+                        "[C][O][C][=C][C][Branch1][=C][C][C][=C][N][=C][Branch1][C][N][N][=C][Ring1][#Branch1][N][=C][C][Branch1][Ring1][O][C]"
                     ]],
                     inputs=[protein_seq, drug_seq],
                     label="Click to load an example",
@@ -1226,9 +1245,5 @@ with gr.Blocks() as demo:
 demo.launch(
     theme=gr.themes.Default(),
     css=css,
-    head="""
-    <link rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    """,
     show_error=True
-)
+)