first commit

dashboard/web/index.html

@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="ko">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>SE-Brief 대시보드</title>
+  <link rel="stylesheet" href="/styles.css" />
+</head>
+<body>
+  <header class="topbar">
+    <h1>SE-Brief <span class="topbar-sub">OA 소프트웨어공학 논문 주간 다이제스트</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">
+          <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="digest-list" class="digest-list"></ul>
+      </aside>
+
+      <article class="panel report-panel">
+        <div id="digest-meta" class="digest-meta"></div>
+        <div id="digest-summary"></div>
+        <div id="digest-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>