2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title>Steel sheet gong simulator</title>
7 <link rel="stylesheet" href="./src/style.css" />
8 </head>
9 <body>
10 <div id="app">
11 <aside id="sidebar">
12 <h1>Steel sheet gong</h1>
13 <p class="sub">Geometrically nonlinear plate (von Karman, in-plane inertia retained), explicit WebGPU time stepping.</p>
14 <div id="controls"></div>
15 <div id="params"></div>
16 <div id="info"></div>
17 <p class="sub">See THEORY.md in the repository for the model and the numerical method.</p>
18 </aside>
19 <main id="main">
20 <div class="toolbar" id="viewToolbar"></div>
21 <div id="viewWrap"><canvas id="view"></canvas><div id="nogpu" hidden></div></div>
22 <div class="toolbar" id="movieToolbar"></div>
23 <div class="toolbar" id="specToolbar"></div>
24 <canvas id="spec"></canvas>
25 </main>
26 </div>
27 <script type="module" src="./src/main.ts"></script>
28 </body>
29</html>