main
John Lauer Show desktop EDA alongside Adom footprint, library and sourcing web tools f56bad0 29d ago
<!doctype html><meta charset="utf-8"><title>EDA Skillpack — desktop and web workflows</title>
<style>
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#0c1420;color:#edf7fa;font:20px system-ui}main{height:100vh;padding:18px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:18px}.card{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #324454;border-radius:12px;overflow:hidden;background:#172331;box-shadow:0 8px 25px #0006}.bar{padding:10px 15px;font-weight:650;display:flex;justify-content:space-between;align-items:center}.bar small{font-size:12px;font-weight:450;color:#a9becb}.frame{flex:1;min-height:0;overflow:hidden;background:#0c1420;display:flex;align-items:center;justify-content:center}img{width:100%;height:100%;object-fit:contain}.symbol{border-color:#43c8ca}.symbol .bar{color:#66e0db}.altium img{object-fit:cover;object-position:75% 42%}
.web{border-color:#43c8ca}.web .bar{color:#66e0db}.wide{grid-column:1 / -1}.wide img{object-fit:cover;object-position:center 35%}@media(min-aspect-ratio:4/3){main{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.wide{grid-column:1 / -1}}
</style><main>
<section class="card"><div class="bar">Autodesk Fusion <small>Native PCB routing</small></div><div class="frame"><img src="fusion.png"></div></section>
<section class="card altium"><div class="bar">Altium Designer <small>Native PCB design</small></div><div class="frame"><img src="altium.png"></div></section>
<section class="card"><div class="bar">KiCad <small>Open-source desktop EDA</small></div><div class="frame"><img src="kicad.png"></div></section>
<section class="card symbol"><div class="bar">adom-symbol in Pup <small>Web-based EDA</small></div><div class="frame"><img src="symbol-pup.png"></div></section>
<section class="card web"><div class="bar">adom-footprint <small>Pad geometry & paste</small></div><div class="frame"><img src="footprint.png"></div></section>
<section class="card web"><div class="bar">adom-lbr <small>Symbol · footprint · 3D</small></div><div class="frame"><img src="lbr.png"></div></section>
<section class="card web wide"><div class="bar">adom-parts-search <small>Source the components for your board</small></div><div class="frame"><img src="parts.png"></div></section>
</main>