← Commit history

Update 2 file(s)

Ray ·1699021a9e ·2d ago ·parent f7df3c3
2 files changed +5−5
viewers/footprint.html+3−3
@@ -1,5 +1,5 @@ <!doctype html><html lang=en><head><meta charset=utf-8>-<meta name=viewport content="width=device-width,initial-scale=1"><title>RAY/BME280 footprint</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/BME280 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%}@@ -23,10 +23,10 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} #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='-1.810 -1.940 3.620 3.880' style='width:100%;height:100%'><line class='ly-silk' x1='-1.350' y1='1.350' x2='-1.350' y2='1.200' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='-1.350' y1='1.360' x2='-1.200' y2='1.360' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='1.200' y1='-1.350' x2='1.350' y2='-1.350' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='1.350' y1='-1.350' x2='1.350' y2='-1.200' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='1.350' y1='1.350' x2='1.200' y2='1.350' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='1.350' y1='1.350' x2='1.350' y2='1.200' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-courtyard' x1='-1.410' y1='-1.540' x2='1.410' y2='-1.540' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.410' y1='1.540' x2='-1.410' y2='-1.540' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.410' y1='-1.540' x2='1.410' y2='1.540' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.410' y1='1.540' x2='-1.410' y2='1.540' stroke='#4ade80' stroke-width='0.050'/><line class='ly-fab' x1='-1.250' y1='-0.500' x2='-0.500' y2='-1.250' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-1.250' y1='1.250' x2='-1.250' y2='-0.500' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-0.500' y1='-1.250' x2='1.250' y2='-1.250' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='1.250' y1='-1.250' x2='1.250' y2='1.250' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='1.250' y1='1.250' x2='-1.250' y2='1.250' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-copper pad' data-num='1' data-name='GND' x='-1.225' y='-1.200' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.975' y='-1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>1</text><rect class='ly-copper pad' data-num='2' data-name='CSB' x='-0.575' y='-1.200' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.325' y='-1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>2</text><rect class='ly-copper pad' data-num='3' data-name='SDI' x='0.075' y='-1.200' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.325' y='-1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>3</text><rect class='ly-copper pad' data-num='4' data-name='SCK' x='0.725' y='-1.200' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.975' y='-1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>4</text><rect class='ly-copper pad' data-num='5' data-name='SDO' x='0.725' y='0.850' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.975' y='1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>5</text><rect class='ly-copper pad' data-num='6' data-name='VDDIO' x='0.075' y='0.850' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.325' y='1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>6</text><rect class='ly-copper pad' data-num='7' data-name='GND' x='-0.575' y='0.850' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.325' y='1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>7</text><rect class='ly-copper pad' data-num='8' data-name='VDD' x='-1.225' y='0.850' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.975' y='1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>8</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-2.110 -2.110 3.920 4.050' style='width:100%;height:100%'><line class='ly-silk' x1='-1.350' y1='1.350' x2='-1.350' y2='1.200' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='-1.350' y1='1.360' x2='-1.200' y2='1.360' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='1.200' y1='-1.350' x2='1.350' y2='-1.350' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='1.350' y1='-1.350' x2='1.350' y2='-1.200' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='1.350' y1='1.350' x2='1.200' y2='1.350' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-silk' x1='1.350' y1='1.350' x2='1.350' y2='1.200' stroke='#d8b4fe' stroke-width='0.100'/><line class='ly-courtyard' x1='-1.410' y1='-1.540' x2='1.410' y2='-1.540' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-1.410' y1='1.540' x2='-1.410' y2='-1.540' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.410' y1='-1.540' x2='1.410' y2='1.540' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='1.410' y1='1.540' x2='-1.410' y2='1.540' stroke='#4ade80' stroke-width='0.050'/><line class='ly-fab' x1='-1.250' y1='-0.500' x2='-0.500' y2='-1.250' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-1.250' y1='1.250' x2='-1.250' y2='-0.500' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='-0.500' y1='-1.250' x2='1.250' y2='-1.250' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='1.250' y1='-1.250' x2='1.250' y2='1.250' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='1.250' y1='1.250' x2='-1.250' y2='1.250' stroke='#f472b6' stroke-width='0.100'/><polygon class='ly-silk' points='-1.350,-1.350 -1.710,-1.350 -1.350,-1.710 -1.350,-1.350' fill='#d8b4fe' stroke='none'/><rect class='ly-copper pad' data-num='1' data-name='GND' x='-1.225' y='-1.200' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.975' y='-1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>1</text><rect class='ly-copper pad' data-num='2' data-name='CSB' x='-0.575' y='-1.200' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.325' y='-1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>2</text><rect class='ly-copper pad' data-num='3' data-name='SDI' x='0.075' y='-1.200' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.325' y='-1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>3</text><rect class='ly-copper pad' data-num='4' data-name='SCK' x='0.725' y='-1.200' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.975' y='-1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>4</text><rect class='ly-copper pad' data-num='5' data-name='SDO' x='0.725' y='0.850' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.975' y='1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>5</text><rect class='ly-copper pad' data-num='6' data-name='VDDIO' x='0.075' y='0.850' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.325' y='1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>6</text><rect class='ly-copper pad' data-num='7' data-name='GND' x='-0.575' y='0.850' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.325' y='1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>7</text><rect class='ly-copper pad' data-num='8' data-name='VDD' x='-1.225' y='0.850' width='0.500' height='0.350' rx='0.000' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-0.975' y='1.025' font-size='0.350' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>8</text></svg></div> <div id=tip></div> <script>-var KIND="footprint", MPN="RAY/BME280", PINS=[{"desc":"","name":"GND","number":"1","type":""},{"desc":"","name":"CSB","number":"2","type":""},{"desc":"","name":"SDI","number":"3","type":""},{"desc":"","name":"SCK","number":"4","type":""},{"desc":"","name":"SDO","number":"5","type":""},{"desc":"","name":"VDDIO","number":"6","type":""},{"desc":"","name":"GND","number":"7","type":""},{"desc":"","name":"VDD","number":"8","type":""}];+var KIND="footprint", MPN="ADOM/BME280", PINS=[{"desc":"","name":"GND","number":"1","type":""},{"desc":"","name":"CSB","number":"2","type":""},{"desc":"","name":"SDI","number":"3","type":""},{"desc":"","name":"SCK","number":"4","type":""},{"desc":"","name":"SDO","number":"5","type":""},{"desc":"","name":"VDDIO","number":"6","type":""},{"desc":"","name":"GND","number":"7","type":""},{"desc":"","name":"VDD","number":"8","type":""}]; 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 ----
viewers/symbol.html+2−2
@@ -1,5 +1,5 @@ <!doctype html><html lang=en><head><meta charset=utf-8>-<meta name=viewport content="width=device-width,initial-scale=1"><title>RAY/BME280 symbol</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/BME280 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%}@@ -26,7 +26,7 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} <div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-550 -650 1100 1300' style='width:100%;height:100%'><rect x='-500.0' y='-400.0' width='800.0' height='800.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='GND'><line class='pinvis' x1='-200.0' y1='600.0' x2='-200.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-200.0' y1='600.0' x2='-200.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-155.0' y='500.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-200.0' y='370.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='2' data-name='CSB'><line class='pinvis' x1='500.0' y1='300.0' x2='300.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='300.0' x2='300.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='400.0' y='255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='270.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CSB</text><g class='pingroup' data-num='3' data-name='SDI'><line class='pinvis' x1='500.0' y1='100.0' x2='300.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='100.0' x2='300.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='400.0' y='55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='270.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SDI</text><g class='pingroup' data-num='4' data-name='SCK'><line class='pinvis' x1='500.0' y1='-100.0' x2='300.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-100.0' x2='300.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='400.0' y='-145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='270.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SCK</text><g class='pingroup' data-num='5' data-name='SDO'><line class='pinvis' x1='500.0' y1='-300.0' x2='300.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-300.0' x2='300.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='400.0' y='-345.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='270.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SDO</text><g class='pingroup' data-num='6' data-name='VDDIO'><line class='pinvis' x1='-200.0' y1='-600.0' x2='-200.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-200.0' y1='-600.0' x2='-200.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-245.0' y='-500.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-200.0' y='-370.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDDIO</text><g class='pingroup' data-num='7' data-name='GND'><line class='pinvis' x1='0.0' y1='600.0' x2='0.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='600.0' x2='0.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='45.0' y='500.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='0.0' y='370.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='8' data-name='VDD'><line class='pinvis' x1='0.0' y1='-600.0' x2='0.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='-600.0' x2='0.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-45.0' y='-500.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='0.0' y='-370.0' font-size='60' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDD</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="RAY/BME280", PINS=[{"desc":"","name":"GND","number":"1","type":""},{"desc":"","name":"CSB","number":"2","type":""},{"desc":"","name":"SDI","number":"3","type":""},{"desc":"","name":"SCK","number":"4","type":""},{"desc":"","name":"SDO","number":"5","type":""},{"desc":"","name":"VDDIO","number":"6","type":""},{"desc":"","name":"GND","number":"7","type":""},{"desc":"","name":"VDD","number":"8","type":""}];+var KIND="symbol", MPN="ADOM/BME280", PINS=[{"desc":"","name":"GND","number":"1","type":""},{"desc":"","name":"CSB","number":"2","type":""},{"desc":"","name":"SDI","number":"3","type":""},{"desc":"","name":"SCK","number":"4","type":""},{"desc":"","name":"SDO","number":"5","type":""},{"desc":"","name":"VDDIO","number":"6","type":""},{"desc":"","name":"GND","number":"7","type":""},{"desc":"","name":"VDD","number":"8","type":""}]; 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 ----