Spaces:
Sleeping
Sleeping
File size: 2,637 Bytes
d2f0104 4c64df5 d2f0104 3bccb62 42fc60a 501d31d 4c64df5 3bccb62 42fc60a 3bccb62 d2f0104 4c64df5 3bccb62 42fc60a 3bccb62 d2f0104 42fc60a 96fc47a 501d31d d2f0104 3bccb62 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
<!DOCTYPE html>
<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> |