| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| <title>Trade with an agent · HERCULEAN</title> |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
| <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" /> |
| <link rel="icon" href="./assets/finai-logo.png" /> |
| <link rel="stylesheet" href="./play.css" /> |
| </head> |
| <body> |
| <div class="app"> |
| <header class="top"> |
| <a class="back" href="./index.html">← Leaderboard</a> |
| <a class="brand" href="./index.html"><img src="./assets/finai-logo.png" alt="">The Fin AI<span class="sep">/</span><b>HERCULEAN</b></a> |
| <div class="who"> |
| <button class="newg" id="newBtn" title="Start over">↻ New game</button> |
| <div class="avatar" id="ava"></div><div class="nm"><small>Trader</small><b id="trader"></b></div> |
| </div> |
| </header> |
|
|
| <main class="main"> |
| <section class="card stand" id="stand"></section> |
|
|
| <section class="chartcard"> |
| <div class="ch-head" id="head"></div> |
| <svg id="kline" aria-label="Price chart"></svg> |
| </section> |
|
|
| <aside class="side"> |
| <div class="card"> |
| <div class="kick"><span>Portfolio · $100k start</span><span>you vs B&H</span></div> |
| <div class="eq"><b id="eqv">$100,000</b><span id="eqr"></span></div> |
| <div class="kv" id="kv"></div> |
| </div> |
| <div class="card"> |
| <div class="kick"><span>Who trades today?</span><span id="dayK"></span></div> |
| <div class="pk-l">Architecture</div> |
| <div class="pick" id="arch"></div> |
| <div class="pk-l">Backbone</div> |
| <div class="pick m" id="model"></div> |
| <div class="go-row"> |
| <button class="go" id="goBtn">Trade today <small>▶ reveal the call</small></button> |
| <button class="auto" id="autoBtn" title="Keep this pick and play the remaining days">Auto ▸▸</button> |
| </div> |
| <div class="reveal" id="rev"><span class="muted">Pick an architecture and a backbone, then trade. One of its 3 runs is drawn at random.</span></div> |
| </div> |
| <div class="card attr" id="attr"></div> |
| </aside> |
| </main> |
|
|
|
|
| <section class="card logbar"> |
| <div class="kick"><span>Trade log · day by day</span><span>system · run · action · P&L</span></div> |
| <div class="tiles" id="log"></div> |
| </section> |
| </div> |
|
|
| |
| <div class="ov" id="ov"> |
| <div class="ov-card" id="ovCard"></div> |
| </div> |
|
|
| <div class="tip" id="tip"></div> |
| <script src="./data.js"></script> |
| <script src="./play.js"></script> |
| </body> |
| </html> |
|
|
