LW A6SG-V2BA-FK0PN0 - tools/hero.html

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

main

adonis LW A6SG-V2BA-FK0PN0 SIDELED: datasheet-derived symbol, footprint, 3D model, viewers and generators 86e4c6a 1mo ago

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 47 48 49 50

<!doctype html><html><head><meta charset=utf-8>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:4000px;height:2500px;overflow:hidden}
body{
  background:#0c1016;
  font-family:'Plus Jakarta Sans','Liberation Sans',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
/* teal glow, right of centre — matches the sibling component heroes */
.orb{position:absolute;right:-620px;top:-520px;width:3100px;height:3100px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#16252b 0%,#111d23 38%,#0d151b 62%,#0c1016 78%);}
.bar{position:absolute;left:0;top:0;width:4000px;height:24px;
  background:linear-gradient(90deg,#05e1df 0%,#34bcfc 52%,#8273f7 100%);}
.wrap{position:absolute;left:260px;top:0;width:3480px;height:2500px}
.eyebrow{position:absolute;top:296px;font-size:72px;font-weight:700;letter-spacing:.30em;
  color:#00e6dc;text-transform:uppercase;line-height:1}
#title{position:absolute;top:540px;font-weight:800;color:#eef3f8;line-height:1.0;
  letter-spacing:-.022em;white-space:nowrap}
#sub{position:absolute;font-size:118px;font-weight:500;color:#c4cdd8;line-height:1.14;
  letter-spacing:-.012em;max-width:3400px}
#sub2{position:absolute;font-size:80px;font-weight:400;color:#8b949e;line-height:1.2;
  letter-spacing:-.004em}
.footer{position:absolute;top:2286px;font-family:'JetBrains Mono','Liberation Mono',ui-monospace,monospace;
  font-size:58px;font-weight:400;color:#4d5866;letter-spacing:.06em}
</style></head><body>
<div class=orb></div><div class=bar></div>
<div class=wrap>
  <div class=eyebrow>Component</div>
  <div id=title>LW A6SG-V2BA-FK0PN0</div>
  <div id=sub>Standard LEDs - SMD, White SIDELED&reg;</div>
  <div id=sub2>ams OSRAM &middot; SIDELED&reg; (side-emitting, 2-lead)</div>
  <div class=footer>Manufacturer datasheet &middot; Datasheet-derived CAD &middot; Adom Wiki</div>
</div>
<script>
// Fit the MPN to the 3480px column, then stack the two subtitle lines under it
// at the same rhythm the sibling component heroes use.
var t=document.getElementById('title'), s=document.getElementById('sub'), s2=document.getElementById('sub2');
var size=390;
t.style.fontSize=size+'px';
while(t.getBoundingClientRect().width>3400 && size>120){ size-=4; t.style.fontSize=size+'px'; }
var tb=t.getBoundingClientRect();
s.style.top  = Math.round(tb.bottom+150)+'px';
var sb=s.getBoundingClientRect();
s2.style.top = Math.round(sb.bottom+68)+'px';
document.title='ready:'+size;
</script></body></html>