← Commit history

adom-lbr export-viewers: per-slot interactive symbol + footprint viewers (cross-highlight bus, tooltips, layer toggles)

Ray ·7a50dec7ee ·3mo ago ·parent 0212dc8
2 files changed +130
viewers/footprint.htmladded+65
@@ -0,0 +1,65 @@+<!doctype html><html lang=en><head><meta charset=utf-8>+<meta name=viewport content="width=device-width,initial-scale=1"><title>STM32F103C8T6 footprint</title>+<style>+:root{--bg:#0d1117;--panel:#161b22;--edge:#30363d;--ink:#e6edf3;--mut:#8b949e;--acc:#00b8b0;--accb:#00e6dc;--hi:#6ea8fe}+*{box-sizing:border-box;margin:0}html,body{height:100%}+body{background:var(--bg);color:var(--ink);font-family:'Satoshi',system-ui,sans-serif;display:flex;flex-direction:column}+.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--edge);flex:none}+.bar .h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}+.bar .sp{flex:1}+.lyrtog{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);background:#1a2130;border:1px solid var(--edge);border-radius:999px;padding:3px 9px;cursor:pointer;user-select:none}+.lyrtog.on{color:var(--ink);border-color:#485162}.lyrtog:not(.on){opacity:.5}+.lyrtog .d{width:8px;height:8px;border-radius:50%;background:#485162}+.stage{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg);cursor:grab;touch-action:none}+.stage.drag{cursor:grabbing}+.stage svg{position:absolute;inset:0;width:100%;height:100%}+.pingroup,.pad{cursor:pointer}+.pingroup.hi .pinvis{stroke:var(--hi)!important;stroke-width:7}+rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke}+.lyr-off{display:none}+#tip{position:fixed;z-index:99;pointer-events:none;display:none;max-width:250px;background:#0d1117;border:1px solid var(--acc);border-radius:8px;padding:7px 10px;box-shadow:0 8px 26px #000a}+#tip .tn{font:700 12px ui-monospace,monospace;color:var(--accb)}+#tip .tt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin-top:1px}+#tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4}+</style></head><body>+<div class=bar><span class=h>PCB footprint</span><span class=sp></span><button class="lyrtog on" data-lyr="copper"><span class="d" style="background:#e35d5d"></span>Copper</button><button class="lyrtog on" data-lyr="silk"><span class="d" style="background:#e6edf3"></span>Silkscreen</button><button class="lyrtog" data-lyr="fab"><span class="d" style="background:#8b949e"></span>Fab</button><button class="lyrtog" data-lyr="courtyard"><span class="d" style="background:#bc8cff"></span>Courtyard</button></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-5.550 -5.550 11.100 11.100' style='width:100%;height:100%'><line class='ly-silk' x1='-3.610' y1='-3.610' x2='-3.160' y2='-3.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-3.610' y1='-3.160' x2='-3.610' y2='-3.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-3.610' y1='3.610' x2='-3.610' y2='3.160' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-3.160' y1='3.610' x2='-3.610' y2='3.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.160' y1='-3.610' x2='3.610' y2='-3.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.610' y1='-3.610' x2='3.610' y2='-3.160' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.610' y1='3.160' x2='3.610' y2='3.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.610' y1='3.610' x2='3.160' y2='3.610' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-5.150' y1='-3.150' x2='-3.750' y2='-3.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-5.150' y1='3.150' x2='-5.150' y2='-3.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.750' y1='-3.750' x2='-3.150' y2='-3.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.750' y1='-3.150' x2='-3.750' y2='-3.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.750' y1='3.150' x2='-5.150' y2='3.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.750' y1='3.750' x2='-3.750' y2='3.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.150' y1='-5.150' x2='3.150' y2='-5.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.150' y1='-3.750' x2='-3.150' y2='-5.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.150' y1='3.750' x2='-3.750' y2='3.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.150' y1='5.150' x2='-3.150' y2='3.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.150' y1='-5.150' x2='3.150' y2='-3.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.150' y1='-3.750' x2='3.750' y2='-3.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.150' y1='3.750' x2='3.150' y2='5.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.150' y1='5.150' x2='-3.150' y2='5.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.750' y1='-3.750' x2='3.750' y2='-3.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.750' y1='-3.150' x2='5.150' y2='-3.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.750' y1='3.150' x2='3.750' y2='3.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.750' y1='3.750' x2='3.150' y2='3.750' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.150' y1='-3.150' x2='5.150' y2='3.150' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.150' y1='3.150' x2='3.750' y2='3.150' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='1' data-name='VBAT' x='-4.900' y='-2.900' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='2' data-name='PC13-TAMPER-RTC' x='-4.900' y='-2.400' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='3' data-name='PC14-OSC32_IN' x='-4.900' y='-1.900' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='4' data-name='PC15-OSC32_OUT' x='-4.900' y='-1.400' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='5' data-name='PD0-OSC_IN' x='-4.900' y='-0.900' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='6' data-name='PD1-OSC_OUT' x='-4.900' y='-0.400' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='7' data-name='NRST' x='-4.900' y='0.100' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='8' data-name='VSSA' x='-4.900' y='0.600' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='9' data-name='VDDA' x='-4.900' y='1.100' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='10' data-name='PA0-WKUP' x='-4.900' y='1.600' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='11' data-name='PA1' x='-4.900' y='2.100' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='12' data-name='PA2' x='-4.900' y='2.600' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='13' data-name='PA3' x='-2.900' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='14' data-name='PA4' x='-2.400' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='15' data-name='PA5' x='-1.900' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='16' data-name='PA6' x='-1.400' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='17' data-name='PA7' x='-0.900' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='18' data-name='PB0' x='-0.400' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='19' data-name='PB1' x='0.100' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='20' data-name='PB2' x='0.600' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='21' data-name='PB10' x='1.100' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='22' data-name='PB11' x='1.600' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='23' data-name='VSS_1' x='2.100' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='24' data-name='VDD_1' x='2.600' y='3.425' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='25' data-name='PB12' x='3.425' y='2.600' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='26' data-name='PB13' x='3.425' y='2.100' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='27' data-name='PB14' x='3.425' y='1.600' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='28' data-name='PB15' x='3.425' y='1.100' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='29' data-name='PA8' x='3.425' y='0.600' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='30' data-name='PA9' x='3.425' y='0.100' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='31' data-name='PA10' x='3.425' y='-0.400' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='32' data-name='PA11' x='3.425' y='-0.900' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='33' data-name='PA12' x='3.425' y='-1.400' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='34' data-name='PA13' x='3.425' y='-1.900' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='35' data-name='VSS_2' x='3.425' y='-2.400' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='36' data-name='VDD_2' x='3.425' y='-2.900' width='1.475' height='0.300' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='37' data-name='PA14' x='2.600' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='38' data-name='PA15' x='2.100' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='39' data-name='PB3' x='1.600' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='40' data-name='PB4' x='1.100' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='41' data-name='PB5' x='0.600' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='42' data-name='PB6' x='0.100' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='43' data-name='PB7' x='-0.400' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='44' data-name='BOOT0' x='-0.900' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='45' data-name='PB8' x='-1.400' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='46' data-name='PB9' x='-1.900' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='47' data-name='VSS_3' x='-2.400' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/><rect class='ly-copper pad' data-num='48' data-name='VDD_3' x='-2.900' y='-4.900' width='0.300' height='1.475' rx='0.075' fill='#f59e0b' opacity='0.9'/></svg></div>+<div id=tip></div>+<script>+var KIND="footprint", MPN="STM32F103C8T6", PINS=[{"desc":"GPIO port C bit 13, muxed with TAMPER input and RTC output.","name":"PC13-TAMPER-RTC","number":"2","type":"Bidir"},{"desc":"GPIO port A bit 0, 5 V-tolerant when configured as digital input.","name":"PA0-WKUP","number":"10","type":"Bidir"},{"desc":"GPIO port A bit 1.","name":"PA1","number":"11","type":"Bidir"},{"desc":"GPIO port A bit 2.","name":"PA2","number":"12","type":"Bidir"},{"desc":"GPIO port A bit 3.","name":"PA3","number":"13","type":"Bidir"},{"desc":"GPIO port A bit 4.","name":"PA4","number":"14","type":"Bidir"},{"desc":"GPIO port A bit 5.","name":"PA5","number":"15","type":"Bidir"},{"desc":"GPIO port A bit 6.","name":"PA6","number":"16","type":"Bidir"},{"desc":"GPIO port A bit 7.","name":"PA7","number":"17","type":"Bidir"},{"desc":"GPIO port B bit 0.","name":"PB0","number":"18","type":"Bidir"},{"desc":"GPIO port B bit 1.","name":"PB1","number":"19","type":"Bidir"},{"desc":"GPIO port B bit 2, 5 V-tolerant.","name":"PB2","number":"20","type":"Bidir"},{"desc":"GPIO port B bit 10, 5 V-tolerant.","name":"PB10","number":"21","type":"Bidir"},{"desc":"GPIO port B bit 11, 5 V-tolerant.","name":"PB11","number":"22","type":"Bidir"},{"desc":"GPIO port B bit 12, 5 V-tolerant.","name":"PB12","number":"25","type":"Bidir"},{"desc":"GPIO port B bit 13, 5 V-tolerant.","name":"PB13","number":"26","type":"Bidir"},{"desc":"GPIO port B bit 14, 5 V-tolerant.","name":"PB14","number":"27","type":"Bidir"},{"desc":"GPIO port B bit 15, 5 V-tolerant.","name":"PB15","number":"28","type":"Bidir"},{"desc":"GPIO port A bit 8, 5 V-tolerant.","name":"PA8","number":"29","type":"Bidir"},{"desc":"GPIO port A bit 9, 5 V-tolerant.","name":"PA9","number":"30","type":"Bidir"},{"desc":"GPIO port A bit 10, 5 V-tolerant.","name":"PA10","number":"31","type":"Bidir"},{"desc":"GPIO port B bit 5 (NOT 5 V-tolerant on this pin).","name":"PB5","number":"41","type":"Bidir"},{"desc":"GPIO port B bit 6, 5 V-tolerant.","name":"PB6","number":"42","type":"Bidir"},{"desc":"GPIO port B bit 7, 5 V-tolerant.","name":"PB7","number":"43","type":"Bidir"},{"desc":"GPIO port B bit 8, 5 V-tolerant.","name":"PB8","number":"45","type":"Bidir"},{"desc":"GPIO port B bit 9, 5 V-tolerant.","name":"PB9","number":"46","type":"Bidir"},{"desc":"Backup battery supply for RTC and backup registers.","name":"VBAT","number":"1","type":"Power"},{"desc":"Analog ground reference for ADC, reset block, PLL, and analog peripherals.","name":"VSSA","number":"8","type":"Power"},{"desc":"Analog supply for ADC, reset block, PLL, and analog I/O.","name":"VDDA","number":"9","type":"Power"},{"desc":"Digital ground, group 1.","name":"VSS_1","number":"23","type":"Power"},{"desc":"Digital supply, group 1.","name":"VDD_1","number":"24","type":"Power"},{"desc":"Digital ground, group 2.","name":"VSS_2","number":"35","type":"Power"},{"desc":"Digital supply, group 2.","name":"VDD_2","number":"36","type":"Power"},{"desc":"Digital ground, group 3.","name":"VSS_3","number":"47","type":"Power"},{"desc":"Digital supply, group 3.","name":"VDD_3","number":"48","type":"Power"},{"desc":"GPIO port C bit 14, muxed with 32 kHz LSE oscillator input (OSC32_IN).","name":"PC14-OSC32_IN","number":"3","type":"Bidir"},{"desc":"GPIO port C bit 15, muxed with 32 kHz LSE oscillator output (OSC32_OUT).","name":"PC15-OSC32_OUT","number":"4","type":"Bidir"},{"desc":"HSE crystal oscillator input (OSC_IN) after reset; remappable to GPIO PD0 by software.","name":"PD0-OSC_IN","number":"5","type":"Bidir"},{"desc":"HSE crystal oscillator output (OSC_OUT) after reset; remappable to GPIO PD1 by software.","name":"PD1-OSC_OUT","number":"6","type":"Bidir"},{"desc":"Active-low bidirectional device reset.","name":"NRST","number":"7","type":"Bidir"},{"desc":"Boot mode selection input sampled at reset (with BOOT1/PB2): selects boot from Flash, System memory (bootloader), or embedded SRAM.","name":"BOOT0","number":"44","type":"Input"},{"desc":"GPIO port A bit 11, 5 V-tolerant.","name":"PA11","number":"32","type":"Bidir"},{"desc":"GPIO port A bit 12, 5 V-tolerant.","name":"PA12","number":"33","type":"Bidir"},{"desc":"GPIO port A bit 13, 5 V-tolerant.","name":"PA13","number":"34","type":"Bidir"},{"desc":"GPIO port A bit 14, 5 V-tolerant.","name":"PA14","number":"37","type":"Bidir"},{"desc":"GPIO port A bit 15, 5 V-tolerant.","name":"PA15","number":"38","type":"Bidir"},{"desc":"GPIO port B bit 3, 5 V-tolerant.","name":"PB3","number":"39","type":"Bidir"},{"desc":"GPIO port B bit 4, 5 V-tolerant.","name":"PB4","number":"40","type":"Bidir"}];+var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;});+var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip');+// ---- pan/zoom ----+var vb=(svg.getAttribute('viewBox')||'0 0 100 100').split(/\s+/).map(Number), base=vb.slice();+function setVB(){svg.setAttribute('viewBox',vb.join(' '));}+stage.addEventListener('wheel',function(e){e.preventDefault();var r=stage.getBoundingClientRect();var mx=(e.clientX-r.left)/r.width,my=(e.clientY-r.top)/r.height;var f=e.deltaY<0?0.88:1.14;var nw=vb[2]*f,nh=vb[3]*f;vb[0]+=(vb[2]-nw)*mx;vb[1]+=(vb[3]-nh)*my;vb[2]=nw;vb[3]=nh;setVB();},{passive:false});+var pan=null;+stage.addEventListener('pointerdown',function(e){pan={x:e.clientX,y:e.clientY};stage.classList.add('drag');stage.setPointerCapture(e.pointerId);});+stage.addEventListener('pointermove',function(e){if(!pan)return;var r=stage.getBoundingClientRect();vb[0]-=(e.clientX-pan.x)/r.width*vb[2];vb[1]-=(e.clientY-pan.y)/r.height*vb[3];pan={x:e.clientX,y:e.clientY};setVB();});+function endPan(){pan=null;stage.classList.remove('drag');}+stage.addEventListener('pointerup',endPan);stage.addEventListener('pointerleave',endPan);+stage.addEventListener('dblclick',function(){vb=base.slice();setVB();});+// ---- cross-highlight bus ----+function els(n){return [].slice.call(document.querySelectorAll('[data-num="'+n+'"]'));}+function clearHi(){[].slice.call(document.querySelectorAll('.hi')).forEach(function(e){e.classList.remove('hi');});}+function hi(n){els(n).forEach(function(e){e.classList.add('hi');});}+function post(n){try{parent.postMessage({type:'lbr-hover',pin:n===null?null:String(n),mpn:MPN},'*');}catch(_){}}+function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';tip.querySelector('.tn').textContent=n+'  '+(p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';}+[].slice.call(document.querySelectorAll('.pingroup,.pad')).forEach(function(g){+  var n=g.getAttribute('data-num');+  g.addEventListener('mouseenter',function(e){clearHi();hi(n);post(n);showTip(n,e.clientX,e.clientY);});+  g.addEventListener('mousemove',function(e){tip.style.left=(e.clientX+14)+'px';tip.style.top=(e.clientY+12)+'px';});+  g.addEventListener('mouseleave',function(){clearHi();post(null);tip.style.display='none';});+});+window.addEventListener('message',function(e){var d=e.data||{};if(d.type!=='lbr-hover')return;clearHi();if(d.pin!=null)hi(d.pin);});+// ---- footprint layer toggles ----+[].slice.call(document.querySelectorAll('.lyrtog')).forEach(function(b){+  function apply(on){[].slice.call(document.querySelectorAll('.ly-'+b.getAttribute('data-lyr'))).forEach(function(el){el.classList.toggle('lyr-off',!on);});}+  apply(b.classList.contains('on'));+  b.addEventListener('click',function(){apply(b.classList.toggle('on'));});+});+// ---- auto-grow the host readme iframe ----+function ph(){var h=Math.max(360,Math.min(16000,document.body.scrollHeight||420));parent.postMessage({type:'readme-height',height:h},'*');}+window.addEventListener('load',ph);setTimeout(ph,300);+</script>+</body></html>
viewers/symbol.htmladded+65
@@ -0,0 +1,65 @@+<!doctype html><html lang=en><head><meta charset=utf-8>+<meta name=viewport content="width=device-width,initial-scale=1"><title>STM32F103C8T6 symbol</title>+<style>+:root{--bg:#0d1117;--panel:#161b22;--edge:#30363d;--ink:#e6edf3;--mut:#8b949e;--acc:#00b8b0;--accb:#00e6dc;--hi:#6ea8fe}+*{box-sizing:border-box;margin:0}html,body{height:100%}+body{background:var(--bg);color:var(--ink);font-family:'Satoshi',system-ui,sans-serif;display:flex;flex-direction:column}+.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--edge);flex:none}+.bar .h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}+.bar .sp{flex:1}+.lyrtog{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);background:#1a2130;border:1px solid var(--edge);border-radius:999px;padding:3px 9px;cursor:pointer;user-select:none}+.lyrtog.on{color:var(--ink);border-color:#485162}.lyrtog:not(.on){opacity:.5}+.lyrtog .d{width:8px;height:8px;border-radius:50%;background:#485162}+.stage{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg);cursor:grab;touch-action:none}+.stage.drag{cursor:grabbing}+.stage svg{position:absolute;inset:0;width:100%;height:100%}+.pingroup,.pad{cursor:pointer}+.pingroup.hi .pinvis{stroke:var(--hi)!important;stroke-width:7}+rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke}+.lyr-off{display:none}+#tip{position:fixed;z-index:99;pointer-events:none;display:none;max-width:250px;background:#0d1117;border:1px solid var(--acc);border-radius:8px;padding:7px 10px;box-shadow:0 8px 26px #000a}+#tip .tn{font:700 12px ui-monospace,monospace;color:var(--accb)}+#tip .tt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin-top:1px}+#tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4}+</style></head><body>+<div class=bar><span class=h>Schematic symbol</span><span class=sp></span></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-950 -1700 1900 3394' style='width:100%;height:100%'><rect x='-800.0' y='-1650.0' width='1600.0' height='3293.7' fill='#e35d5d' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='2' data-name='PC13-TAMPER-RTC'><line class='pinvis' x1='-900.0' y1='-1471.0' x2='-800.0' y2='-1471.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-1471.0' x2='-800.0' y2='-1471.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-1433.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-775.0' y='-1471.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PC13-TAMPER-RTC</text><g class='pingroup' data-num='10' data-name='PA0-WKUP'><line class='pinvis' x1='-900.0' y1='-1371.0' x2='-800.0' y2='-1371.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-1371.0' x2='-800.0' y2='-1371.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-1333.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-775.0' y='-1371.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA0-WKUP</text><g class='pingroup' data-num='11' data-name='PA1'><line class='pinvis' x1='-900.0' y1='-1271.0' x2='-800.0' y2='-1271.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-1271.0' x2='-800.0' y2='-1271.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-1233.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='-775.0' y='-1271.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA1</text><g class='pingroup' data-num='12' data-name='PA2'><line class='pinvis' x1='-900.0' y1='-1171.0' x2='-800.0' y2='-1171.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-1171.0' x2='-800.0' y2='-1171.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-1133.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='-775.0' y='-1171.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA2</text><g class='pingroup' data-num='13' data-name='PA3'><line class='pinvis' x1='-900.0' y1='-1071.0' x2='-800.0' y2='-1071.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-1071.0' x2='-800.0' y2='-1071.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-1033.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-775.0' y='-1071.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA3</text><g class='pingroup' data-num='14' data-name='PA4'><line class='pinvis' x1='-900.0' y1='-971.0' x2='-800.0' y2='-971.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-971.0' x2='-800.0' y2='-971.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-933.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-775.0' y='-971.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA4</text><g class='pingroup' data-num='15' data-name='PA5'><line class='pinvis' x1='-900.0' y1='-871.0' x2='-800.0' y2='-871.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-871.0' x2='-800.0' y2='-871.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-833.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='-775.0' y='-871.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA5</text><g class='pingroup' data-num='16' data-name='PA6'><line class='pinvis' x1='-900.0' y1='-771.0' x2='-800.0' y2='-771.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-771.0' x2='-800.0' y2='-771.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-733.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='-775.0' y='-771.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA6</text><g class='pingroup' data-num='17' data-name='PA7'><line class='pinvis' x1='-900.0' y1='-671.0' x2='-800.0' y2='-671.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-671.0' x2='-800.0' y2='-671.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-633.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='-775.0' y='-671.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA7</text><g class='pingroup' data-num='18' data-name='PB0'><line class='pinvis' x1='-900.0' y1='-571.0' x2='-800.0' y2='-571.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-571.0' x2='-800.0' y2='-571.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-533.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='-775.0' y='-571.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB0</text><g class='pingroup' data-num='19' data-name='PB1'><line class='pinvis' x1='-900.0' y1='-471.0' x2='-800.0' y2='-471.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-471.0' x2='-800.0' y2='-471.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-433.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='-775.0' y='-471.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB1</text><g class='pingroup' data-num='20' data-name='PB2'><line class='pinvis' x1='-900.0' y1='-371.0' x2='-800.0' y2='-371.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-371.0' x2='-800.0' y2='-371.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-333.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='-775.0' y='-371.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB2</text><g class='pingroup' data-num='21' data-name='PB10'><line class='pinvis' x1='-900.0' y1='-271.0' x2='-800.0' y2='-271.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-271.0' x2='-800.0' y2='-271.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-233.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='-775.0' y='-271.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB10</text><g class='pingroup' data-num='22' data-name='PB11'><line class='pinvis' x1='-900.0' y1='-171.0' x2='-800.0' y2='-171.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-171.0' x2='-800.0' y2='-171.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-133.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='-775.0' y='-171.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB11</text><g class='pingroup' data-num='25' data-name='PB12'><line class='pinvis' x1='-900.0' y1='-71.0' x2='-800.0' y2='-71.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='-71.0' x2='-800.0' y2='-71.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='-33.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='-775.0' y='-71.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB12</text><g class='pingroup' data-num='26' data-name='PB13'><line class='pinvis' x1='-900.0' y1='29.0' x2='-800.0' y2='29.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='29.0' x2='-800.0' y2='29.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='66.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='-775.0' y='29.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB13</text><g class='pingroup' data-num='27' data-name='PB14'><line class='pinvis' x1='-900.0' y1='129.0' x2='-800.0' y2='129.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='129.0' x2='-800.0' y2='129.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='166.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='-775.0' y='129.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB14</text><g class='pingroup' data-num='28' data-name='PB15'><line class='pinvis' x1='-900.0' y1='229.0' x2='-800.0' y2='229.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='229.0' x2='-800.0' y2='229.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='266.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='-775.0' y='229.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB15</text><g class='pingroup' data-num='29' data-name='PA8'><line class='pinvis' x1='-900.0' y1='329.0' x2='-800.0' y2='329.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='329.0' x2='-800.0' y2='329.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='366.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>29</text><text x='-775.0' y='329.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA8</text><g class='pingroup' data-num='30' data-name='PA9'><line class='pinvis' x1='-900.0' y1='429.0' x2='-800.0' y2='429.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='429.0' x2='-800.0' y2='429.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='466.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>30</text><text x='-775.0' y='429.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA9</text><g class='pingroup' data-num='31' data-name='PA10'><line class='pinvis' x1='-900.0' y1='529.0' x2='-800.0' y2='529.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='529.0' x2='-800.0' y2='529.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='566.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>31</text><text x='-775.0' y='529.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PA10</text><g class='pingroup' data-num='41' data-name='PB5'><line class='pinvis' x1='-900.0' y1='629.0' x2='-800.0' y2='629.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='629.0' x2='-800.0' y2='629.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='666.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>41</text><text x='-775.0' y='629.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB5</text><g class='pingroup' data-num='42' data-name='PB6'><line class='pinvis' x1='-900.0' y1='729.0' x2='-800.0' y2='729.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='729.0' x2='-800.0' y2='729.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='766.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>42</text><text x='-775.0' y='729.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB6</text><g class='pingroup' data-num='43' data-name='PB7'><line class='pinvis' x1='-900.0' y1='829.0' x2='-800.0' y2='829.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='829.0' x2='-800.0' y2='829.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='866.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>43</text><text x='-775.0' y='829.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB7</text><g class='pingroup' data-num='45' data-name='PB8'><line class='pinvis' x1='-900.0' y1='929.0' x2='-800.0' y2='929.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='929.0' x2='-800.0' y2='929.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='966.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>45</text><text x='-775.0' y='929.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB8</text><g class='pingroup' data-num='46' data-name='PB9'><line class='pinvis' x1='-900.0' y1='1029.0' x2='-800.0' y2='1029.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-900.0' y1='1029.0' x2='-800.0' y2='1029.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-850.0' y='1066.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>46</text><text x='-775.0' y='1029.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>PB9</text><g class='pingroup' data-num='1' data-name='VBAT'><line class='pinvis' x1='900.0' y1='-1471.0' x2='800.0' y2='-1471.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-1471.0' x2='800.0' y2='-1471.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-1508.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='775.0' y='-1471.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VBAT</text><g class='pingroup' data-num='8' data-name='VSSA'><line class='pinvis' x1='900.0' y1='-1371.0' x2='800.0' y2='-1371.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-1371.0' x2='800.0' y2='-1371.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-1408.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='775.0' y='-1371.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VSSA</text><g class='pingroup' data-num='9' data-name='VDDA'><line class='pinvis' x1='900.0' y1='-1271.0' x2='800.0' y2='-1271.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-1271.0' x2='800.0' y2='-1271.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-1308.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='775.0' y='-1271.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VDDA</text><g class='pingroup' data-num='23' data-name='VSS_1'><line class='pinvis' x1='900.0' y1='-1171.0' x2='800.0' y2='-1171.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-1171.0' x2='800.0' y2='-1171.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-1208.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='775.0' y='-1171.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VSS_1</text><g class='pingroup' data-num='24' data-name='VDD_1'><line class='pinvis' x1='900.0' y1='-1071.0' x2='800.0' y2='-1071.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-1071.0' x2='800.0' y2='-1071.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-1108.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='775.0' y='-1071.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VDD_1</text><g class='pingroup' data-num='35' data-name='VSS_2'><line class='pinvis' x1='900.0' y1='-971.0' x2='800.0' y2='-971.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-971.0' x2='800.0' y2='-971.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-1008.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>35</text><text x='775.0' y='-971.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VSS_2</text><g class='pingroup' data-num='36' data-name='VDD_2'><line class='pinvis' x1='900.0' y1='-871.0' x2='800.0' y2='-871.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-871.0' x2='800.0' y2='-871.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-908.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>36</text><text x='775.0' y='-871.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VDD_2</text><g class='pingroup' data-num='47' data-name='VSS_3'><line class='pinvis' x1='900.0' y1='-771.0' x2='800.0' y2='-771.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-771.0' x2='800.0' y2='-771.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-808.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>47</text><text x='775.0' y='-771.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VSS_3</text><g class='pingroup' data-num='48' data-name='VDD_3'><line class='pinvis' x1='900.0' y1='-671.0' x2='800.0' y2='-671.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-671.0' x2='800.0' y2='-671.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-708.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>48</text><text x='775.0' y='-671.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VDD_3</text><g class='pingroup' data-num='3' data-name='PC14-OSC32_IN'><line class='pinvis' x1='900.0' y1='-343.0' x2='800.0' y2='-343.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-343.0' x2='800.0' y2='-343.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-380.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='775.0' y='-343.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PC14-OSC32_IN</text><g class='pingroup' data-num='4' data-name='PC15-OSC32_OUT'><line class='pinvis' x1='900.0' y1='-243.0' x2='800.0' y2='-243.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-243.0' x2='800.0' y2='-243.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-280.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='775.0' y='-243.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PC15-OSC32_OUT</text><g class='pingroup' data-num='5' data-name='PD0-OSC_IN'><line class='pinvis' x1='900.0' y1='-143.0' x2='800.0' y2='-143.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-143.0' x2='800.0' y2='-143.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-180.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='775.0' y='-143.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD0-OSC_IN</text><g class='pingroup' data-num='6' data-name='PD1-OSC_OUT'><line class='pinvis' x1='900.0' y1='-43.0' x2='800.0' y2='-43.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='-43.0' x2='800.0' y2='-43.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='-80.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='775.0' y='-43.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD1-OSC_OUT</text><g class='pingroup' data-num='7' data-name='NRST'><line class='pinvis' x1='900.0' y1='286.0' x2='800.0' y2='286.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='286.0' x2='800.0' y2='286.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='248.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='775.0' y='286.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>NRST</text><g class='pingroup' data-num='44' data-name='BOOT0'><line class='pinvis' x1='900.0' y1='386.0' x2='800.0' y2='386.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='386.0' x2='800.0' y2='386.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='348.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>44</text><text x='775.0' y='386.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>BOOT0</text><g class='pingroup' data-num='32' data-name='PA11'><line class='pinvis' x1='900.0' y1='715.0' x2='800.0' y2='715.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='715.0' x2='800.0' y2='715.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='677.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>32</text><text x='775.0' y='715.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA11</text><g class='pingroup' data-num='33' data-name='PA12'><line class='pinvis' x1='900.0' y1='815.0' x2='800.0' y2='815.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='815.0' x2='800.0' y2='815.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='777.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>33</text><text x='775.0' y='815.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA12</text><g class='pingroup' data-num='34' data-name='PA13'><line class='pinvis' x1='900.0' y1='1144.0' x2='800.0' y2='1144.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='1144.0' x2='800.0' y2='1144.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='1106.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>34</text><text x='775.0' y='1144.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA13</text><g class='pingroup' data-num='37' data-name='PA14'><line class='pinvis' x1='900.0' y1='1244.0' x2='800.0' y2='1244.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='1244.0' x2='800.0' y2='1244.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='1206.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>37</text><text x='775.0' y='1244.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA14</text><g class='pingroup' data-num='38' data-name='PA15'><line class='pinvis' x1='900.0' y1='1344.0' x2='800.0' y2='1344.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='1344.0' x2='800.0' y2='1344.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='1306.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>38</text><text x='775.0' y='1344.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PA15</text><g class='pingroup' data-num='39' data-name='PB3'><line class='pinvis' x1='900.0' y1='1444.0' x2='800.0' y2='1444.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='1444.0' x2='800.0' y2='1444.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='1406.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>39</text><text x='775.0' y='1444.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB3</text><g class='pingroup' data-num='40' data-name='PB4'><line class='pinvis' x1='900.0' y1='1544.0' x2='800.0' y2='1544.0' stroke='#dfe4ec' stroke-width='4'/><line x1='900.0' y1='1544.0' x2='800.0' y2='1544.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='850.0' y='1506.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>40</text><text x='775.0' y='1544.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB4</text></svg></div>+<div id=tip></div>+<script>+var KIND="symbol", MPN="STM32F103C8T6", PINS=[{"desc":"GPIO port C bit 13, muxed with TAMPER input and RTC output.","name":"PC13-TAMPER-RTC","number":"2","type":"Bidir"},{"desc":"GPIO port A bit 0, 5 V-tolerant when configured as digital input.","name":"PA0-WKUP","number":"10","type":"Bidir"},{"desc":"GPIO port A bit 1.","name":"PA1","number":"11","type":"Bidir"},{"desc":"GPIO port A bit 2.","name":"PA2","number":"12","type":"Bidir"},{"desc":"GPIO port A bit 3.","name":"PA3","number":"13","type":"Bidir"},{"desc":"GPIO port A bit 4.","name":"PA4","number":"14","type":"Bidir"},{"desc":"GPIO port A bit 5.","name":"PA5","number":"15","type":"Bidir"},{"desc":"GPIO port A bit 6.","name":"PA6","number":"16","type":"Bidir"},{"desc":"GPIO port A bit 7.","name":"PA7","number":"17","type":"Bidir"},{"desc":"GPIO port B bit 0.","name":"PB0","number":"18","type":"Bidir"},{"desc":"GPIO port B bit 1.","name":"PB1","number":"19","type":"Bidir"},{"desc":"GPIO port B bit 2, 5 V-tolerant.","name":"PB2","number":"20","type":"Bidir"},{"desc":"GPIO port B bit 10, 5 V-tolerant.","name":"PB10","number":"21","type":"Bidir"},{"desc":"GPIO port B bit 11, 5 V-tolerant.","name":"PB11","number":"22","type":"Bidir"},{"desc":"GPIO port B bit 12, 5 V-tolerant.","name":"PB12","number":"25","type":"Bidir"},{"desc":"GPIO port B bit 13, 5 V-tolerant.","name":"PB13","number":"26","type":"Bidir"},{"desc":"GPIO port B bit 14, 5 V-tolerant.","name":"PB14","number":"27","type":"Bidir"},{"desc":"GPIO port B bit 15, 5 V-tolerant.","name":"PB15","number":"28","type":"Bidir"},{"desc":"GPIO port A bit 8, 5 V-tolerant.","name":"PA8","number":"29","type":"Bidir"},{"desc":"GPIO port A bit 9, 5 V-tolerant.","name":"PA9","number":"30","type":"Bidir"},{"desc":"GPIO port A bit 10, 5 V-tolerant.","name":"PA10","number":"31","type":"Bidir"},{"desc":"GPIO port B bit 5 (NOT 5 V-tolerant on this pin).","name":"PB5","number":"41","type":"Bidir"},{"desc":"GPIO port B bit 6, 5 V-tolerant.","name":"PB6","number":"42","type":"Bidir"},{"desc":"GPIO port B bit 7, 5 V-tolerant.","name":"PB7","number":"43","type":"Bidir"},{"desc":"GPIO port B bit 8, 5 V-tolerant.","name":"PB8","number":"45","type":"Bidir"},{"desc":"GPIO port B bit 9, 5 V-tolerant.","name":"PB9","number":"46","type":"Bidir"},{"desc":"Backup battery supply for RTC and backup registers.","name":"VBAT","number":"1","type":"Power"},{"desc":"Analog ground reference for ADC, reset block, PLL, and analog peripherals.","name":"VSSA","number":"8","type":"Power"},{"desc":"Analog supply for ADC, reset block, PLL, and analog I/O.","name":"VDDA","number":"9","type":"Power"},{"desc":"Digital ground, group 1.","name":"VSS_1","number":"23","type":"Power"},{"desc":"Digital supply, group 1.","name":"VDD_1","number":"24","type":"Power"},{"desc":"Digital ground, group 2.","name":"VSS_2","number":"35","type":"Power"},{"desc":"Digital supply, group 2.","name":"VDD_2","number":"36","type":"Power"},{"desc":"Digital ground, group 3.","name":"VSS_3","number":"47","type":"Power"},{"desc":"Digital supply, group 3.","name":"VDD_3","number":"48","type":"Power"},{"desc":"GPIO port C bit 14, muxed with 32 kHz LSE oscillator input (OSC32_IN).","name":"PC14-OSC32_IN","number":"3","type":"Bidir"},{"desc":"GPIO port C bit 15, muxed with 32 kHz LSE oscillator output (OSC32_OUT).","name":"PC15-OSC32_OUT","number":"4","type":"Bidir"},{"desc":"HSE crystal oscillator input (OSC_IN) after reset; remappable to GPIO PD0 by software.","name":"PD0-OSC_IN","number":"5","type":"Bidir"},{"desc":"HSE crystal oscillator output (OSC_OUT) after reset; remappable to GPIO PD1 by software.","name":"PD1-OSC_OUT","number":"6","type":"Bidir"},{"desc":"Active-low bidirectional device reset.","name":"NRST","number":"7","type":"Bidir"},{"desc":"Boot mode selection input sampled at reset (with BOOT1/PB2): selects boot from Flash, System memory (bootloader), or embedded SRAM.","name":"BOOT0","number":"44","type":"Input"},{"desc":"GPIO port A bit 11, 5 V-tolerant.","name":"PA11","number":"32","type":"Bidir"},{"desc":"GPIO port A bit 12, 5 V-tolerant.","name":"PA12","number":"33","type":"Bidir"},{"desc":"GPIO port A bit 13, 5 V-tolerant.","name":"PA13","number":"34","type":"Bidir"},{"desc":"GPIO port A bit 14, 5 V-tolerant.","name":"PA14","number":"37","type":"Bidir"},{"desc":"GPIO port A bit 15, 5 V-tolerant.","name":"PA15","number":"38","type":"Bidir"},{"desc":"GPIO port B bit 3, 5 V-tolerant.","name":"PB3","number":"39","type":"Bidir"},{"desc":"GPIO port B bit 4, 5 V-tolerant.","name":"PB4","number":"40","type":"Bidir"}];+var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;});+var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip');+// ---- pan/zoom ----+var vb=(svg.getAttribute('viewBox')||'0 0 100 100').split(/\s+/).map(Number), base=vb.slice();+function setVB(){svg.setAttribute('viewBox',vb.join(' '));}+stage.addEventListener('wheel',function(e){e.preventDefault();var r=stage.getBoundingClientRect();var mx=(e.clientX-r.left)/r.width,my=(e.clientY-r.top)/r.height;var f=e.deltaY<0?0.88:1.14;var nw=vb[2]*f,nh=vb[3]*f;vb[0]+=(vb[2]-nw)*mx;vb[1]+=(vb[3]-nh)*my;vb[2]=nw;vb[3]=nh;setVB();},{passive:false});+var pan=null;+stage.addEventListener('pointerdown',function(e){pan={x:e.clientX,y:e.clientY};stage.classList.add('drag');stage.setPointerCapture(e.pointerId);});+stage.addEventListener('pointermove',function(e){if(!pan)return;var r=stage.getBoundingClientRect();vb[0]-=(e.clientX-pan.x)/r.width*vb[2];vb[1]-=(e.clientY-pan.y)/r.height*vb[3];pan={x:e.clientX,y:e.clientY};setVB();});+function endPan(){pan=null;stage.classList.remove('drag');}+stage.addEventListener('pointerup',endPan);stage.addEventListener('pointerleave',endPan);+stage.addEventListener('dblclick',function(){vb=base.slice();setVB();});+// ---- cross-highlight bus ----+function els(n){return [].slice.call(document.querySelectorAll('[data-num="'+n+'"]'));}+function clearHi(){[].slice.call(document.querySelectorAll('.hi')).forEach(function(e){e.classList.remove('hi');});}+function hi(n){els(n).forEach(function(e){e.classList.add('hi');});}+function post(n){try{parent.postMessage({type:'lbr-hover',pin:n===null?null:String(n),mpn:MPN},'*');}catch(_){}}+function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';tip.querySelector('.tn').textContent=n+'  '+(p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';}+[].slice.call(document.querySelectorAll('.pingroup,.pad')).forEach(function(g){+  var n=g.getAttribute('data-num');+  g.addEventListener('mouseenter',function(e){clearHi();hi(n);post(n);showTip(n,e.clientX,e.clientY);});+  g.addEventListener('mousemove',function(e){tip.style.left=(e.clientX+14)+'px';tip.style.top=(e.clientY+12)+'px';});+  g.addEventListener('mouseleave',function(){clearHi();post(null);tip.style.display='none';});+});+window.addEventListener('message',function(e){var d=e.data||{};if(d.type!=='lbr-hover')return;clearHi();if(d.pin!=null)hi(d.pin);});+// ---- footprint layer toggles ----+[].slice.call(document.querySelectorAll('.lyrtog')).forEach(function(b){+  function apply(on){[].slice.call(document.querySelectorAll('.ly-'+b.getAttribute('data-lyr'))).forEach(function(el){el.classList.toggle('lyr-off',!on);});}+  apply(b.classList.contains('on'));+  b.addEventListener('click',function(){apply(b.classList.toggle('on'));});+});+// ---- auto-grow the host readme iframe ----+function ph(){var h=Math.max(360,Math.min(16000,document.body.scrollHeight||420));parent.postMessage({type:'readme-height',height:h},'*');}+window.addEventListener('load',ph);setTimeout(ph,300);+</script>+</body></html>