Spaces:
Sleeping
Sleeping
| <html lang="en" data-theme="dark"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Sentinel TradeFlow - Command Center</title> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"> | |
| <script src="https://unpkg.com/[email protected]"></script> | |
| <script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script> | |
| <style> | |
| :root { --pico-font-family: 'SF Mono', 'Consolas', 'Menlo', monospace; } | |
| body { background-color: #010409; color: #e6edf3; } | |
| main.container { max-width: 960px; margin: 2rem auto; } | |
| header { text-align: center; margin-bottom: 2rem; } | |
| header h1 { color: var(--pico-primary); } | |
| .card { | |
| background-color: #0d1117; | |
| border: 1px solid #30363d; | |
| border-left-width: 6px; | |
| margin-bottom: 1.5rem; | |
| border-radius: 6px; | |
| padding: 0; | |
| overflow: hidden; | |
| } | |
| .card-header, .signal-header { | |
| display: flex; | |
| justify-content: space-between; | |
| background-color: #161b22; | |
| padding: 0.75rem 1.25rem; | |
| font-weight: bold; | |
| border-bottom: 1px solid #30363d; | |
| } | |
| .signal-long { border-left-color: #238636; } | |
| .signal-short { border-left-color: #da3633; } | |
| .card .headline { font-style: italic; color: #8b949e; padding: 1rem 1.25rem 0; } | |
| .card p { margin: 0; padding: 0.5rem 1.25rem; } | |
| .card .grid { padding: 0 1.25rem 1rem; } | |
| #signal-stream:empty::before { | |
| content: 'Awaiting first high-conviction signal from the protocol...'; | |
| display: block; | |
| text-align: center; | |
| padding: 3rem; | |
| color: #8b949e; | |
| border: 2px dashed #30363d; | |
| border-radius: 6px; | |
| } | |
| </style> | |
| </head> | |
| <body hx-ext="sse"> | |
| <main class="container"> | |
| <header> | |
| <h1>Sentinel TradeFlow Protocol</h1> | |
| <p>Autonomous Low-Latency Signal Generation</p> | |
| </header> | |
| <article> | |
| <header class="card-header"> | |
| <span>Signal Stream</span> | |
| <span>Status: <strong style="color: #238636;">ONLINE</strong></span> | |
| </header> | |
| <div id="signal-stream" | |
| hx-sse="connect:/api/signals/stream" | |
| hx-swap="afterbegin"> | |
| <!-- Actionable trade hypotheses will be injected here in real-time --> | |
| </div> | |
| </article> | |
| </main> | |
| </body> | |
| </html> |