| from fastapi import FastAPI |
| from fastapi.responses import HTMLResponse |
|
|
| app = FastAPI() |
|
|
| _HTML = """<!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>ElevenClip.AI</title> |
| <style> |
| * { margin: 0; padding: 0; box-sizing: border-box; } |
| body { |
| min-height: 100vh; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| background: #0f0f13; |
| color: #f0f0f0; |
| font-family: system-ui, -apple-system, sans-serif; |
| } |
| .card { text-align: center; max-width: 560px; padding: 3rem 2rem; } |
| .emoji { font-size: 4rem; margin-bottom: 1.5rem; } |
| h1 { font-size: 2.4rem; font-weight: 700; margin-bottom: 0.5rem; } |
| .tagline { font-size: 1.1rem; color: #a0a0b8; margin-bottom: 2rem; line-height: 1.6; } |
| .badge { |
| display: inline-block; |
| background: linear-gradient(135deg, #7c3aed, #db2777); |
| border-radius: 999px; |
| padding: 0.4rem 1.2rem; |
| font-size: 0.85rem; |
| font-weight: 600; |
| letter-spacing: 0.03em; |
| margin-bottom: 2.5rem; |
| } |
| .stack { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin-bottom: 2rem; } |
| .tag { |
| background: #1e1e2e; |
| border: 1px solid #2e2e42; |
| border-radius: 6px; |
| padding: 0.3rem 0.75rem; |
| font-size: 0.8rem; |
| color: #c0c0d8; |
| } |
| .footer { font-size: 0.8rem; color: #555; margin-top: 1rem; } |
| </style> |
| </head> |
| <body> |
| <div class="card"> |
| <div class="emoji">🎬</div> |
| <h1>ElevenClip.AI</h1> |
| <p class="tagline"> |
| AI-powered short-clip studio for creators.<br> |
| Long video in → ready-to-post clips out. |
| </p> |
| <div class="badge">AMD Developer Hackathon 2026</div> |
| <div class="stack"> |
| <span class="tag">AMD MI300X</span> |
| <span class="tag">ROCm</span> |
| <span class="tag">Whisper Large V3</span> |
| <span class="tag">Qwen2.5-7B</span> |
| <span class="tag">Qwen2-VL-7B</span> |
| <span class="tag">FastAPI</span> |
| <span class="tag">React</span> |
| </div> |
| <p class="footer">Demo coming soon — May 4–10, 2026</p> |
| </div> |
| </body> |
| </html>""" |
|
|
|
|
| @app.get("/", response_class=HTMLResponse) |
| async def root() -> HTMLResponse: |
| return HTMLResponse(_HTML) |
|
|
