| <!DOCTYPE html> |
| <html lang="zh-cn"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>BindAna v0.5</title> |
| <style> |
| body { |
| font-family: Arial, sans-serif; |
| line-height: 1.6; |
| margin: 20px; |
| background-color: #f9f9f9; |
| color: #333; |
| } |
| h1 { |
| color: #2c3e50; |
| display: inline-block; |
| } |
| .header { |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| } |
| .instructions { |
| margin: 20px 0; |
| padding: 15px; |
| background-color: #eaf2f8; |
| border-left: 5px solid #3498db; |
| } |
| .footer { |
| font-size: 1.1em; |
| color: #7f8c8d; |
| } |
| .footer strong { |
| color: #2c3e50; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="header"> |
| <h1>Thanks for using BindAna v1.0</h1> |
| <div class="footer"> |
| <em style="color: #82b5ac;">A lite gradio app developed by <strong>Fanding Xu</strong></em> |
| |
| |
| </div> |
| </div> |
| |
| <div class="instructions"> |
| <p>Single sturcture: 上传 pdb/cif/ent 文件，选择要分析位点的实体（至少两个，可在右侧文本栏看到当前选择项目，选择结束点解分析按钮输出结果，位点信息可在下方 <code>调试信息</code> 栏查看。</p> |
| |
| <p>Multi structure: 可以通过UniProt获取蛋白的PDB结构记录直接进行分析，或通过手动上传包含多个结构文件的zip压缩包，并手动输入序列进行分析。</p> |
| </div> |
| </body> |
| </html> |
