Adom Footprint - src/embed.html

Overview Files Skills Discover Packages Releases Dependencies Issues1 Breadcrumbs Pull Requests Activity

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46

<!doctype html><html><head><meta charset="utf-8">
<title>__NAME__ - adom-footprint</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
/*__AV_CSS__*/
:root{--bg:#0d1117;--panel:#11161f;--border:#222b38;--text:#e6edf3;--muted:#8b949e;--accent:#37c8a6}
*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}
body{background:var(--bg);color:var(--text);font-family:'Satoshi','Segoe UI',system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}
header{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--border);flex:0 0 auto}
header .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
header .b{font-weight:700;font-size:14px}header .b span{color:var(--muted);font-weight:400}
header .nm{margin-left:auto;font-weight:600;font-size:13px;color:#cfd8e2}
main{flex:1;display:flex;min-height:0}
.vpwrap{flex:1;position:relative;min-width:0}
aside{flex:0 0 248px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}
aside .ah{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.layers{padding:6px}
.note{font-size:11px;color:var(--muted);line-height:1.45;padding:8px 11px}
.note b{color:#7ef0d2}
</style></head>
<body>
  <header><span class="dot"></span><span class="b">adom-footprint <span>· interactive</span></span><span class="nm">__NAME__</span></header>
  <main>
    <div class="vpwrap">
      <div class="av-vp" id="vp">
        __SVG__
      </div>
    </div>
    <aside>
      <div class="ah">Layers</div>
      <div class="layers" id="layers"></div>
      <div class="note">The <b>solder paste jet</b> layer shows the 300µm paste-dispensing dots that travel with the footprint. Off by default — toggle it on.</div>
    </aside>
  </main>
<script>/*__AV_JS__*/</script>
<script>
var META=__META__;
(function(){
  var vp=document.getElementById('vp');
  var svg=vp.querySelector('svg');
  var ctl=AV.initViewport(vp);
  AV.addToolbar(vp,ctl);
  AV.buildLayers({ svg:svg, container:document.getElementById('layers'), state:{}, meta:META });
})();
</script>
</body></html>