Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>ChiralFold</title> | |
| <meta http-equiv="refresh" content="0; url=https://huggingface.co/spaces/The-Philosopher/ChiralFold-App" /> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;800&display=swap" rel="stylesheet" /> | |
| <style> | |
| :root { --teal:#0d9488; --navy:#0f172a; --slate:#334155; } | |
| body { | |
| margin:0; min-height:100vh; display:grid; place-items:center; | |
| font-family:"Source Sans 3", system-ui, sans-serif; color:var(--navy); | |
| background: | |
| radial-gradient(ellipse 80% 50% at 10% -10%, rgba(13,148,136,.22), transparent 55%), | |
| linear-gradient(165deg, #f0fdfa 0%, #f8fafc 55%, #e2e8f0 100%); | |
| } | |
| .card { text-align:center; max-width:36rem; padding:2.5rem 1.5rem; } | |
| h1 { font-size:2.6rem; font-weight:800; letter-spacing:-.03em; margin:0 0 .5rem; } | |
| p { color:var(--slate); font-size:1.1rem; line-height:1.5; } | |
| a.btn { | |
| display:inline-block; margin-top:1.25rem; padding:.85rem 1.4rem; | |
| background:var(--teal); color:#fff; text-decoration:none; border-radius:999px; | |
| font-weight:700; box-shadow:0 8px 24px rgba(13,148,136,.35); | |
| } | |
| a.btn:hover { background:#0f766e; } | |
| .meta { margin-top:1.5rem; font-size:.9rem; color:#64748b; } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="card"> | |
| <h1>ChiralFold</h1> | |
| <p>Opening the interactive stereochemistry app — upload a PDB, correct chirality, or mirror L↔D.</p> | |
| <a class="btn" href="https://huggingface.co/spaces/The-Philosopher/ChiralFold-App">Launch ChiralFold Web →</a> | |
| <p class="meta">If you are not redirected, | |
| <a href="https://huggingface.co/spaces/The-Philosopher/ChiralFold-App">click here</a>. | |
| </p> | |
| </div> | |
| </body> | |
| </html> | |