Parts Search

@@ -1,53 +0,0 @@-<!DOCTYPE html>-<html lang="en">-<head>-<meta charset="utf-8">-<title>Part Align — 10-component gallery</title>-<style>-  :root {-    --bg: #0d1117; --surface: #161b22; --border: #30363d;-    --text: #e6edf3; --text-dim: #8b949e; --accent: #00b8b0;-  }-  * { box-sizing: border-box; margin: 0; padding: 0; }-  html, body { background: var(--bg); color: var(--text); font-family: system-ui, sans-serif; }-  .bar { padding: 10px 16px; background: var(--surface); border-bottom: 1px solid var(--border); display: flex; gap: 16px; align-items: center; }-  .bar h1 { font-size: 14px; font-weight: 600; }-  .bar .sub { color: var(--text-dim); font-size: 12px; }-  .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; padding: 6px; background: #05070a; }-  .cell { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--surface); }-  .cell .label { padding: 4px 10px; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--accent); background: var(--surface); border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; }-  .cell iframe { flex: 1; border: 0; min-height: 320px; background: #05070a; }-</style>-</head>-<body>-<div class="bar">-  <h1>Part Align — 10-component gallery</h1>-  <span class="sub">one window · 10 iframes · ports 8901–8910</span>-</div>-<div class="grid" id="g"></div>-<script>-  const proxy = 'https://john-galliaapril-8v0y8o3547h2.adom.cloud/proxy';-  const entries = [-    ['DIP-8',               8901],-    ['DIP-16',              8902],-    ['TSSOP-14',            8903],-    ['LQFP-48',             8904],-    ['LQFP-32',             8905],-    ['LQFP-100',            8906],-    ['QFN-24 (mismatch)',   8907],-    ['SOIC-8',              8908],-    ['SOIC-16',             8909],-    ['SOT-23',              8910],-  ];-  const g = document.getElementById('g');-  for (const [name, port] of entries) {-    const cell = document.createElement('div');-    cell.className = 'cell';-    cell.innerHTML = `-      <div class="label"><span>${name}</span><span style="color:var(--text-dim)">port ${port}</span></div>-      <iframe src="${proxy}/${port}/" loading="eager" allow="cross-origin-isolated"></iframe>`;-    g.appendChild(cell);-  }-</script>-</body>-</html>