31 lines
1.5 KiB
HTML
31 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>WebGPU scaling benchmark · micarrsim</title>
|
|
<link rel="stylesheet" href="/packages/ui/app-shell.css" />
|
|
<style>
|
|
.benchmark-shell { width: min(980px, calc(100% - 32px)); margin: 40px auto; }
|
|
.benchmark-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
|
|
.benchmark-output { min-height: 240px; padding: 16px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); white-space: pre-wrap; }
|
|
button { padding: 10px 16px; border: 1px solid var(--line); border-radius: 999px; color: var(--text); background: var(--surface); cursor: pointer; }
|
|
button:disabled { cursor: wait; opacity: .55; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main class="benchmark-shell">
|
|
<p class="eyebrow">192-channel reproducible benchmark</p>
|
|
<h1>WebGPU DAS scaling</h1>
|
|
<p id="benchmark-status">fixture를 준비하고 있습니다…</p>
|
|
<div class="benchmark-actions">
|
|
<button id="run-benchmark" type="button">다시 실행</button>
|
|
<button id="download-result" type="button" disabled>JSON 저장</button>
|
|
<a href="/tests/">전체 테스트 열기</a>
|
|
</div>
|
|
<pre class="benchmark-output" id="benchmark-output" aria-live="polite"></pre>
|
|
</main>
|
|
<script type="module" src="/benchmarks/webgpu-scaling.js"></script>
|
|
</body>
|
|
</html>
|