lupyuen/lupyuen.org
1
0
Fork 0
mirror of https://github.com/lupyuen/lupyuen.github.io.git synced 2025-01-13 09:08:30 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add images

Browse source
This commit is contained in:
lupyuen 2021-02-24 13:02:41 +08:00
parent 7d3e49d0e7
commit 1b16ae4ef6
8 changed files with 370 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

99
articles/safer-simpler-embedded-rust-with-apache-mynewt-on-stm32-blue-pill.html
View file

@ -225,6 +225,9 @@
class="gv"> and tips for Visual Studio Code) to protect Embedded Rust coders from stumbling into
embedded traps</em></p>
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d2.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -274,6 +277,9 @@
<p id="9636" class="gh gi ec bk gj b gk gl gm gn go gp gq gr gs gt gu">But Mynewt was <strong
class="gj hk">built with C</strong>, which has its problems…</p>
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d3.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm hp">
<div class="dl r dd dm">
@ -303,6 +309,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d4.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -441,6 +450,9 @@
</div>
<div class="cz ak">
<figure class="hb hc hd he hf cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d5.jpeg" /></p>
<div class="db dc dd de ak">
<div class="dl r dd dm">
<div class="ko r">
@ -525,6 +537,9 @@
<div class="ac ae af ag ah dz aj ak">
<h1 id="27e2" class="jo jp ec bk bj jc jq jr js jt ju jv jw jx jy jz ka">Two Legged Problems</h1>
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d6.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm kp">
<div class="dl r dd dm">
@ -548,6 +563,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d7.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm kr">
<div class="dl r dd dm">
@ -653,6 +671,9 @@
<div class="ac ae af ag ah dz aj ak">
<h1 id="2344" class="jo jp ec bk bj jc jq jr js jt ju jv jw jx jy jz ka">The Restless bindgen Horde</h1>
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d8.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm kp">
<div class="dl r dd dm">
@ -676,6 +697,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d9.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -699,6 +723,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d10.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -981,6 +1008,9 @@
<section class="cu cv cw cx cy">
<div class="cz ak">
<figure class="hb hc hd he hf cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d11.jpeg" /></p>
<div class="dl r dd dm">
<div class="lh r">
<div class="df dg cp t u dh ak di dj dk"><img class="cp t u dh ak do dp dq"
@ -1123,6 +1153,9 @@
</div>
<div class="cz ak">
<figure class="hb hc hd he hf cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d12.jpeg" /></p>
<div class="dl r dd dm">
<div class="ln r">
<div class="df dg cp t u dh ak di dj dk"><img class="cp t u dh ak do dp dq"
@ -1306,6 +1339,9 @@
</figcaption>
</figure>
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d13.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm lx">
<div class="dl r dd dm">
@ -1322,6 +1358,9 @@
</div>
</figure>
<figure class="du cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d14.jpeg" /></p>
<div class="cl cm lz">
<div class="dl r dd dm">
<div class="me r">
@ -1364,6 +1403,9 @@
<p id="df12" class="gh gi ec bk gj b gk gl gm gn go gp gq gr gs gt gu">The expanded macro appears in the
<code class="dm gw gx gy gz b">cargo build</code> log…</p>
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d15.jpeg" /></p>
<div class="cl cm mf">
<div class="dl r dd dm">
<div class="mg r">
@ -1416,6 +1458,9 @@
<div class="ac ae af ag ah dz aj ak">
<h1 id="9f0b" class="jo jp ec bk bj jc jq jr js jt ju jv jw jx jy jz ka">Macro Hygiene in Rust</h1>
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d16.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -1439,6 +1484,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d17.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -1462,6 +1510,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d18.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -1521,6 +1572,9 @@
<div class="n p">
<div class="lp lq lr ls lt lu ag lv ah lw aj ak">
<figure class="hb hc hd he hf cz mi mj paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d19.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm mh">
<div class="dl r dd dm">
@ -1649,6 +1703,9 @@
<div class="ac ae af ag ah dz aj ak">
<h1 id="5217" class="jo jp ec bk bj jc jq jr js jt ju jv jw jx jy jz ka">The Lizard Rests</h1>
<figure class="hb hc hd he hf cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d20.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -1703,6 +1760,9 @@
humans; it’s for web crawlers to index the text content of the images</p>
</blockquote>
<figure class="hb hc hd he hf cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d21.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -1736,6 +1796,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d22.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm hp">
<div class="dl r dd dm">
@ -1764,6 +1827,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d23.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -1795,6 +1861,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d24.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm mo">
<div class="dl r dd dm">
@ -1825,6 +1894,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d25.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm kp">
<div class="dl r dd dm">
@ -1856,6 +1928,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d26.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm kr">
<div class="dl r dd dm">
@ -1887,6 +1962,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d27.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm kp">
<div class="dl r dd dm">
@ -1914,6 +1992,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d28.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -1945,6 +2026,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d29.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -1976,6 +2060,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d30.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -2020,6 +2107,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d31.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -2068,6 +2158,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d32.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">
@ -2103,6 +2196,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d33.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm mh">
<div class="dl r dd dm">
@ -2132,6 +2228,9 @@
<div class="n p">
<div class="ac ae af ag ah dz aj ak">
<figure class="hb hc hd mm mn cz dr kv cd kw kx ky kz la ba lb ma mb mc md lg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/d34.jpeg" /></p>
<div class="db dc dd de ak">
<div class="cl cm ha">
<div class="dl r dd dm">

