jsahnandClaude Fable 5
f7b8d895c3
Zero-runtime-dependency Node 24 server + esbuild-bundled client. Reads reports/*.json only (never the daemon's SQLite/WAL): summary card, dual Seoul/New York clocks, holiday-gap rows in the briefing list, per-symbol close chart with table view, error log. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>US2KR 대시보드</title>
|
|
<link rel="stylesheet" href="/styles.css" />
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<h1>US2KR <span class="topbar-sub">미국 마감 → 한국 개장 브리핑</span></h1>
|
|
<div class="topbar-right">
|
|
<div id="clocks" class="clocks"></div>
|
|
<div id="health" class="health" role="status"></div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="layout">
|
|
<section id="tiles" class="tiles" aria-label="최신 세션 요약"></section>
|
|
|
|
<section class="panel chart-panel" aria-label="시세 추이">
|
|
<div class="panel-head">
|
|
<h2 id="chart-title">시세 추이</h2>
|
|
<div class="chart-controls">
|
|
<label class="visually-hidden" for="symbol-select">종목 선택</label>
|
|
<select id="symbol-select"></select>
|
|
<button id="table-toggle" type="button" aria-pressed="false">표로 보기</button>
|
|
</div>
|
|
</div>
|
|
<div id="chart" class="chart"></div>
|
|
<div id="chart-table" class="chart-table" hidden></div>
|
|
</section>
|
|
|
|
<div class="columns">
|
|
<aside class="panel list-panel" aria-label="브리핑 목록">
|
|
<h2>브리핑</h2>
|
|
<ul id="briefing-list" class="briefing-list"></ul>
|
|
</aside>
|
|
|
|
<article class="panel report-panel">
|
|
<div id="report-meta" class="report-meta"></div>
|
|
<div id="report-summary"></div>
|
|
<div id="report-body" class="markdown"></div>
|
|
</article>
|
|
</div>
|
|
|
|
<section id="errors-panel" class="panel errors-panel" hidden>
|
|
<h2>오류 로그 <span id="errors-count" class="badge badge-error"></span></h2>
|
|
<ul id="errors-list" class="errors-list"></ul>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/app.js" defer></script>
|
|
</body>
|
|
</html>
|