chore: add zero-dependency static launcher

2026-08-28 08:49:24 +09:00
parent bfc37e76c7
commit 4c5756a5a9
8 changed files with 539 additions and 0 deletions
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="micarrsim WebGPU acoustic camera simulator" />
+    <title>Acoustic Camera · micarrsim</title>
+    <link rel="stylesheet" href="/packages/ui/app-shell.css" />
+  </head>
+  <body>
+    <div class="app-shell">
+      <header class="app-header">
+        <a class="app-brand" href="/">
+          <strong>micarrsim</strong>
+          <span>Acoustic Camera</span>
+        </a>
+        <span class="status-chip status-chip--neutral" data-runtime-status>런타임 확인 중…</span>
+      </header>
+      <main class="app-main">
+        <section class="empty-state">
+          <p class="eyebrow">Beamforming laboratory</p>
+          <h1>배열 성능 비교하기</h1>
+          <p>
+            이 화면에서 scene과 192채널 배열을 불러와 자유음장 전달 신호를 만들고 주파수 대역별
+            DAS acoustic image를 ground truth와 비교하게 됩니다.
+          </p>
+        </section>
+      </main>
+    </div>
+    <script type="module" src="/packages/ui/runtime-status.js"></script>
+  </body>
+</html>
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="micarrsim 음향 장면 및 ground truth 생성기" />
+    <title>Dataset Builder · micarrsim</title>
+    <link rel="stylesheet" href="/packages/ui/app-shell.css" />
+  </head>
+  <body>
+    <div class="app-shell">
+      <header class="app-header">
+        <a class="app-brand" href="/">
+          <strong>micarrsim</strong>
+          <span>Dataset Builder</span>
+        </a>
+        <span class="status-chip status-chip--neutral" data-runtime-status>런타임 확인 중…</span>
+      </header>
+      <main class="app-main">
+        <section class="empty-state">
+          <p class="eyebrow">Scene authoring</p>
+          <h1>음향 장면 만들기</h1>
+          <p>
+            이 화면에서 기기 이미지에 음원을 배치하고 ambient audio를 혼합해 scene manifest와
+            ground truth를 만들게 됩니다. 공통 데이터 계약을 확정한 뒤 편집기를 연결합니다.
+          </p>
+        </section>
+      </main>
+    </div>
+    <script type="module" src="/packages/ui/runtime-status.js"></script>
+  </body>
+</html>