Agent_week_6 / frontend /index.html
Mohanp76's picture
Deploy project
5545e4d
Raw
History Blame Contribute Delete
1.85 kB
<!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>Autonomous Traders</title>
<link rel="stylesheet" href="/src/styles.css" />
</head>
<body>
<aside class="sidebar">
<div class="brand-block">
<h1 class="brand">Autonomous Traders</h1>
<p class="brand-sub">MCP trading floor</p>
</div>
<div class="market">
<span class="market-label">Market data</span>
<div class="market-badge" id="market-badge">
<span class="market-dot"></span>
<span id="market-source">Connecting</span>
</div>
<span class="market-status" id="market-status"></span>
</div>
<div class="returns">
<span class="returns-label">Returns</span>
<ul class="returns-list" id="returns-list"></ul>
</div>
<div class="sidebar-spacer"></div>
<button class="theme-toggle" id="btn-theme" aria-label="Toggle theme">
<svg class="theme-icon icon-moon" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/>
</svg>
<svg class="theme-icon icon-sun" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="4"/>
<path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/>
</svg>
</button>
</aside>
<main id="panels" class="panels"></main>
<div id="modal-root"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>