Electronic Load Molecule

<!doctype html><html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Electronic Load / Clip Review</title><link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' fill='%2300b8b1'/%3E%3C/svg%3E"><style>:root{color-scheme:dark}body{margin:0;background:#0d1117;color:#e6edf3;font:16px system-ui}header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#161b22;border-bottom:1px solid #30363d}main{max-width:1400px;margin:auto;padding:30px}h1{font-size:32px}p{color:#a4b0bd;line-height:1.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}article{padding:20px;background:#161b22;border:1px solid #30363d;border-radius:10px}video{width:100%;border-radius:6px}h2{font-size:20px}a{color:#00c8bd}small{color:#a4b0bd}.note{border-left:3px solid #00b8b1;padding-left:16px}@media(max-width:850px){.grid{grid-template-columns:1fr}}</style><header><b>ADOM / ELECTRONIC LOAD</b><span>VIDEO CLIP REVIEW</span><a href="https://wiki.adom.inc/adom/electronic-load-molecule">Wiki</a></header><main><h1>Building an electronic load molecule</h1><p id="summary">Loading six narrated clips…</p><p class="note">Review each numbered clip. Tell me which clips need changes, or say “all six look good.” These are edited recordings of the digital prototype, with simulation and mechanical qualification limits kept visible. No final movie has been assembled or uploaded.</p><div class="grid" id="clips"></div></main><script>fetch('storyboard.json').then(r=>r.json()).then(d=>{document.querySelector('#summary').textContent=`Six narrated clips · ${Math.floor(d.duration_seconds/60)} min ${Math.round(d.duration_seconds%60)} sec total · 1080p · pauses removed · labelled 2× inspection segment`;for(const c of d.clips){let a=document.createElement('article');a.innerHTML=`<h2>${c.id} / ${c.title}</h2><video controls playsinline preload="metadata" poster="${c.file.replace('.mp4','.jpg')}" src="${c.file}"></video><p>${c.description}</p><small>${c.duration.toFixed(1)} seconds · <a href="${c.narration}">Narration script</a> · <a href="${c.file}" download>Download clip</a></small>`;document.querySelector('#clips').append(a)}});</script></html>