| | <!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> |
