component
STM32F103C8T6 - Arm Cortex-M3 MCU (Blue Pill)
Public Made by Adomby adom
STMicroelectronics mainstream Arm Cortex-M3 MCU. 72 MHz, 64 KB Flash, 20 KB SRAM, USB, CAN, LQFP-48. The workhorse Blue Pill microcontroller.
← Commit history
readme: bring back the two-column key-page viewer — vertical thumbnail rail beside a tall page render; click page for full-screen
1 file changed
+38−23
readme.html+38−23@@ -15,7 +15,8 @@ body{background:var(--bg);color:var(--text);font-family:'Satoshi',system-ui,sans h1,h2,h3{font-family:'Familjen Grotesk',system-ui,sans-serif} .mono,.v,td.data{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums} a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}-.wrap{max-width:860px;margin:0 auto}+.wrap{max-width:1180px;margin:0 auto}+.narrow{max-width:860px} .ident{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin-bottom:6px} .ident h1{font-size:26px;font-weight:700}.ident .mfr{color:var(--text-2)} .badge{font-size:11px;font-weight:600;border-radius:999px;padding:3px 10px;color:var(--green);background:rgba(63,185,80,.13)}@@ -42,28 +43,41 @@ td{padding:7px 12px;border-bottom:1px solid var(--border);vertical-align:top}td. .tbadge{font-size:9.5px;font-weight:700;border-radius:5px;padding:1px 6px} .t-power{color:var(--red);background:rgba(248,81,73,.12)}.t-io{color:var(--purple);background:rgba(140,107,247,.14)} .note{color:var(--text-2);font-size:12.5px}-.keypages{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}-.kp{width:132px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:7px;cursor:zoom-in;text-decoration:none;color:var(--text-2);display:flex;flex-direction:column;gap:6px;transition:.14s ease}-.kp:hover{border-color:var(--accent);color:var(--text);text-decoration:none}-.kp img{width:118px;height:158px;object-fit:cover;object-position:top;border-radius:5px;background:#fff;display:block}-.kp .kl{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px}-.kp .kl b{font-family:'Satoshi';font-weight:600;color:inherit}-.kp .kl .pg{font-family:'JetBrains Mono';font-size:10px;color:var(--text-3)}-@media(max-width:560px){.kp{width:calc(50% - 6px)}.kp img{width:100%;height:auto;aspect-ratio:118/158}}+.dsviewer{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:start;margin-top:6px}+@media(max-width:620px){.dsviewer{grid-template-columns:1fr}.dsrail{flex-direction:row;overflow-x:auto}.dsdoc{height:70vh}}+.dsrail{display:flex;flex-direction:column;gap:8px}+.dsrail button{padding:0;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:.13s;flex:none}+.dsrail button:hover{border-color:var(--accent)}+.dsrail button.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}+.dsrail img{width:100%;height:96px;object-fit:cover;object-position:top;background:#fff;display:block}+.dsrail .rl{font-size:8.5px;color:var(--text-2);padding:3px 2px;text-align:center;line-height:1.15;font-family:'Satoshi'}+.dsdoc{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;height:920px}+.dsdoc .dh{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid var(--border);font-family:'Familjen Grotesk';font-weight:600;font-size:13px;flex:none}+.dsdoc .dh .pg{font-family:'JetBrains Mono';font-size:11px;color:var(--text-2);font-weight:400}+.dsstage{flex:1;min-height:0;overflow:auto;background:#fff;display:flex;justify-content:center;align-items:flex-start;padding:14px;cursor:zoom-in}+.dsstage img{width:100%;max-width:820px;height:auto;border-radius:2px} </style></head><body><div class=wrap> +<div class=narrow> <div class=ident><h1>STM32F103C8T6</h1><span class=mfr>STMicroelectronics</span><span class=badge>Active</span></div> <p class=oneline>Arm Cortex-M3 32-bit MCU, 72 MHz, 64 KB Flash, 20 KB SRAM. USB, CAN, seven timers, two ADCs, nine communication interfaces. The workhorse Blue Pill microcontroller.</p> <div class=metarow> <span class=m>Package <b>LQFP-48</b></span><span class=m>Body <b>7 x 7 x 1.4 mm</b></span><span class=m>Pitch <b>0.5 mm</b></span> <span class=m>Pins <b>48</b></span><span class=m>Core <b>Cortex-M3</b></span> </div>- <div class=callout>The interactive <b>3D model, schematic symbol, PCB footprint, and datasheet</b> viewers are at the top of this page (the native component viewers). The datasheet viewer reads all 116 pages inline; downloadable CAD and the datasheet PDF are on the Files tab: the bare-chip <code>.kicad_sym</code>, <code>.kicad_mod</code>, <code>.step</code>, and <code>.glb</code>.</div>+</div> -<h2>Datasheet key pages <span class=s>the pages worth looking at first · click for full screen</span></h2>-<div class=keypages><a class=kp href="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/features.png" data-full="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/features.png"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/features.png" loading=lazy alt="Features (datasheet page 1)"><span class=kl><b>Features</b><span class=pg>p.1</span></span></a><a class=kp href="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/block-diagram.png" data-full="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/block-diagram.png"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/block-diagram.png" loading=lazy alt="Block diagram (datasheet page 11)"><span class=kl><b>Block diagram</b><span class=pg>p.11</span></span></a><a class=kp href="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pinout.png" data-full="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pinout.png"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pinout.png" loading=lazy alt="Pinout (datasheet page 29)"><span class=kl><b>Pinout</b><span class=pg>p.29</span></span></a><a class=kp href="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pin-table.png" data-full="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pin-table.png"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pin-table.png" loading=lazy alt="Pin table (datasheet page 28)"><span class=kl><b>Pin table</b><span class=pg>p.28</span></span></a><a class=kp href="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/package.png" data-full="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/package.png"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/package.png" loading=lazy alt="Package (datasheet page 101)"><span class=kl><b>Package</b><span class=pg>p.101</span></span></a></div>+<h2>Datasheet key pages <span class=s>the pages worth looking at first · pick a page, click it to go full screen</span></h2>+<div class=dsviewer>+ <div class=dsrail><button data-i="0" class="on" title="Features (datasheet p.1)"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/features.png" loading=lazy alt="Features"><span class=rl>Features</span></button><button data-i="1" class="" title="Block diagram (datasheet p.11)"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/block-diagram.png" loading=lazy alt="Block diagram"><span class=rl>Block diagram</span></button><button data-i="2" class="" title="Pinout (datasheet p.29)"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pinout.png" loading=lazy alt="Pinout"><span class=rl>Pinout</span></button><button data-i="3" class="" title="Pin table (datasheet p.28)"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pin-table.png" loading=lazy alt="Pin table"><span class=rl>Pin table</span></button><button data-i="4" class="" title="Package (datasheet p.101)"><img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/package.png" loading=lazy alt="Package"><span class=rl>Package</span></button></div>+ <div class=dsdoc>+ <div class=dh><span id=ds-label>Features</span><span class=pg id=ds-pg>datasheet p.1</span></div>+ <div class=dsstage id=ds-stage><img id=ds-img src="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/features.png" alt="Features" data-full="https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/features.png"></div>+ </div>+</div> +<div class=narrow> <h2>Specifications <span class=s>microcontroller</span></h2> <div class=specgrid><div class=spec><span class=k>Core</span><span class=v>ARM Cortex-M3 <span class="chip c-seed">CATALOG</span></span></div><div class=spec><span class=k>Max frequency</span><span class=v>72 MHz <span class="chip c-seed">CATALOG</span></span></div><div class=spec><span class=k>Flash</span><span class=v>64 KB <span class="chip c-seed">CATALOG</span></span></div><div class=spec><span class=k>RAM</span><span class=v>20 KB <span class="chip c-seed">CATALOG</span></span></div><div class=spec><span class=k>GPIO</span><span class=v>37 <span class="chip c-seed">CATALOG</span></span></div><div class=spec><span class=k>Supply (min)</span><span class=v>2 V <span class="chip c-seed">CATALOG</span></span></div><div class=spec><span class=k>Supply (max)</span><span class=v>3.6 V <span class="chip c-seed">CATALOG</span></span></div></div> <h3 style="font-size:13px;margin:16px 0 4px;color:var(--text-2)">Peripherals</h3>@@ -75,6 +89,7 @@ td{padding:7px 12px;border-bottom:1px solid var(--border);vertical-align:top}td. <h2>Provenance</h2> <div class=callout>Pin functions extracted by <b>ds2sf</b> from the ST datasheet (116 pages, sha256 0596dd57693c, source lcsc); Claude cites pages and refuses to fabricate, flagging muxed pins for review. CAD from KiCad official libraries (CC-BY-SA 4.0). Symbol regenerated from the ds2sf extraction, function-grouped. 3D board-context composed with cadquery (FR4 + copper pads + solder + pin 1) and rendered via step2glb. Datasheet: <a href="https://www.st.com/resource/en/datasheet/stm32f103cb.pdf" target=_blank>ST STM32F103x8/xB</a>.</div> </div>+</div> <script> // grow the wiki readme-iframe to our content (Colby's resize protocol, wiki #52 / #47) (function(){@@ -85,17 +100,17 @@ td{padding:7px 12px;border-bottom:1px solid var(--border);vertical-align:top}td. window.addEventListener('resize',ph); if(window.ResizeObserver)new ResizeObserver(ph).observe(document.body); setTimeout(ph,250);setTimeout(ph,1000);ph();- // curated key pages -> full-viewport image via the parent readme-lightbox (Colby, wiki #52).- // Only intercept when embedded; standalone /readme/ (no host overlay) falls back to the <a href>.- var embedded = window.parent && window.parent !== window;- [].slice.call(document.querySelectorAll('.kp')).forEach(function(a){- a.addEventListener('click',function(e){- if(!embedded)return; // let the anchor open the image in a new tab- e.preventDefault();- parent.postMessage({type:'readme-lightbox',src:a.getAttribute('data-full')},'*');- });- a.setAttribute('target','_blank');- });+ // curated key-page viewer: vertical thumbnail rail (left) + tall page render (right).+ var KP=[{"label":"Features","page":1,"src":"https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/features.png"},{"label":"Block diagram","page":11,"src":"https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/block-diagram.png"},{"label":"Pinout","page":29,"src":"https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pinout.png"},{"label":"Pin table","page":28,"src":"https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/pin-table.png"},{"label":"Package","page":101,"src":"https://wiki.adom.inc/blob/component/stm32f103c8t6/keypages/package.png"}];+ var rail=[].slice.call(document.querySelectorAll('.dsrail button'));+ var dimg=document.getElementById('ds-img'), dlab=document.getElementById('ds-label'), dpg=document.getElementById('ds-pg'), dstage=document.getElementById('ds-stage');+ function pick(i){i=(i+KP.length)%KP.length;var k=KP[i];dimg.src=k.src;dimg.setAttribute('data-full',k.src);dimg.alt=k.label;dlab.textContent=k.label;dpg.textContent='datasheet p.'+k.page;rail.forEach(function(b,j){b.classList.toggle('on',j===i)});dstage.scrollTop=0;ph();}+ rail.forEach(function(b){b.addEventListener('click',function(){pick(+b.dataset.i)})});+ // click the tall page -> full-viewport image via the parent readme-lightbox (Colby, wiki #52);+ // standalone /readme/ (no host overlay) opens the image in a new tab.+ var embedded=window.parent&&window.parent!==window;+ dstage.addEventListener('click',function(){var src=dimg.getAttribute('data-full');+ if(embedded)parent.postMessage({type:'readme-lightbox',src:src},'*');else window.open(src,'_blank');}); })(); </script> </body></html>