Hugging Face's logo

Spaces:
mgbam
/
CryptoSentinel_AI
Running

App Files Community
mgbam commited on
Commit
42fc60a
·
verified ·
1 Parent(s): 7497763

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +50 -49
templates/index.html CHANGED
@@ -3,66 +3,67 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Sentinel Protocol</title>
7
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
8
  <script src="https://unpkg.com/[email protected]"></script>
9
  <script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script>
10
  <style>
11
- :root { --pico-font-family: 'Inter', sans-serif; }
12
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
13
- body { background-color: #0d1117; }
14
- main.container { max-width: 1400px; }
15
- .card { border: 1px solid #30363d; border-left-width: 5px; margin-bottom: 2rem; }
16
- .impact-low { border-left-color: #388bfd; }
17
- .impact-medium { border-left-color: #d29922; }
18
- .impact-high { border-left-color: #f85149; }
19
- .sentiment-positive { color: #3fb950; }
20
- .sentiment-negative { color: #f85149; }
21
- blockquote a { color: var(--pico-color-zinc-200); text-decoration: none; font-weight: bold; font-size: 1.1em; }
22
- blockquote a:hover { text-decoration: underline; }
23
- article header { font-weight: bold; border-bottom: 1px solid #30363d; padding-bottom: 0.5rem; margin-bottom: 1rem; }
24
- #daily-briefing { background-color: #161b22; padding: 2rem; border-radius: var(--pico-border-radius); border: 1px solid #30363d;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
25
  </style>
26
  </head>
27
  <body hx-ext="sse">
28
  <main class="container">
29
- <header style="text-align: center; margin-bottom: 3rem;">
30
- <h1><img src="https://img.icons8.com/nolan/64/bot.png" style="vertical-align: middle; margin-right: 10px;">The Sentinel Protocol</h1>
31
- <p>Autonomous AI Market Analysis</p>
32
  </header>
33
 
34
- <article
35
- id="daily-briefing"
36
- hx-get="/api/briefing"
37
- hx-trigger="load, every 5m"
38
- hx-swap="innerHTML">
39
- <h3 aria-busy="true">Sentinel is synthesizing the Daily Briefing...</h3>
 
 
 
 
40
  </article>
41
-
42
- <div class="grid" style="margin-top: 2rem;">
43
- <aside>
44
- <article>
45
- <header>Market Snapshot</header>
46
- <div id="prices" hx-get="/api/prices" hx-trigger="load, every 60s"></div>
47
- </article>
48
- <article>
49
- <header>On-Demand Ticker Analysis</header>
50
- <form hx-post="/api/sentiment" hx-target="#analysis-status">
51
- <textarea name="text" placeholder="Paste single news headline..." required></textarea>
52
- <button type="submit">Initiate Analysis Protocol</button>
53
- <small id="analysis-status"></small>
54
- </form>
55
- </article>
56
- </aside>
57
- <section>
58
- <article>
59
- <header>Live Intelligence Feed (Event-Correlated)</header>
60
- <div id="news-feed" hx-sse="connect:/api/news/stream" hx-swap="afterbegin">
61
- <p aria-busy="true">Establishing secure connection to intelligence network...</p>
62
- </div>
63
- </article>
64
- </section>
65
- </div>
66
  </main>
67
  </body>
68
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sentinel TradeFlow - Command Center</title>
7
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
8
  <script src="https://unpkg.com/[email protected]"></script>
9
  <script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script>
10
  <style>
11
+ :root { --pico-font-family: 'SF Mono', 'Consolas', 'Menlo', monospace; }
12
+ body { background-color: #010409; color: #e6edf3; }
13
+ main.container { max-width: 960px; margin: 2rem auto; }
14
+ header { text-align: center; margin-bottom: 2rem; }
15
+ header h1 { color: var(--pico-primary); }
16
+ .card {
17
+ background-color: #0d1117;
18
+ border: 1px solid #30363d;
19
+ border-left-width: 6px;
20
+ margin-bottom: 1.5rem;
21
+ border-radius: 6px;
22
+ padding: 0;
23
+ overflow: hidden;
24
+ }
25
+ .card-header, .signal-header {
26
+ display: flex;
27
+ justify-content: space-between;
28
+ background-color: #161b22;
29
+ padding: 0.75rem 1.25rem;
30
+ font-weight: bold;
31
+ border-bottom: 1px solid #30363d;
32
+ }
33
+ .signal-long { border-left-color: #238636; }
34
+ .signal-short { border-left-color: #da3633; }
35
+ .card .headline { font-style: italic; color: #8b949e; padding: 1rem 1.25rem 0; }
36
+ .card p { margin: 0; padding: 0.5rem 1.25rem; }
37
+ .card .grid { padding: 0 1.25rem 1rem; }
38
+ #signal-stream:empty::before {
39
+ content: 'Awaiting first high-conviction signal from the protocol...';
40
+ display: block;
41
+ text-align: center;
42
+ padding: 3rem;
43
+ color: #8b949e;
44
+ border: 2px dashed #30363d;
45
+ border-radius: 6px;
46
+ }
47
  </style>
48
  </head>
49
  <body hx-ext="sse">
50
  <main class="container">
51
+ <header>
52
+ <h1>Sentinel TradeFlow Protocol</h1>
53
+ <p>Autonomous Low-Latency Signal Generation</p>
54
  </header>
55
 
56
+ <article>
57
+ <header class="card-header">
58
+ <span>Signal Stream</span>
59
+ <span>Status: <strong style="color: #238636;">ONLINE</strong></span>
60
+ </header>
61
+ <div id="signal-stream"
62
+ hx-sse="connect:/api/signals/stream"
63
+ hx-swap="afterbegin">
64
+ <!-- Actionable trade hypotheses will be injected here in real-time -->
65
+ </div>
66
  </article>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
67
  </main>
68
  </body>
69
  </html>