c689df2Add kirchhoff-bfs submission for plate-strike-v1 (meshes 4 to 48), field export via LFS, and this repository's site with a 3D field viewerJeremy Magland 1
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<title>Plate solutions</title>
7<style>
8:root { --fg: #1b1b1b; --bg: #fff; --muted: #666; --line: #ddd; --accent: #2a6db0; }
9@media (prefers-color-scheme: dark) { :root { --fg: #e6e6e6; --bg: #151515; --muted: #999; --line: #333; --accent: #7ab3e8; } }
10body { font-family: system-ui, sans-serif; color: var(--fg); background: var(--bg); margin: 0; padding: 16px; line-height: 1.45; }
11main { max-width: 1100px; margin: 0 auto; }
12a { color: var(--accent); }
13table { border-collapse: collapse; width: 100%; font-size: 0.92em; }
14th, td { border-bottom: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
15td.num { text-align: right; font-variant-numeric: tabular-nums; }
16.muted { color: var(--muted); }
17.wrap { overflow-x: auto; }
18#view { width: 100%; height: 480px; border: 1px solid var(--line); border-radius: 4px; touch-action: none; }
19.controls { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 8px 0; }
20.controls label { display: flex; gap: 6px; align-items: center; }
21input[type=range] { width: 200px; }
22button { font: inherit; padding: 4px 10px; }
23</style>
24<script type="importmap">
25{ "imports": {
26 "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js",
27 "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
28} }
29</script>
30</head>
31<body><main>
32<h1>Solutions to the plate challenges</h1>
33<p>This is the site of the solution repository <a href="https://vault1.magland.org/challenges/plate-solutions">challenges/plate-solutions</a>. The comparison of all registered solutions against the reference is on the <a href="https://vault1.magland.org/challenges/plate/site/">challenge repository's results site</a>; this page lists this repository's own submissions and animates the exported displacement fields as a 3D surface.</p>
35<h2>Displacement animation</h2>
36<div class="controls">
37 <label>Solution <select id="fieldSelect"></select></label>
38 <button id="playBtn">Play</button>
39 <label>Speed <input id="speed" type="range" min="-3" max="0" step="0.1" value="-2"> <span id="speedLabel"></span></label>
40 <label>Exaggeration <input id="exag" type="range" min="0" max="3" step="0.1" value="1.5"> <span id="exagLabel"></span></label>
7141e28Add vonkarman-modal submission for plate-strike-nl-v1; viewer removes rigid motionJeremy Magland 41 <label><input id="derigid" type="checkbox" checked> remove rigid motion</label>
c689df2Add kirchhoff-bfs submission for plate-strike-v1 (meshes 4 to 48), field export via LFS, and this repository's site with a 3D field viewerJeremy Magland 42 <label>Time <input id="timeSlider" type="range" min="0" max="1" step="1" value="0"> <span id="timeLabel" class="muted"></span></label>
43</div>
44<div id="view"></div>
45<p id="fieldStatus" class="muted">Loading…</p>
47<h2>Submissions</h2>
48<div id="playback"></div>
49<div id="submissions"></div>
50</main>
51<script src="player.js"></script>
52<script type="module" src="viewer.js"></script>
53</body>
54</html>