49
articles/stm32-blue-pill-analyse-and-optimise-your-ram-and-rom.html
View file

@ -317,6 +317,10 @@
<section class="dj dk dl dm dn">
<div class="do ak">
<figure class="iy iz ja jb jc do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n2.png" /></p>
<div class="dq dr ds dt ak">
<div class="dz r ds ea">
<div class="jl r">
@ -367,6 +371,9 @@
class="iy iz ja jb jc je jf jg"><span id="ea92" class="jh ic ar bz hd b fk ji jj r jk">SECTIONS /* Define sections. */<br/>{<br/> .<strong class="hd hh">text</strong> : {<br/> ... /* <strong class="hd hh">Vector table</strong> */<br/> ... /* <strong class="hd hh">Program code</strong> */<br/> ... /* <strong class="hd hh">Read-only data</strong> */<br/> } &gt;<strong class="hd hh">rom</strong></span><span id="8ec6" class="jh ic ar bz hd b fk jv jw jx jy jz jj r jk"> .<strong class="hd hh">data</strong> : { /* Read-write initialised data */<br/> ...<br/> } &gt;<strong class="hd hh">ram</strong> AT &gt;<strong class="hd hh">rom</strong></span><span id="e65b" class="jh ic ar bz hd b fk jv jw jx jy jz jj r jk"> .<strong class="hd hh">bss</strong> : { /* Read-write zero initialised data */<br/> ...<br/> } &gt;<strong class="hd hh">ram</strong></span></pre>
<h1 id="5e09" class="ib ic ar bz by id ie jq ig jr ii js ik jt im ju io">Text Section</h1>
<figure class="iy iz ja jb jc do da db paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n3.png" /></p>
<div class="dq dr ds dt ak">
<div class="da db ka">
<div class="dz r ds ea">
@ -397,7 +404,11 @@
changed</li>
</ol>
<h1 id="1f09" class="ib ic ar bz by id ie jq ig jr ii js ik jt im ju io">Data and BSS Sections</h1>
<figure class="iy iz ja jb jc do da db paragraph-image">
<figure class="iy iz ja jb jc do da db paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n4.png" /></p>
<div class="dq dr ds dt ak">
<div class="da db kc">
<div class="dz r ds ea">
@ -457,6 +468,10 @@
<pre
class="iy iz ja jb jc je jf jg"><span id="6af7" class="jh ic ar bz hd b fk ji jj r jk">PROVIDE(<br/> <strong class="hd hh">_stack</strong> = <strong class="hd hh">ORIGIN</strong>(ram) + <strong class="hd hh">LENGTH</strong>(ram)<br/>);</span></pre>
<figure class="iy iz ja jb jc do ef kf cs kg kh ki kj kk bp kl km kn ko kp kq paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n5.png" /></p>
<div class="dq dr ds dt ak">
<div class="da db ke">
<div class="dz r ds ea">
@ -544,6 +559,10 @@
</div>
<div class="do ak">
<figure class="iy iz ja jb jc do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n6.png" /></p>
<div class="dz r ds ea">
<div class="ks r">
<div class="du dv de t u dw ak ax dx dy"><img class="de t u dw ak ec ed ee"
@ -572,6 +591,10 @@
</div>
<div class="do ak">
<figure class="iy iz ja jb jc do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n7.png" /></p>
<div class="dz r ds ea">
<div class="kt r">
<div class="du dv de t u dw ak ax dx dy"><img class="de t u dw ak ec ed ee"
@ -627,6 +650,10 @@
</div>
<div class="do ak">
<figure class="iy iz ja jb jc do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n8.png" /></p>
<div class="dq dr ds dt ak">
<div class="dz r ds ea">
<div class="ku r">
@ -664,6 +691,10 @@
</div>
<div class="do ak">
<figure class="iy iz ja jb jc do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n9.png" /></p>
<div class="dz r ds ea">
<div class="kv r">
<div class="du dv de t u dw ak ax dx dy"><img class="de t u dw ak ec ed ee"
@ -895,6 +926,10 @@
</div>
<div class="do ak">
<figure class="iy iz ja jb jc do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n10.png" /></p>
<div class="dz r ds ea">
<div class="mk r">
<div class="du dv de t u dw ak ax dx dy"><img class="de t u dw ak ec ed ee"
@ -1041,6 +1076,10 @@
</div>
<div class="do ak">
<figure class="iy iz ja jb jc do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n11.png" /></p>
<div class="dz r ds ea">
<div class="mm r">
<div class="du dv de t u dw ak ax dx dy"><img class="de t u dw ak ec ed ee"
@ -1073,6 +1112,10 @@
<section class="dj dk dl dm dn">
<div class="do ak">
<figure class="iy iz ja jb jc do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n12.png" /></p>
<div class="dz r ds ea">
<div class="mn r">
<div class="du dv de t u dw ak ax dx dy"><img class="de t u dw ak ec ed ee"
@ -1133,6 +1176,10 @@
</div>
<div class="do ak">
<figure class="iy iz ja jb jc do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/n13.png" /></p>
<div class="dz r ds ea">
<div class="mo r">
<div class="du dv de t u dw ak ax dx dy"><img class="de t u dw ak ec ed ee"

32
articles/stm32-blue-pill-bootloading-the-webusb-bootloader.html
View file

@ -304,6 +304,10 @@
class="at cg gr gs gt gu" target="_blank" rel="noopener nofollow">this code that we use for flashing
the Blue Pill WebUSB Bootloader</a>…</p>
<figure class="ii ij ik il im cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/j2.png" /></p>
<div class="in io di ip ak">
<div class="cl cm ih">
<div class="dh r di dj">
@ -332,6 +336,10 @@
class="at cg gr gs gt gu" target="_blank" rel="noopener nofollow">Arm Cortex-M3 assembly code</a>
that the C compiler generated for <code class="dj iv iw ix iy b">baseloader_start()</code>…</p>
<figure class="ii ij ik il im cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/j3.png" /></p>
<div class="in io di ip ak">
<div class="cl cm iz">
<div class="dh r di dj">
@ -412,6 +420,10 @@
</div>
<div class="cz ak">
<figure class="ii ij ik il im cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/j4.gif" /></p>
<div class="dh r di dj">
<div class="jb r">
<div class="db dc cp t u dd ak de df dg"><img class="cp t u dd ak dl dm dn"
@ -435,6 +447,10 @@
</div>
<div class="cz ak">
<figure class="ii ij ik il im cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/j5.gif" /></p>
<div class="dh r di dj">
<div class="jc r">
<div class="db dc cp t u dd ak de df dg"><img class="cp t u dd ak dl dm dn"
@ -465,6 +481,10 @@
</div>
<div class="cz ak">
<figure class="ii ij ik il im cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/j6.gif" /></p>
<div class="dh r di dj">
<div class="jd r">
<div class="db dc cp t u dd ak de df dg"><img class="cp t u dd ak dl dm dn"
@ -488,6 +508,10 @@
</div>
<div class="cz ak">
<figure class="ii ij ik il im cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/j7.gif" /></p>
<div class="in io di ip ak">
<div class="dh r di dj">
<div class="je r">
@ -519,6 +543,10 @@
</div>
<div class="cz ak">
<figure class="ii ij ik il im cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/j8.gif" /></p>
<div class="dh r di dj">
<div class="jf r">
<div class="db dc cp t u dd ak de df dg"><img class="cp t u dd ak dl dm dn"
@ -555,6 +583,10 @@
</div>
<div class="cz ak">
<figure class="ii ij ik il im cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/j9.gif" /></p>
<div class="dh r di dj">
<div class="jg r">
<div class="db dc cp t u dd ak de df dg"><img class="cp t u dd ak dl dm dn"

49
articles/stm32-blue-pill-dissecting-the-webusb-bootloader-for-makecode.html
View file

@ -531,7 +531,12 @@
</div>
</div>
<div class="do ak">
<figure class="hg hh hi hj hk do ak paragraph-image">
<figure class="hg hh hi hj hk do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/k2.png" /></p>
<div class="dq dr ds dt ak">
<div class="dz r ds ea">
<div class="lf r">
@ -602,7 +607,12 @@
</div>
</div>
<div class="do ak">
<figure class="hg hh hi hj hk do ak paragraph-image">
<figure class="hg hh hi hj hk do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/k3.png" /></p>
<div class="dq dr ds dt ak">
<div class="dz r ds ea">
<div class="lf r">
@ -633,7 +643,12 @@
</div>
</div>
<div class="do ak">
<figure class="hg hh hi hj hk do ak paragraph-image">
<figure class="hg hh hi hj hk do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/k4.png" /></p>
<div class="dq dr ds dt ak">
<div class="dz r ds ea">
<div class="lf r">
@ -720,7 +735,12 @@
</div>
</div>
<div class="do ak">
<figure class="hg hh hi hj hk do ak paragraph-image">
<figure class="hg hh hi hj hk do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/k5.png" /></p>
<div class="dz r ds ea">
<div class="lh r">
<div class="du dv de t u dw ak ax dx dy"><img class="de t u dw ak ec ed ee"
@ -754,7 +774,12 @@
href="https://github.com/lupyuen/codal-libopencm3/blob/master/stm32/bootloader/hf2.c#L101-L215"
class="bi cv ha hb hc hd" target="_blank" rel="noopener nofollow">Blue Pill WebUSB Bootloader</a>…
</p>
<figure class="hg hh hi hj hk do da db paragraph-image">
<figure class="hg hh hi hj hk do da db paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/k6.png" /></p>
<div class="dq dr ds dt ak">
<div class="da db li">
<div class="dz r ds ea">
@ -779,7 +804,12 @@
<p id="2696" class="gm gn ar bz go b gp gq gr gs gt gu gv gw gx gy gz">3️⃣ MakeCode sends <code
class="ea jb jc jd je b">START_FLASH</code>. Blue Pill restarts in Bootloader Mode to begin
flashing.</p>
<figure class="hg hh hi hj hk do da db paragraph-image">
<figure class="hg hh hi hj hk do da db paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/k7.png" /></p>
<div class="dq dr ds dt ak">
<div class="da db li">
<div class="dz r ds ea">
@ -989,7 +1019,12 @@
</div>
</div>
<div class="do ak">
<figure class="hg hh hi hj hk do ak paragraph-image">
<figure class="hg hh hi hj hk do ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/k8.png" /></p>
<div class="dq dr ds dt ak">
<div class="dz r ds ea">
<div class="lf r">

50
articles/stm32-blue-pill-shrink-your-math-libraries-with-qfplib.html
View file

@ -318,6 +318,11 @@
<div class="n p">
<div class="iy iz ja jb jc jd ag je ah jf aj ak">
<figure class="gs gt gu gv gw cz jh ji paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m2.png" /></p>
<div class="jj jk di jl ak">
<div class="cl cm jg">
<div class="dh r di dj">
@ -563,6 +568,11 @@
<div class="n p">
<div class="ac ae af ag ah dp aj ak">
<figure class="gs gt gu gv gw cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m3.png" /></p>
<div class="cl cm lf">
<div class="dh r di dj">
<div class="lg r">
@ -585,6 +595,11 @@
<h1 id="d9db" class="hz ia ds bk bj ib ic it ie iu ig iv ii iw ik ix im">Complete Math Library:
nano-float</h1>
<figure class="gs gt gu gv gw cz do li cd lj lk ll lm ln ba lo lp lq lr ls lt paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m4.png" /></p>
<div class="cl cm lh">
<div class="dh r di dj">
<div class="lu r">
@ -625,6 +640,11 @@
were derived from Qfplib’s <code class="dj hl hm hn ho b">qfp_fln</code> (natural logarithm function)
because…</p>
<figure class="gs gt gu gv gw cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m5.png" /></p>
<div class="cl cm lv">
<div class="dh r di dj">
<div class="lw r">
@ -651,6 +671,11 @@
class="dj hl hm hn ho b">qfp_fsqrt_fast</code> (square root) and <code
class="dj hl hm hn ho b">qfp_fatan2</code> (inverse tangent) because…</p>
<figure class="gs gt gu gv gw cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m6.png" /></p>
<div class="cl cm lx">
<div class="dh r di dj">
<div class="ly r">
@ -680,6 +705,11 @@
(hyperbolic sine / cosine / tangent) were derived from Qfplib’s <code
class="dj hl hm hn ho b">qfp_fexp</code> (natural exponential) because…</p>
<figure class="gs gt gu gv gw cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m7.png" /></p>
<div class="cl cm lz">
<div class="dh r di dj">
<div class="ma r">
@ -709,6 +739,11 @@
class="dj hl hm hn ho b">qfplib’s</code> <code class="dj hl hm hn ho b">qfp_fln</code> (natural
logarithm) and <code class="dj hl hm hn ho b">qfp_fsqrt_fast</code> (square root) because…</p>
<figure class="gs gt gu gv gw cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m8.png" /></p>
<div class="cl cm mb">
<div class="dh r di dj">
<div class="mc r">
@ -741,6 +776,11 @@
<section class="cu cv cw cx cy">
<div class="cz ak">
<figure class="gs gt gu gv gw cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m9.png" /></p>
<div class="dh r di dj">
<div class="md r">
<div class="db dc cp t u dd ak de df dg"><img class="cp t u dd ak dl dm dn"
@ -822,6 +862,11 @@
<section class="cu cv cw cx cy">
<div class="cz ak">
<figure class="gs gt gu gv gw cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m10.png" /></p>
<div class="dh r di dj">
<div class="mk r">
<div class="db dc cp t u dd ak de df dg"><img class="cp t u dd ak dl dm dn"
@ -885,6 +930,11 @@
</div>
<div class="cz ak">
<figure class="gs gt gu gv gw cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/m11.png" /></p>
<div class="dh r di dj">
<div class="ml r">
<div class="db dc cp t u dd ak de df dg"><img class="cp t u dd ak dl dm dn"

20
articles/stm32-blue-pill-unit-testing-with-qemu-blue-pill-emulator.html
View file

@ -256,6 +256,10 @@
class="bw gc id ie if ig" target="_blank" rel="noopener nofollow">this complicated computation</a>…
</p>
<figure class="ii ij ik il im da cn co paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/l2.png" /></p>
<div class="dc dd de df ai">
<div class="cn co ih">
<div class="dl r de dm">
@ -550,6 +554,10 @@
<p id="dc46" class="gx gy cd ha b hb hc hd he hf hg hh hi hj hk hl hm hn ho hp hq cv ap">6️⃣ Click the
“<strong class="ha hr">PlaformIO Build</strong>” command (the ☑️ button at the lower left)</p>
<figure class="ii ij ik il im da cn co paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/l3.png" /></p>
<div class="n p bb"><img alt="Image for post" class="ma"
src="https://web.archive.org/web/20200717195257im_/https://miro.medium.com/proxy/1*4OgFZjG0s3G2SR9m3--h5w.png" />
</div>
@ -638,6 +646,10 @@
<section class="cv cw cx cy cz">
<div class="da ai">
<figure class="ii ij ik il im da ai paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/l4.png" /></p>
<div class="dl r de dm">
<div class="mb do r">
<div class="dg dh s t u di ai av dj dk"><img alt="Image for post" class="s t u di ai dp dq dr"
@ -696,6 +708,10 @@
automatically extracts the Test Cases that I have embedded inside the <code
class="dm ir is it iu b">nano-float</code> library source code like this…</p>
<figure class="ii ij ik il im da cn co paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/l5.png" /></p>
<div class="cn co mn">
<div class="dl r de dm">
<div class="mo do r">
@ -720,6 +736,10 @@
<p id="0f23" class="gx gy cd ha b hb hc hd he hf hg hh hi hj hk hl hm hn ho hp hq cv ap">The spreadsheet
parses the Test Cases and generates Test Suites in this familiar format…</p>
<figure class="ii ij ik il im da cn co paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/l6.png" /></p>
<div class="dc dd de df ai">
<div class="cn co mp">
<div class="dl r de dm">

44
articles/stm32-blue-pill-usb-bootloader-how-i-fixed-the-usb-storage-serial-dfu-and-webusb-interfaces.html
View file

@ -339,6 +339,10 @@
<div class="n p">
<div class="ac ae af ag ah dw aj ak">
<figure class="jn jo jp jq jr cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o2.png" /></p>
<div class="cl cm jm">
<div class="dh r di dj">
<div class="js r">
@ -425,6 +429,10 @@
<div class="n p">
<div class="ac ae af ag ah dw aj ak">
<figure class="jn jo jp jq jr cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o3.png" /></p>
<div class="kb kc di kd ak">
<div class="cl cm ka">
<div class="dh r di dj">
@ -452,6 +460,10 @@
href="https://github.com/lupyuen/bluepill-bootloader/blob/master/src/msc.c"
class="at cg gs gt gu gv" target="_blank" rel="noopener nofollow">msc.c</a>.</p>
<figure class="jn jo jp jq jr cz do kg cd kh ki kj kk kl ba km kn ko kp kq kr paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o4.png" /></p>
<div class="kb kc di kd ak">
<div class="cl cm kf">
<div class="dh r di dj">
@ -573,6 +585,10 @@
class="at cg gs gt gu gv" target="_blank" rel="noopener nofollow">hand off the unknown request to
the next USB interface</a> (<code class="dj ku kv kw kx b">USBD_REQ_NEXT_CALLBACK</code>).</p>
<figure class="jn jo jp jq jr cz do kg cd kh ki kj kk kl ba km kn ko kp kq kr paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o5.png" /></p>
<div class="kb kc di kd ak">
<div class="cl cm lb">
<div class="dh r di dj">
@ -630,6 +646,10 @@
href="https://github.com/Apress/Beg-STM32-Devel-FreeRTOS-libopencm3-GCC/blob/master/rtos/usbcdcdemo/usbcdc.c"
class="at cg gs gt gu gv" target="_blank" rel="noopener nofollow">sample code here</a>.</p>
<figure class="jn jo jp jq jr cz do kg cd kh ki kj kk kl ba km kn ko kp kq kr paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o6.png" /></p>
<div class="kb kc di kd ak">
<div class="cl cm ld">
<div class="dh r di dj">
@ -719,6 +739,10 @@
“Descriptors”.</a> Descriptors are very important for getting our Blue Pill to function as a proper
USB device under Windows, Mac AND Linux. So pay attention…</p>
<figure class="jn jo jp jq jr cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o7.png" /></p>
<div class="kb kc di kd ak">
<div class="cl cm lo">
<div class="dh r di dj">
@ -835,6 +859,10 @@
descriptors, like the interface names. Each string is assigned a running sequence number 1, 2, 3, …
</p>
<figure class="jn jo jp jq jr cz do kg cd kh ki kj kk kl ba km kn ko kp kq kr paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o8.png" /></p>
<div class="kb kc di kd ak">
<div class="cl cm lu">
<div class="dh r di dj">
@ -870,6 +898,10 @@
<div class="n p">
<div class="lw lx ly lz ma mb ag mc ah md aj ak">
<figure class="jn jo jp jq jr cz mf mg paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o9.png" /></p>
<div class="kb kc di kd ak">
<div class="cl cm me">
<div class="dh r di dj">
@ -931,6 +963,10 @@
that our device supports WebUSB, it will send our device a USB request to fetch the landing page URL
for our device.</p>
<figure class="jn jo jp jq jr cz cl cm paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o10.png" /></p>
<div class="kb kc di kd ak">
<div class="cl cm mi">
<div class="dh r di dj">
@ -972,6 +1008,10 @@
it’s not a standard USB request handled by libopencm3. Windows transmits the vendor code <code
class="dj ku kv kw kx b">0x21</code> in the request so that we know the request is from Windows.</p>
<figure class="jn jo jp jq jr cz do kg cd kh ki kj kk kl ba km kn ko kp kq kr paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o11.png" /></p>
<div class="kb kc di kd ak">
<div class="cl cm mk">
<div class="dh r di dj">
@ -1417,6 +1457,10 @@
</div>
<div class="cz ak">
<figure class="jn jo jp jq jr cz ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/o12.png" /></p>
<div class="dh r di dj">
<div class="dk r">
<div class="db dc cp t u dd ak de df dg"><img class="cp t u dd ak dl dm dn"

35
articles/super-blue-pill-like-stm32-blue-pill-but-better.html
View file

@ -270,6 +270,11 @@
</div>
<div class="ea ak">
<figure class="is it iu iv iw ea ak paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/g2.jpeg" /></p>
<div class="er es et eu ak">
<div class="fa r et fb">
<div class="ix r">
@ -388,6 +393,11 @@
<div class="ac ae af ag ah fh aj ak">
<h1 id="9427" class="jm jn fk at as jo jp jq jr js jt ju jv jw jx jy jz">Form Factor</h1>
<figure class="is it iu iv iw ea fg ko bv kp kq kr ks kt bg ku kv kw kx ky kz paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/g3.jpeg" /></p>
<div class="er es et eu ak">
<div class="dm dn kn">
<div class="fa r et fb">
@ -423,6 +433,11 @@
class="da by ij ik il im" target="_blank" rel="noopener nofollow">nRF24L01 for RF
communications</a>.</p>
<figure class="is it iu iv iw ea dm dn paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/g4.jpeg" /></p>
<div class="er es et eu ak">
<div class="dm dn lb">
<div class="fa r et fb">
@ -453,6 +468,11 @@
<div class="n p">
<div class="eb ec ed ee ef eg ag eh ah ei aj ak">
<figure class="is it iu iv iw ea ep eq paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/g5.jpeg" /></p>
<div class="er es et eu ak">
<div class="dm dn ld">
<div class="fa r et fb">
@ -496,6 +516,11 @@
<div class="n p">
<div class="eb ec ed ee ef eg ag eh ah ei aj ak">
<figure class="is it iu iv iw ea ep eq paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/g6.jpeg" /></p>
<div class="er es et eu ak">
<div class="dm dn lf">
<div class="fa r et fb">
@ -644,6 +669,11 @@
<div class="n p">
<div class="eb ec ed ee ef eg ag eh ah ei aj ak">
<figure class="is it iu iv iw ea ep eq paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/g7.jpeg" /></p>
<div class="er es et eu ak">
<div class="dm dn mu">
<div class="fa r et fb">
@ -701,6 +731,11 @@
<div class="n p">
<div class="eb ec ed ee ef eg ag eh ah ei aj ak">
<figure class="is it iu iv iw ea ep eq paragraph-image">
<p><img src="https://lupyuen.github.io/images/legacy2/g8.jpeg" /></p>
<div class="er es et eu ak">
<div class="dm dn ej">
<div class="fa r et fb">