From 37388c05af13f5117fec9912071bf5a6332f4753 Mon Sep 17 00:00:00 2001
From: shaoxiang <1026025056@qq.com>
Date: Mon, 17 Jun 2019 18:06:59 +0800
Subject: [PATCH] add VScode github Link and change home page product queue

---
 .../related_documents/Page_logo/VScode.jpg    | Bin 0 -> 38900 bytes
 docs/en/related_documents.md                  |  10 +
 docs/index.md                                 | 278 +++++++++--------
 docs/zh_CN/README.md                          | 290 +++++++++---------
 docs/zh_CN/related_documents.md               |   8 +
 5 files changed, 312 insertions(+), 274 deletions(-)
 create mode 100644 docs/assets/img/related_documents/Page_logo/VScode.jpg

diff --git a/docs/assets/img/related_documents/Page_logo/VScode.jpg b/docs/assets/img/related_documents/Page_logo/VScode.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e7df269f4ef42be431cf2e8afd6d02ba89b1b037
GIT binary patch
literal 38900
zcmex=<NpH&0WUXCHwH#VMg|WC4+e(+5A|2LR%E6zF!=g1XfZG_a4@hja5FG5Ffgbw
zFmNO>3NbJ<FfcGOFfuSO8p6dp7>&Se5e5d1b?uo9EMPSZ9EV=XFt9T)aPTlNFoZEM
z2)fC<0-MP&3PwX<Gz3ONU^E0qLtr!nMrH_vXXd5kmlrDpWaO9RE4Zd)mgE;H7#ipq
z=ouOq7#ivsni*S|Fc7E8$iUFj%D~LZ&|JaL#LCpv%FvR5fo%datW_c?Gl2!pHkdRK
z%w{$-W?+~!3Bg{#h-lp)S}vRdp!gYWxqw1p6px0$Xb6mkz-S1JhQP=T0kqbJiIu4V
z12!=R1_m}pW@wv&je&ttih&g}G9oyIQ5w#k!>9pO!^FVA#0VQb5nRH=1Y^tohK6<m
zL_Y(V{(s~DZ3brs4mLJ+HdYRHc6Lrq4lW)MULJ049!Vi#ei2zIc{y1r85so?J#_^o
z9c39A4RcK$149!N6M1z@TMHu_J!2CikRgnmoSZz|JQBRT5=M$Libf=Z{|6WZIT-#k
zGB7hLGB61;G7B>PKf)l-z`)4L2nJ9OFfcMPv#_$Ub8vET|3AX8Re*tsk(rr^g_)I=
zg@u8Ev6hjEnSn)+RY=j$kxe)-kzJ`!#HexNLJno8jR!@8E`CrkPAY2R<PsB?kd#tY
zQ`gYcGBGtXx3IKwc5!uc_we)z4hanlkBE#)PDxEm&&bRwE-5W5uc)kQZfR|6@96BB
zG<nL@Y13!SoV952lBLU*uUNTi)8;K(w{73CbJwB6M~)sle&Xb*OP8-)y>|V^&07y2
zJ$~}^+4C1KUw!=a`ODXD-+%o41@afjpI~o+hR(oVL-Us)0}~??3kx#~JIG&*OywYt
z3$m~(8nOvF2C^p>3M&~ka)>xhT)6Qdr?PR-2hpUWi(FzVCJ$9Vg1iRy8F3zKBFkrR
zk0JbZi-Cukk%38&S&+e=;rlNQhD8lrSP91Ed&Bnb-?m|E_3W8p7K<g*OdgA?pX!{l
zSYoHg`sLYGWh>==TklxPz9G;3O4(Z8Lvvp4u=bc$svH`p6L?PZD%V|J(^n$FIE@EM
z_*`I(e*L=E?wa@PnPL_bQZ|}Cw$u3Na!+BmqNlgT`FD@Mem8xUI-}h3^EaEA$ATyQ
zZ?0R$W9-S?sW|a*;l+s?vR7T&r|@c<bkLLT6>aQi4>NvUA1&O{n(=n!!-s`aHFn24
z@494Dx%gFd;1jdU@(-pYe|;HiQ@muAq=eDD2iMPDJAA5pv)#5fEzzl$<#&Hta`$b-
zT=8&OS7z)1!my}8a960U(=T4Li|^K@gtW3n&R%M9e3qArUzT7|Ex+_f`>u61&Xu2@
z>O8jWv-$en?(6vvY}&6rY?-R%W$WL0^m^&5onM5yUS7>9&b(r`Xlu!RfmgG<n={KE
zvVSl<HUH4Y)o!9wm+suk^?9kP$`|Wc<wr3&Oj*;O^8fkLKk;XH_VR2osU^{G-YuR{
z&Q&SjTJuhu-OBHE@+*UiAE7bpi#=p6T^D@CD#8%xfJp@VSDCz$bB+FeyVmaPyS&th
z$BvUCuJ`;{d{o>{VfTSEWf}G5^6PhgU+=GT`16(Lwfy4dN3{yRWv@K{d6wn+MLR$J
z&JYPuSUihC^TT=5J*!oW_W1ERD;`{ODeKIRlSl8$=1u;{9k$^}xof`Ce}?R~KS!(h
z+xG;gJ`$Y}-6<4tK(Eg#{QTn$T$4%_H-6b!mhjrtuX--8=+k*OusL?-s_oam-6~x&
z-8_ink>ey^E}L^lAYm-=(Y{OlBkM(mDVv>t@AzALesA&P#`x&AMJt0n<%PS~ybj52
z6}?c@3JC<hhhNtHXLwltr#`;^y6L~P9mTvFCflq(U9a(pd{q*DMm|j>fYFr!h49D_
z*1UiJ;IdnL&z@;ia-4MJdhd_<N5$n7_Gp>AXS6@*k=ytD-d>&U{O9e;H`(Oe7d_3N
zDtq(%oS^WF%1@iR5@3eK{%1J!{>Q(4{~6Y0|2bRmO#a=Q_owaeDOJrC{mg!g=j5GA
zQ<>|6(aT;g4T%rS2|V>a<CV{nNqe@)$(JiUk!uM)?qxOgg)YP&kQlv`wQONE+x)ce
z=0+Wl948&Qu<*<!mvdQy#p%5j^N)(#DegYzQ`S-Eaq_SK-r}E@&)3%GiFGaYb@|Z~
zTOPG~Mqn(vMj$+8l%WL-|M#*g$@t%=Y&|AeT`|7voG<Nd(k+u^6xqkHeun4vl-kKz
zT5leHz2EU|+R{gtF2tO$Fp?9f@2z~ceC_>LpJ(Rl#r|j5wYb5qd1);hJHyK3^P=bL
z_Mb_OikWcZ#UK60Gq>!WHmg}O=X1l~DEp71udbDE`@ZcYC?Vw;tyyj<`uy>Sd*_xL
zy{eiSW_&yN$+Q<6I83%apSP(TmKB$rSfCfOZ~wN-Z=USjImKOwXPW6_Ikk_r$2;^Y
z()!N&CHLE}1Sek2vuEG*3tJr7RS<GLn0<Sc*Dv#xpXC}|6%l!YJ?s5HvHuLm-+upF
z9RDo4-QYh%dHTYs{~7iyzGymo`^HOpdC3fW3a15BrHek?wQTQ-*Sh<@J)G;WWctwk
zLiqftm%E>>)N5Zk=i02o<zngS^FJSz3Exxmct_Z?#z)b2nI1-|f7ZS6^kMSBUsY0v
zg&o71WBumnDPCML>&Dl=!f~6f>$-eff8zJY`Fq;$ZEZYTv(zhZ&d$hhC0fVUh%C|-
zWjhE;kxWv{Yga_S+_ov^u7`4$;iMy%1B)}2)J-{d8Xw!^`>67dW97k=EzUC@pO636
zzqj}YL-@7Cj8!3%Ue);N?Oq#tvh%1+xZ^3Az@rT4SRd;9r~ers-Zw;efA2^0Ki%d3
z8NMFfKea+W@yoiH<qxK>ygRR6NYS-g_f>^vtB87ff$qy&Q}0bJ+iq60rAXhV#6Ixe
z-uy%VjJIAFa5faU$9SqNzwn>v<Ftsl)VGQ|-#xWB&i>}f7pn#SYo&Lt=lJE9cqJep
zxY$9ol>3FrYqwpyK(V=5>f?Noibc<lh|lGUa;q<w|7!R3W$F~m<!@Ct*~HuzKIwl`
zeYNGEITz#IpVjOLbZF{g2rv%I+46d=lbd%&_Z!w3-?*&iT=B{>e3p8Mujr|3+?P=G
z67R4ajb#dp8u+fhkmt64{6646Lt*{ef@k*c-h46I|9!^X_nq}mV)p-MSf~4E^?}{|
zON&$O55xRh_2xqrtIP#PKlh3!;k~D<=ClPj@oK6(x)?CIXR`a^AK}MuABxO+-~M9r
zH~XkBE~TYmVJw0Z9M?}fmUvfcp8Ji|8(ZV%&U-OgA#h?$`yxqEzkmO3`){7~>{+PC
zg_Oy@t|xB_TCO;H@{3LSk$dVpufO{sxp=Gd?;R)q`mbCg^D#cMZPCi0Ks$BO*lVkv
z9a*%CFJMsvmq7-<@`4Y~TlGtSPCZ~4+5FkdJwCuT`>L?p=8GlV9lDAf`@B;gPb$1J
z>%+z$>oZOLtd(CHy^-I%?A6Ka<ios*>kGBzZEgR3STvK-l|gp(1v|0&<IfiUdv%>J
z`QN+q&f5PODm(A}nEuc8^nZq5kM5t^!%=(j%etJ!59*eeRsQj4jlQ%t=y&MWEk#ae
z6`b7TvahVvi?A%Si7I$LslVvn?ge)<%#YnGQ8Rm{S$LTL<C<ArrlJvA-78C9S{awz
zcUZK|K!l;{*{=IM71tiSmu}yqYdX>5tKnbU)srRLLo@B3moW>yxcbR9?$p2g0o%O0
zGg~GaoY2a;mi=_8xOiG^t7Y+0l~dbqweFjn^<6wj%dJ^ua-8v_d}04b+=tsVGupow
z)(5|jn-|&ke7^OKPn&zfRcz-}&5)3Paxvbae|n;;A*;v?L-!ay&o|n8KCEw8vg>B$
zs@3kCPZMm!fBoWmbUZ0kt19ojv)&=A%e!xUd7=AgduMW|sGysu!-Ej3`G1<$?SDPF
zUhC%y&r{{;*ZsImX1SkFo3!s_PJi>Xhpt9WT@2RY3u<)#GxV=@{(E(u%;CRx=e33Y
z`zpNmqyC@n>Cjvy@WO8D*(o*rSKghs?_^kO&-b6<#L4CL*GvDEzP$QR`io7Ly^Me6
zHIwexY`^U2CFdS~+VE=mmGJKDS+dt!Yp#7~*6@G#<jvzh*+)*jzWLj%`sOjImm&RU
z&Meyd`8l&m`n)Nn%<;}2dA~IlKfAr}#f(264S)LoXNcPyb@-T7>a!`|mnBMc7OUib
zpYkibbH;<)(`~Hg{R{68Y;O4_m;9(-IHscM!;>jnoI4)B{4u}k!1=9J5nf(%^@2|w
zy*4%KoR7x3$x}2Ied9f}e9P8(-(KpzU6iR-ziXAY<&~b~vP_9$@2PoJ%Uf-D^OwHa
zwT~(KOu^nT`{n!hmMwIU`0_Gdw{yML<=uAYS=&N1mtO7eTDhwJgxc$WJIz0>N&Kk1
zX!(Kj^LkZlyQ<__bq{qdf&}OvJ!pXbD?L1;e)r}Jr}p1lR6bAjKf}bL{|x_jZ2z>L
zNxr03d$z_8)mP=|^N%!y&2O)Nl6ran>s|F$UtaxZ;Qb|M%m2vzs@xYghp$J|UrU)T
z+nV(4y62p~*O{l<E!yWa=dPvZ;<v9ZhidMyTi*40mh8ROs@!+sT6Iqv3LgKdU2Qz;
z*DX;|4^4T&xXDWck7%szah}D_%-p}!UvFCS{t($u8mpXk1Uj(FTwHKAR@h<h^>r;~
z8y~XYpW1$E@t@k&*SGNV+{_TjZL<Aret&Aa%72E|ipXhN?{6OY{;5a)&)$i<*iBx2
zocJX%<g5Qrmb?EMu8aK(E%-4})Q+v@OQ!al<c%MU?r5x1(OAH|wTl1H{U1NC*x!wM
zc*g$j%@?Wh?*pyR3)P?4UH_jUCi-W1LtpdDn4SIym3Q0xQ*mAE&-<U@#Mx#48LpT7
zD}5FAPi8N_T>D4mSJjvPUi`Au{@Om1-$yQaJ&W7ADC%_?e{R9ziJvT9E#D~m=-0K*
z(uMa;x1M@h-{fGC_&V-fct`lRBD;Fa!?D#KGutI!yH>CGc>&sa5byhXwIcptxYcRh
zqt{;O9DLkA^WW5yJx8=m-fg!ws7Q}mx=U_j;_~RsZLjmQh1{k17*-#C*Yz{g^W@$6
z>3)LCMJ2jjl^s^iTK}gh??1!q?s}~iH6C5_nZMXonoRv>c;km;o=B*WNC4xlz3dOm
z|J1yaf43Igr21mC{`-o#&pZAzJc&ap$BUlYv+VVI^ZCaFt}7qz|LM7v|F_)#dEC<c
zho>)md{HlCw|vj~yYgO><-UGg@%!i|fgY|?*G;@*iw>?`7k*c=YUNkal4lQ1Rnnto
ztz>6Dx^=D4bLaip(NiDW?=HO9zBTRo^-C+3`+Car$Iaio;*m&Lo1!a&$P>4TSCxa#
z9cOe8%JjS$lNr0D%D%ORK{)l@x}A9|^KaDFAKELVaWz1TcL5)R=%*WJ+_$axEuTC+
zF_bIo_a@&hdsk2R;?%{UwQTi&28G%CLB;PXc_F3c2mbQU^N;fSEis>2_uq#_D<**J
zGkfm+kDmwpXDEd?U+VX|yti@x&!F`6Kf~X`{HJlOH)^$KYeI8HN7(YV{|u09@t?u!
z%PM%jxbl7K@5L{JxPCmTeRPxYWn|Q~t=Wqrww}HGnE7eo)&2#mm$O?IEw;KUs$seL
z=+?biuVeOSuWoz%L!iX*W#rVaTQYxJXw2u0+rD-7gurM?RuP8aiTBLI-Ly^>ao98m
zYJAq_^`0JlagXlf2e);$mLLA&-FN)&`;Y5gI}bOUI<QhEX<xE<dr4YtUu@U6E0?A{
z*%Ge!qE&<;)He8^qj^23ArfMz;_BZx-&Sr5T2f$snE$8tl|3jafNOM6Qh48K|0EWc
z658*|dp$i>$0>XB`9~$ul@Is-lq`Aw>)rlyd%f--p1$z$g?}ow{#EkDAC|7~-P^y%
zt#0$0s2A6SV(y$^kYRmy{6cu=>sfEF?XS5mJa=QCa!-k4+_}*9J$o11$UGOBQaj05
zV|~fb4bUvW_qQ-MzO5#+bkT`z*ICY|_%XaX`Q_WUbv~i2QGEQR8*euqIo0Y~+aGoL
zD|f8h#XMcLNae(XQ9G={PkZSZWxlJOYpHqE%bMF&>Cnno_djv$`OmOU|4%R2^R4r3
z<zInIf}ekyx)wM>>+b&y$DjUZ_}vZaUVsB&|Mw~7`&9ljOe}+zjEryWrk<YiN632f
z`9}^>;H<E#{BL<Ya#mRJed2fbODkX9+PZCGqUzPlt*$SOPs=;LkC)}x>FZi*_oz6a
zdGd>j<sGKK=hpo=YZj*Z$l|xgnt9r<Uj&6LSk&KsB(yZk($HdY*Nr1_)|cLXSz5TX
zw&j?n#j?3aKy6Qbk)Un!lJ^$}yIz04MSG#{lJ-P<8=t!HZ|mbfeD8d-^>;yH?&KAJ
zpZL@z{%5$hUflT5?e81ynl+BuKR9!jkKZfidRPA<v6Zj(f8y8;ZmGe;L~ehtx+ti0
z;N(0i6UxahQs}^aYxjSK*8LxUgNnoJKW9BWQx7U7>)&g<-{bk8LFp|tZ?M?C_!X`f
z{J{fM3k$rDnkVz0Vd7-J<A1(`!=}l--}%SHueRHRudLm&T72iu2`U-Z-|eP8mQ()7
zdv1T-C9kqWdt3$n3BG?HCl~JM6?gHAU9-i}qNBlXdJGTxssrO4YEA??oXzDv{C(En
z<5P25lj8Rq^Jx8N==>GF`sF`?OKY|)-)PWTbM^1*?O}FXA3n1<skYF6;rpjEBu?=a
zzp9+xWn)<Q@b{sDOHr18@634lruOyx^})PRrYlz}pEw#&qP4?d(JsD(MUCxS{j<w$
zr=BUk?Q!wcTuEP_M@z-UudFIAm^JA|)%4aqrF=_PX4ZviZ!nOUqci_O_O{@O^H1#y
z7InO|GWpGii21pmhKHAiT;2afu<}1cO#Dx&WA;K;%RksVKVN+P<C66o`;H&*E?Bg}
z1628x|7YN?fBftBzn$wpn;xF=p8-@G|7W-tc)tR<$yg%q_3V@#XVqMAuB&$2*>^r_
z^UkT;j*F~1Q#h|}uUGdhUO8ROD9`D8JRfPV7l?abb39jG&~+aB&abBJU)F5+Qrl~B
z<hp3|?W@IH+6$iX$fSXqj9QN)OLp!GYdcYVo>zUt7rCz|d)BQC-XFZ3xxMt2#uwY9
zV~6hhZS$^<m}YUMfMIp%r*(e5o8K(tIHaYqx;`;~Wt8pKQ|!IRI7}bgseRacynVe9
z<D`q{-#z*A&F<@~)Y41yH`n?rTO2NSzNOd3xMcl8yBLiHOkE6Y?#fM8g12^`=dSqV
zZ9A=M@s<f+BKuX@_pewdlP4M0dhNv*qd&n51LM=GO2h@uGo9t>`nciLra4Voyb=Ey
zjx789Z^!;mrk@MLX89MtPFHzpF8uuRUtiVQmNGlO>Q+%FM^^^X`+q>K#@FwEJ==fg
zI$z?ycjx|W{`*M1`ceK*vG<Vr@Ppz7SR3d0{39J(!q-)VUx>Z)`O>7;x<y_mG*3!<
zDlN&1yzzkbx!UBZlk-z7j&4t>a&NU^+?@MvUBh-(1zYyt_aDZ!P0S5o2w>0p8Iz}Y
zZRN7#Hy;?RYE`X0X?C&e$;P`W605d<GyBy$XWDkd_CCiZ-jLK2S0)-a&522=INte3
zzi>fpN}9L1{qD)Kw*7k(lDmGL(G3lomGNUvthn3iZlSIhmQGy^8h<iwhgi@4C-X7%
zU86yO&$gC77lkk1sgn9?xb|jtoZPN?*8=K`4o>+H^5BDOg=L%gv_&gLYQ>_vgO|PZ
zoG0VXG->aN`L??Ma=?uqCQy#P|M73_e}))vj<&yh^ZvB@JudHSeE%~j-CGE0_%!l?
z8$KVNzAA?V(1!D@tRn0)^ZhR8ZS`KdZFA?6iTih7sGj^XZtKH-_Na`)&ZSJ*m#;Zr
ztev)}=D66E+DW!|R&#4jDoxvBwM9bY)rbCNU$`_FmQ6gWzCtvAjqX=zPu+D%k;;Wl
zOTv3A<{uW9liRJr^sTSHTz&b*@9V?0k9_hx6zeZ+ap?2WkbdWRi}tnrEC5vwjKyz*
zZ{ELi!{dCew)@_)4YC|xOy^9udOFFZWvA>T$2mPgp-b1E`7<NXhpCG}d;gEv{|xfi
z?|(g8KNH%A2><t4_+sg7_kEZ2)+Q_1Y@EXKMN;(Pt#!>SUcBu-U9@@*d*D?2{;bcR
zPF-w$@N3?>VyEIQi!YpcS9l@tZ1wbvpIcYdW)~m+C$abXJBD7LvR8GLGYahHE!(s{
zG^lyD*`bT2t27p0{}Ri0-g&FQtz$-Ye_CqJ)V_{pzO*lFse6#0|H^M)GFKG@#Ii2h
zYziKa5xDC8TEbL1eA|xRICBZbR*RFzygWJ&`swL>TrW})SI-~&j&aH6vcGrc%{#X9
zllAp$53^QnnR344=*5z(9h|Ot#jGL>#h_6RgGG(3A`Id6A9nw95{G&DhmbAL`oGWA
zR|-xHIGZhd#8>9x>V>b?81dE|+Ewm;<CK=ynMbDQ+r_R&&i1L_?0Y@&DgTe~d0Dg6
z7BBICdiVCG;=_F*e|c-!xTVkSRNwjO=d`$&r{{4yFaEH;aru=$yU#lMgtbrYmq`E5
zz!<kWJDqp#F2{VK<5E0Y>mB3j>;>PdpO)<p);?6NRr4uoa--jROKrJTT$(-L(m>PD
zbscN;Yw232t8d>W3%NaJ0S{cnJ$Bfw>Nx4_`IBl^)$&zejn25M{FFQ1Is4(xhi{d4
zo=@)5evwym06cC1Hb-Lt)9&}J`#%XF#s?2fe33f;y`gPT*U#oR$9`Qgy6tN9W}3;w
zT1iI{w~ys6C)IXFsc?xT@Y!lUUaDQ196Mo4umoa2uO$@htV`b6Gp2dmNodmOnUh-L
z@?g1KSjF`&8~wtEzc(Ea-(38Ar>$-O-r}uacVxZVYI5<T#45gCH_+Ii0m7*8+7H|R
zIhp@wfTlrEglzu%N_|yeyg}`Z86pWmn-~r(U4}Yx+SX{a_Uja>)+N)f3$B^C;~?9f
z^rLp-^ACSdZAb?tg&Cka?DA>tPp5Bww~2YodsaSU+Ht$uOzju_)4_=fLcHH6UVp;v
zKf}MB>%W4M|2_A*$bX;tgRg3=pJ8_a7Is|>2$qx9+ONI)7G{0>ZrG_**cR*(-7;mm
zla^yhck`=?^IbI{uP-{qeRHR^%9n4Z=fkfhW@}Bk(%*UXLP^$+R?$na!D1fmeLrFf
zSKNR8uX6oo)1x!8+tcf!)^>Kjni76`ej0387nEw@9&ZV%W(@mw?0&$ONw=P<Ry>hN
zaD@c+f>^PDOOYqQMZ@}F?IWMgPjc^^lUVuiyzty5kM?!S8^{D6W#ZF#)F8H`>0b2A
znia~GDmJX4C(rsUmC!ypo#Rx|mcXko?fFZ+AFVIlc1dr)#cBCNd$}DxY@Oad_3Xy-
zsmJ8pZR@!{6z=%Xkp0d*`DM|aotLtfe7BO)K4lAQl0rfhKDi^%rv;9oHPfyeb}AP(
zEt@sDXUat3ra3Z^kK;5yY(3Uk7RhWod;Z;hR@G9^SHCv6x_7OqN{yRd_u|kaUQu^X
zDo@Q)&B~l7chxkF>C!njzfa~|_EM+TW?TxNxK~Pet*XT0t(W#m9$DbID&}X)e}>Z*
zJL1ppEte|mUH-C=W%IT^#aF9O{>grB7;!VS>_x2~w_dO4neQfMT?X1cU*717@F3z8
zg*BneH->BbHiIm&^|^%-6>}1rw2$oxei-@3z69*vN&f!H@8gz5c08HCIp3{f<~~tB
zyQ{iB5{c6u{@Ib7Df1;XX4b1M{q4K9{)p6b*wXR&^QZe0{%w7A{g_kNzBeBWW^g`|
zyz|nI`I5<jH6NvCwueujf1+gFEQ@QVTpc2eJ&f_z@q$+GKH072ZEa;uX=f<*j<_qU
zX?P_d0Fh-dSe&8xI&0srUDEW-bdtJ6YT~sy(LL)rr-(dG3%~p&*50>Acj=bGk5~Bo
zuY6srDk1XR((|56&{D3fi(*}qK_h({%>QpP{C{ZpBBP|Fz)D{~uUIcJB|j-uFF8L~
zzap_f-%!s$pTWkyq98FjJGDe1DK$Ma&sP2Y?)~ZtnJKpF;ikR@z6H*y8JQkcMXAA6
zej&+K*~ykE>h^ZLTs9R}6}bhusU?XD6}dTi#a0!zN?_Bi@`|lM!um>fHbp6ERzWUq
zP!&ZfX|_sGx0IKc>y;bp<rk&v8(Lag>Khp88yV>qrKIT=SLT%@R_NvxD?<%%Ni9w;
z$}A|!%+FH*8JL)qUs__TR9c#uVwIMdW}1|eVyc^zXq=*JXqb|yo0wv3sGDMJoMLWj
zXknCQn4|=?z9P2(ZavnZP_nbB$StsPE=o--$uA1Y&(E<VYE_|)KDsu9IjJs*C8>5s
z28Ncp24=d3<{_YEhoFT3dS*rzNE#vPZ1h1MMDnm5L?p<?&CW(29^!VqTncmmqn3~q
z$fLnE8eAlW07;5RQ`cy4krV<XDIQH-qrpW|2#}<BG<A&z7fB&NlH$?SH5yzbg#by4
zM^o2maFG-OBq<(EU8BK8QV5Wwcr<m51{X;oK$7Co)HNDhB!vJ;ibqq|XmF7f0wgIO
zO<kkGMN$Zmq<A!SjRqG<AwZJi(bP2>TqK16Ns32P*JyB&6apkE9!*`N!9`LCkfeAt
zb&UoWNg+Uz;?dMK8eAlW07;5RQ`cy4krV<XDIQH-qrpW|2#}<BG<DHExDdNGQu9)5
z)yviG?Lf!#F)%YRfe<q@GYc~_3o8fcv^-WWc6K%n9xfgpZZ2+aUOpiKUOquSZf*fF
z0YPCAQBhGIesKvg5eXp?Q4x?KjLa-7tSqdYtgM_OyxhDZBm?jne~jLYKFo|tqi6gv
zY!w{pXZ-yQUeu+*Kn7;qRJ0_-wVmP0q@t~HpIqC-Cf*DUN!Kf|7xrGY?a8*SMK@WG
zT)e%0rm{}qdeu1(xY{lUY}*q$>0an0<?pfaimM;}XSkLAZQAs(Nv{v>6Wf*XW@1nI
zu9ix!v-6UA+h4z(^`W2TPsqpe!#}6In057tp!%O(r_Sr{*55R5`Onhzn-6~2r!4Ax
zOEYp``}2r<CWjIW?T)&=%sYQo_xFxP`|Li*zdb7KHf^8YrCH2})?S^RFCSzbe(@g9
zkA)BS%O2SD(rWGA3(RvT{kiY7^}%DKHF0eJZq591L+7*p@hvN^T%9}XKf@ZCq-86T
zmHTIxRY^_Tvvk`vyT+<JQ5s8@8D=c%V$dK9Pihc6cU5gsCUfaZ)nkWet*-cZJX59T
zRabM_v)sjfm3H&?UD;mdvTbY8jgn6~2D^81tTOU0S>J7+x&BsJY?AkW?jJ!9C!I4&
z+PmMm_w7B6^Pj(+4gb5;KJ(<(%5{6RA7;;-c2Z*P+dtV8-d;E^U0*KxnMZJw#_cA<
z9{tqUlYd-)Sz~|rd$w>_lzd;IxyZ74!YqH?);;ZEKAp^<oz6XP`Nzexstpf{oXh?i
zx^>#=<c~jNcb_g(PM399ZB@3kdg<NTWrsdJJCyUpMkvQp?mxqG)A(7jYa_h`CVzii
z^zzzN`8uJ^wwE8ie_Q|9pF^ZQIQ1j%jGu){KZ_dQRA0X=&;Oqxo1eAf<f85K-ei_9
zZ{)ps{A^#r)t}GSgl_iBI5KB~;lB$f)=xQBaE)8CT)xcx=7Wme^3B<E@2S7;-L{nV
zP1eU#lUxofEIj9aZCPGKV!^(xKMNns@4lz|f%n*7`RG|1jyH1G$)9s$-tcAp;ys+d
z3nS01%zrf3a_t6(-=Pb0_XjPW^@As!H`!o&$#fI{%LX>_jYp#_I-{OnU;S?*Ys5PJ
zgZ~+XZ7d&GJf7}$^=-bN@l$t=dlv7OKU;Uq?2d7~deB_2{Ar6e+r4Vd2x~XBjOAZ6
zY1(Ehr!LTDL}Ia~2BZADS*@!gErUbfsdy+>%Cv?`o-SE=)imSoq+3@{rx<;m#9cnI
zBQ$VQ<OX};m#^Q(i~hSTzvaoUE!*wHKde2iIwdD*@0Dcv*U@_d&A-?B%5ORT)>LiJ
z_jzI;_MX;l$w}UOWy0e#IiE$+Z|~oh{q#mTn{xBk0;X*RJ73jH{WWj@Q61WKWVQ0g
zb83&;E+0<VmmFMljPdEl2GP&0=YxM-JZn4SL07uzujSsl6My_!dgkZ6_XW@TGM@Ei
zTxo#P%(E;P&$3*=Jj?Bz)x>`<PA+}cm!YS+Ry}y%rS+|6Tb~}AUpi;{<{h7YRbAit
zgZtZ&kMmnX6Rz%=FA&AUdx>8w!IrsvJ(HwOK*Z6L>-8n4CvH4FUD)sS&esn%`^3fT
z)tGwQ9e=U>u>Gy(gZ~)>^A>FKyzPB8MX~O9iGg>*hqV`9-%7SVc;jF}!NJ<>PwyW@
z=l?kPkoiADpv3;Ubqgc@GaTRbm;ICIkK+PQw-o)l*eYJJrS9vYpL=~SwJZ;fTo%2k
zOZ(aREnFH)7O*br@?wb60PVoXjRpI}7NoPTinM#V>Uxll*(Q%Sf&qDVjx+aFe*3y~
zaar`FH|w5m;+{F_-rXlftGbM*=kOo7el&i|^|!`)dsVNu?$IuKohmJ{zEoqnwsyTp
z;P&m7-_DwUoAP&=>a|(#58V^rnYyuO>fZgm-=^oaS@eIe&3<|#^jqI=H-_Nd+^_tv
z?e{!kQ5KXf+;!tmap#V?zBX!{zdE;04bXR$P^{Kp`6uJqyfX!^#<Tv0X`P;$(|`P_
zxp`%t%*C@Z7te+*VK*suHz{^o0O3nDfOzgES&SfAnTspfO?WPzmASB8Etc>31N%SI
z<T?H`-0;%>%e6ls=Rd<0{R{Pq@zeh^Fm3+Nz}<aF{+nR;&+D&P=l^Q`#s5V6<35A`
z3|0NhU!A|ZL;CN%y8Vmv0$ojKXHAahs9WJ)+ON3DNK1v`c;CD$)2C0oee0ykI^|wB
zZ{Y^J<y$NGkNju2_4&{}4xyWwKD(Z++9SGsw!!K$x%9fKuGfbXRzFrh-M+m1&S%4&
zed3JlI=<d|$M?p@Ij3`PxulY@cv|@_d#i}Nphp_dTCaIX)`dCms4M+B{iF2b<=u8_
zG4|i4{%5$kM*Q8)+b5qoto_fhx%ztT2l;P{uk4dQ$v5>8`|Q9A8(SwHpYiSWtNm}n
zFJFBa6Urrb)$8+{nmGC14W)*5=K{A_8NYw}pCMvT$k+1~{zs+CyG?G#y8G<xdUme#
zOp(j&Pdi@JYA;;hTTpVlXK`9xtJfNB_jz;H%?NZAk!lqIZS_UPyv41i+@8C8LN*n(
zt-5FBoUMG~)T-5!&VR4?`t2(u>pxjsuG_LlTXs#qB1e~zcgdgHy|t?!_1}vAHf?$o
zxPIJ`a`|zx?6t*`2dD1u(%65KY4&f=y35AdXUiY<bI0s@*>y~Nub1AW4K_!`e=G21
zKhyaB?)Jf3I~YO9B>T%d*@vgkCT-L@@h87?$I>hQ>`gy=e@+z*XVEyw_4Cj-b#Teg
z0LuB3!oG){_|xR~?r&8)I05+wL2~@!06tJT@T}JXl>ZmcGG#z15EcjUWrn|-<p(0H
zCffErMoUv~_CLN`&;LaG(`S%`J}9xd=|7KO5oZ62{o$Y1I@4qF?+w5Fjr@I`xqi3*
zm3jGJ)1Te4^{tRU>VIqVp?i##IdA2E7l-$rsZZaM`^fA+L*{>mmU_FX?{+P#J7{LV
zJAU#!{r?OTcgOu_SpRbW7p+GR->mCPjf#)BW_a!R@}rf<l(iR&wq5dHdGn9QkN*sh
z^*jA_%EO=gU;0(s?r#@Td47FyT=te+nOue^T61sMEx8;ZyC$=8{mp`ktcWbnz~!fA
z{?OAFjg}0&y527B@T^eV8LRr=8y=ARGUwu!?V|VAe%od-|NAy;kfS6^|1-2$EjpWM
z9GiLW!P!KU`Mb3L{`mX){ri^t5?l1Ur6l%Tde=DBPi5=W{ngUtC%&vd<FQ0=+a*2@
z<;Hne*FWqR%eu#NZPC?|?43F96PdqH`}Aj1@@D-4H#h5N`?Sp;?nqwry#2@dJtuxF
z+7_>$-tkZJ*GcZ01EI5iet#hU)^zC~zdl*>;EFHn1y(Swz4K?%$E&r!-@LuH_nr8?
zBXihzo3}4qf80<aYlc_f)X-J-6$g?t9<OlQD!y2KQJ40NFHT)vQSjzXcI~a!{<A@+
zzw?IfDQUarDciKFXVP7Zuiw6YTe>(`_hi}C(<!QNI$4)Y@_1z8xMQ=~#p5>f{o}KK
zEdDm_?=scv%XWTP-?}bN*Ul*Hdw|>VId>m*?$&t!`qJ#*UUip^U#~5H*w1-q(+zD<
z5qXYh?fh99{of0(e_TJ~@rm5UEUm{xKev9h@2#7D_>R@BK6UZ!&Y+5G+T}wD`;vvL
zj)^ykB(Pd<*!jx;T3_ayBTQS)Wq%D>vu0bgeE;e2vsd3iOTGzEx&fsGynrYOLE=c|
zq}TqEOT}LMOD<mNd{b`ESpQ^Wh5NrlhV@o|9k%>u2(ssYqWziqf&8Co{_s>Rw*Qs;
z&o|m1>x}<1RJJdFb^hKC>A$z?_CK)>_|MQUx&My+sr~9UiT@dt{dWFmh`(I_BJ|hs
z74^q^{xiIje;Pk|p2>fPiJPOKY4^(y{U2Lv`RoPko4v0beb$%pe3s?<tI8i-{)EK~
zLvrD~MNoQyXTHs~%_<j8Buz8kn-afgN%6$@FW-0ly8f;H@4Eh(nF}f|)t+(cuJ!FR
zexdrGA%FYhc;#Y`o44xb_VHHSoEGYAwCr)j_fK;k3r-CUUR1Xy@{V)8kUw*~`_D~l
zC%9=HGyB~2=j{*i-#%IY8MxmiT{cah9rWS*DW*O1ZMf%o{jT@=z5igH*`=DoB}Z3g
znoqnJ?R)B^bUL#vZ=LGQ)QFyaQR~YW{{9v`KXJ3glBJolGWok44A1%py3ajqs#>v^
zf0gIjyGIvIn%3Bx+`1xiyMd_jr>#MsQnqiO<S8jAl3p^u{NuN!SEGw!w-(*xta+KA
zt+UB!k;ch%d;Q06U&jmoyL5lckzKFv{0Kj^UC4Er+cE3CZpw|u=`$AD-({NoZR+2p
zORq24{o#09o{G1`o#U0Y(r?moK1<Dim$WarzaV#y?CJ)QcZYsW{<{8hMSZ*QHf>Sl
zBvx1YvqI60A^e=Ut^Z@sv$iuD!e*YWTP&)vF0MQI<4@~->AUYh3d6M?km%@jfbdNj
zPKxSJ{$xD)Li(~SoyV4n6%W3h&-tCU_wob(Hz!yB@!H)TeC=Vb{^9+a(rqa_^IiTk
zB<=YVXU*TxygDvk`O1N(J9>^~&E@!W-s(s7hutwh+KZJkKU5k-9ZR40DC9_@gUa*Q
zJ+;0?#crn!-A)*8KE_=haCg7dU+?W7+NM63&l>x3mhT+1Z4(_1ikTifcX^U;U383L
zbmzu<ZvPoB%-SO}-DLIbkkuN;F7_S2^!%raQI*K0sjs|?)P5i8%XFHw<X2E}e5Cl9
zoxA7rUFv@N29kfmph>RR!E)(8Vb8Oc)wP+WYSpsW5BUGol@tEYu>QvWxpfPo|1+%q
z!~RM1XZ;8Mf8O@Z{~2Dtwf|!E*J1mAhLHV^e_HE|kJ-Nu02TGm8UHiv4*AJ<#s2ZR
z{O`VXzCX_YbNgHUZ~xN&3>Q{^oeau5mizCT{xpAV|5N(w`(OX2|7UPo@7-K}q)PwH
zgOAKVO!oT3RW6=od2sQpzj4v?duo?OTz>QHivEJF4Q%t$1&=M?E!<#lwQ)^GReSr_
z?q2<nChzRs#h=~v(`=7F^#5?;?xS3jd=8tZCvA@x{`m4I`+a?X{pNSGKgJ*a&yc%0
zbjwHHP0u)w|Jf?@$kKMN?Z<fCndye74MSdD>)&a&{7P!2%x5oA?V#y<`P!fF$X#{X
z_u2Z_RkrWjziRi|2W_8rJz!h0$cK{`Bg#dcXZ_MDRSt|3dggxSYRf`xKeNQMpkTeW
zOtC#rTvA!KFn0f;{|wzx-w(~rh<{o9>`KF?o2P#E`BYsO+Fw0y%D3b#jlFv<*X6iL
z^=a{mezW?pW7iF<RZDp<{)+z4{5Y-sW4gEJn)FYlDzVqajO6bffB*0K(kh=xdB@*<
zufG1|e0z=as*3oC_K-_@PdDvv;qlrlEw}ILxAzC~Z_W4l_@ppX>a**z?8gl6YbW~u
zyEQ*JzAs(IHk$2jmeqm3msK9^vbYx|x-@gX+d5|E%_3_RbkDkSbBY)|pOe~GWO(Cp
z{<6Mnw>+0-TvV3s_P8BVJ^5w4WNt{<^B1eUu20@2_Rgj4ntNHqMK^ED#~;^s)@SD5
zN{X$D-p^eT_NZdZi95&3S12Bwx%o`yzXKxoZ~1?lJ^x71-HP->-;Gq8cJ_VxW_sG1
zdD4pdoqgKRJih0hJeUM(*2K&|w%_OBKiOyA!kst%RCn%Jde%mc`<eQ={rc=#4_Ip+
z7GL>iGUxKm4whic^;eR1hHKrF?>~9>?)xi{EQ*?Cm&SZ5a$~gDJoqwDzdWea??ur<
z+bnPC=<e4y)~-#=?(U3EDReVB<1Z0k?_YKEgMZ`J^Bqxltm1kz^3*4!&I}ej`tIys
z>o4!)D{8p^&iWGHdTnK8>E@u1-0R=#%}5mPo4EeNuk^h&_j2b4onG+k?EK`3AD$_j
ztaz%cRJr^>{7qTiC(TFXj2lyTv&PBl?n~w`NX>s-|1>@_DspL$lEu});zO$*Fb1u9
zd&6MW-2<=vAMF=8mi$rT*Pg3#?O*t!r#}32DzMcgy<+h{*Wdpcem(fl@QZW($;kf<
z*F66-#7h5XaLW3d_0j!L_pkQ91@(Vfu0L7xpW(I2e};9v{}~pV*0mno&s#t7XMczM
zrx*Qmq%0TDk+NKWMfKz9UoYxx{;7dd>cz8C9gvVSWq3BVeyzI6>c5$#YSFUy5Agrg
znJ4t0Vf~W-3>RL1d0O}CKf}Cd`wjOo)SpcGF#T_>`oH%0<=WrF|9m(7abKc-&+*G&
z)8GGL{`WTcs#q!ikI%FJUXGs(syZj`2RGm9zi9nU!Coj_cyRZlT=!?2`-r-ctuOm)
zWnP`(x0x#+*8h|$S^w*&|MU3O7dG^rt($Rt{h5mOr}%mPGn}}%wEp_3daJ)l+mGLT
ztW#k4*SF69*sQAy_WIxW!T+Q5XZeMX{I}%4Rc`vRcG+CFvtp-@1guM*>Hh2LTbcQn
z?~8sg+qgLHM}5%F%U>nbw(i|lEHc4k2G@bFqQ9<%XDHsbKJR>|s?PM`e}*mLZ@#B~
zboZ_e_PLq)$UEdnQQ1sK_EVE@U%oH;tl(d*j&v`N|AF(tojcMjw%YhfKYmqL{n_2L
zJnE8uiLGBXuN(W;ecO{ZJN*^hzsr7Z(6jw1OD(SS+nA+4G}SycWsdqTNL91dh%d|I
zmPdpqPp{1C6B*~EKdd;Q-etLBQc=u0b62-lo`=FReocO${x;KW@{<fZ{n_WXF$VE^
zmqpnfRQ=D8w))>C`7Musbib98`Ec}PzaR7I9s3%;{aoJUlKy+gqkYNGx_(9$yc2#c
zAJMh(tACf_dET#?yBF3K7#_T3z%=(p%vbf-o@e#=j6KiRhA1r*m6)%7_RO8#kS;^`
z3P|76fkCC%-K5yRx1Z7dOog<Y|HJozYKwL*)mD03{d?nX$*&f&A8r@FonJTg<$ng&
ze=M)(i*HpiIQGrT#Q*o{pTbFue@`6$C>S^SgY-B5-5=8@udCRnsk3Dp<Dw19Ih*-*
z&-o?)G(Pi1l<l;}bhi14xuR>=Xm8Va7~8SBPlWH;ev5MzGlTZZXz$rQf7ufm^<a^!
zIe8P`6#r-7sS|%u&tuYZxujdQ`(M=^(Z5g5-o0_XNL*Cv`5C#XrghO)lUA!+zB_+M
zBXD_p({e8}4^8Q%y2>Rhta#Ro)}PqD;y=T6_WukQeCs^V|J(SV;q~JB7ryap=jr@s
zm{=V2pJ9Ea{TJc*Nt0`z{o4Mo?dq?1jvCQ_?vLXXay`0Xnd_?Eo&D=N{*=KQbiFRn
zOx95B{YP!`tk8d3c1_mp`~9u{Kf|Q65B-1r>Hm5C<?;{fAOAU9ms)pz|EI`3s{a|{
zJ^wQ-41c*EB5r<6{(az=zmb0#57@uEY8#mK`=9O7{|qJ9pWN@Ye^PLL|Lb4zf4TNY
z>hFJiFaEp#r}Zb_OV^)xxW4}Sm;Jv)%RZ!kT=h#Xy+i)s(pQO}-A#(m%3ObSVZV~S
z#BZM~AGZJLjdK56>;9i%A=lre&HowtLw@~d=&ken5&h3?t@6Kpi~loRXsz2AS$}*}
z{oa43KjS6;Gf4HH`8&VCPO9bY{nvq~+tOJQ3jZ^_T3NsM>*61E-?TqlEPJqa=dVkj
zd(X4{U9>;FJHPW*_N!eP-uZ%2$9#&CHI4cvn(tq}Py4}IfA75)-!I*GB{zNZ-tH%}
zG$-@)@ZYt&`s?l%bJp$5#|+~*f4kP5+jd`Q%TH5ZQ|0X+SvS?p7U#BVp0ND><@=)F
zE7@v3Yz{G$XZ$%`xZu>$gO3U>ZkhOj+kK0$&$G2zRk`1~YfY#A-E*y6(9%<R{@;Yc
ztNt5ahgPn?vC=mLocn^8YZ(>HdjTl}uS0vq3(z~qq32!|>pivox8+<d<KrD?OaC+Q
z)``FV&mgjO{)S8e`)La#-$j-!N%*dQY3D|XSr!qN*KfQ!{4nd$E3FdoJ?E+&FMPEZ
zc(w86uh6AO|9<J+oa4EF{r1cI^R|AQeqjF1sN)BdWV4SPvUQI*p_%9QLgD*=hTQ)Q
z)1$uBH^(!6(Qo;c@!Q6`aHYq>JpCvA-+Kx#`lqZ9zPUAoFKEBqxr(NBhPy)Qn7{M1
zx4cXYTHoD!<F>^$*^a%O=g*iu?`sIX)scKAu5#t-M_=#GU*@KzbuyAwB+z5QqAm?)
z^`rHlbYI1PeXstnDf?4U{+|0`{~0da+8?zi@;`&pwdMaA;y%^CP}{GXxBt5Te}-89
z&sl%<TkN?0Gbn%DFHp9~^&GFv#dEwe*I&)gi@)wtXQ|%_DJ$HNT9xsyJ<nQN^{-fZ
zWoAzK{LSzGOv~r2zkUhSS<3#S{o_A_as15voBuQXnPv|WFa4DY74QAn{`*R;eOSFi
z0srr<{vlEO{xkGf*55V#Y5%zYr;O=+Xxs4`_xm5;r-SO7duIO`CLV^>H*X)j1=lO*
z!S%{v@X$u~*S_VC<uhl^6Z_9Faka;PhV?7{Gkj5uUlSJp@y-1A^}TieKm7l>omKz0
zFZk#6SAY9|P5IAY`})&7lYgfCGk@DN)R=M?{(by)WtPUjkH4;5{W-@@q;A_bNrk^R
zS6x!zKA~g8E+4g7nbpakY2zNp^*1ZBy=VOn*y&xJA+Y<j;(@?$iJj-CS<k#WCv#oZ
ze9i~^x0)aLD}OXje)mTsU$*J1Z@GEy`X@P|p1b-#L(~uN@^>e1xIL4vet9K)!@mpi
z^7(aoS?5zzcU?a`?feYo`=4WE{xhtp&-ePc&$aIP;T<(`^4t>Fs$bQcf3!1a?>>4m
z@%kSNP-*RM`ZfKSZZmk4clnCLU>Y>I6WTTB<IhJE()uzjZKpksS~l}#J<~s-+ci-i
zn<L_~Hr|Lj*s0Q9mo}$LwXVHF{a}@QV~K^yUZG3U(H_6u?>wG#|83Rvr?qqMUYlOY
zdw1#Ks5^&lKb~cN>y-P#um5Vb-{?2gZ{1>bIQoU1(Zt-ZGOf)4zgL<|F#c!Q@t@(`
ze!WLAd{&#jO{{xmANt_Uc}C~&p~~;S+il!_&#6r&bk)Lii(P^zCNa%?%x)?1c-G$d
znUTlu*7Dz8xnqaAc*&t@T^c4_;E~=Xc~clCKRW+YY^(jR@00&CIGX;{F8#Nw{@1Je
z+2OClyX~JuU-{4Q`kp_iiM00mub2B@ul$!Azw|@<!T2Y2=8xE}c<ej~?QaCXJ^kxN
z|8doi2H@0^am5kbq6dwvuKt^8xm-Vgt=^K;$$S3JuYa<+!u#L8$)L{5<@ks3$A8ZH
zbK(d4e+JdX2mdpC{WkxXY~6h4@AZs-TI*m%`0xJ=3@_VO{JHSf`JZhXxD0>av;Rpx
ztPGFX%KzglxZ$+V=syFZ;q>mo`A1j3ptO&s7SH+{CeH*a#jk#t|EG7B|KFPBpVwd0
zw*PAQ*M8;tljk}9Gn}{%Z5}0W{?8CBfBDy}KdXD~d!3)vojeeKc>O2U_}6}SKPQwf
z>3?6Rw(@n<)_vW}@5J8qnfC3&!t!bUyB3t2{#+8WRN|QQ=C8M=Dtpf=zA5;lIcCd;
zf0K)=tF4aabN!rTJ%=^$%Jt{x-*WzTyjv4?HQN8O<bn@Rch|khKOHln?svbx*Vf;z
z|1NBwFKo(bGFR&1+duX>KmRjiJ$U|p`(NYp{x#ukZo7+a-k-N@fAqsUZ6;Dj9@Xj1
zYk#=M|ESQB`@HQx>H|VKC)9mh`mA}D<@!q|@ti-S@}f3?<0mr<8c*osmaMPOY8|^|
zc9mg%l>_IazHH6-H?Mw+vpueK3rpYkhxhNwt?}*V0vWeH`>x7R&Iq68d->M-;@v+M
zzp*urFaF_w<W_!n$&RhITF<n1d;auPe!X3m|8e}}*}JCacK1b;{bzU`UjJeKWA%<Y
z!B-p4E<5`?^Haj<<r|Oa?Y|#i9M3wZ;H^zi>4wvjYLoAu`Kzt)=;VVd8IMi-i@!1!
zKjX7lx%$jL!J3>4c6ynarOSMj_XKyoSz3SZNa3BT@Fi<z&*1tqZ>`jf%3Y<(Y5jK!
zeso35%33Q~tmf$|66PKd=&D?@fM>l}{fW)1>aTB^59$+m?lQkp|3V2?aIgH&5O)b&
zaHqYvANZePLDygX=6~Q~`<&g65BJveZf^8EtDVj?dDh?Hx8A>A)ahP;)PSa1){s`7
z+fsIu)!%*9L4>TwyyK;ye!qH4{TpTR&+D&9+kaL5^G)<;EjG~~$0h6cI)i!xF}(lY
z+Q)z5B`vXku`os-C<{H8{WYS7<4^Ki<M2cEpUg7tzkZs3ZhwU0GZy>jE7za=&%m+n
zz37YPfAc`imDOL99(~fa_ZL3*S|;%L-g(ZgF$qtuKb@2Qr%LSZoxlB!DT|#2&u`lB
z);VbV<u&QMc27;%-s-)luRw&))AU35Th-rg{vV|SYK5I9McCNq-8n7&^j(L2P5;m5
z^XC0n9lxdjt+@FS?$y2A4!bi<G@hhRi<oZ|<9SE$FDNaa-?;8=2V)5L7VT2m&(R<5
z^SO2P=?m_6?(W*L__kMsjsD^5S2~N<ga{oe@-AIo?DyGB+x@lgv;DqdFY0{Py@5nS
zRfpwro>m=B7M?%L*=Fv}SO4_&+n?-9c6@(?ukX`;<+W{sw5*uf->-ij8@9dM_`B=D
z(WDm-m7d2%m053?p>^X{*IeFn(Ff~zukEQ{>%8p6x7=cz8G6Y+?i{v}w>KP*ntfc3
z_3A&l*Wpreo3p=FZ?WL%p7F%*T>I~xf3v@oKg>Tgm;GT}t7zNg?5&$;=BfJMJ9Xpf
z*{~l+Ka_j?*#2;5&ika0J^lLGC9B&y_ZI*8yE%UD@$Sh-KY7hvS#IyQ`oQ~F<t_Uw
z_x7KunPs`I|M)$otN)~bG{s6sY&SeBSLXYlLFZZAxvl4l<Ck7o%k?36sb0$YQ?DPs
zN?i6bq<0piAGFKV5?)DV+=^D7BiOusoi%7`OJ=WcJa5JH&=2#rvn^kI-!pN=A%@6>
zzt=Ty=KJ}w@8{9l;~(U|ExBw{%TwjI>*C9KN&$AC-}cp6t$b5|<83^PvS`lbg)<+{
z@aj47s%WkB+f=&+zr)WxyJ^aEiGTLvXnFrh=~q9k>OKCzJ~sFMnO?33H8&Og-2Ha0
z*1fe)^#|wg=+jGoO0oCov0TvL%wJ`A=kUK>^FQC(ck1F-4byCkytU7xJ5mBpDwPz}
zckLHB{`BgnpF7TG)H^<{+$L|dRMPQP#`=3A-(CjRpLPrmpHn@t+^8lLbe=h=sRhZg
zdUhXw_5WoFf9(&dx31d1z6Gwfw%nC|W&cGmerZ8HsM4}MeqT=d>cnjYnwCp*9t0J~
zuc}>HAIpDq7cBR>CxFYxj4KPCO|5&m1Vk)eDSYFd9rJ&NlZhYt|F$dw567{c|LX;s
zTm4!4LH?gNe@p!vRq=nV@hi;gUxmN0pRoSukMn;Y$<1GFU-cmWd*-i6S@IvBoBv+6
zU+qu&e+K2cz5f~FFa2i#4ScVxKi+fy-K;+|KTiMCyX*Sjdf)#H3#Gp7Ft2f6^yi#E
zxCwUR`7FpN#5L8OKla~Bo8R^%;*aNYk9Ql_6t(O8XDBT^=f7R_z5SN?Z<XzPQl=lO
zlb_{bQeA$#yqxjpy68D8{xc-)E3#bq=kF@<o$JL#r(HOjr1?nuE%UX*X;(j(s5`aa
zR{C@#i-FN2cGc>e#aAvB2YE~Ov+oY6xxQ}N+O_kJ_k4@}1!<!CI2il&=RMrpwEla4
z{^yrrCcCB21_v}<IwqN?_bhkfQKtMd^$YcJceCG|Z`i-7c6)nGZ~4)W$BS19NlD8*
z)2L99`OhHz>sNU5th6siyYfP}zo^yoos?9Z)f;qs<uiH4{|u?s=VkoGwmynje))?G
zv*?!2ZPgS1{@s62@^AJ#e!d@d#}8ZOh*{<CG5fY*-Hk`x?^@sXSMAT1a+gxc5iIgQ
zwMVdTYI^3sZ`mJZ4jZqZ=|3yF#J>JiQH)u*mzLn3UB8+>UkSMJ*jAH0&ev+s%&axr
z?RqobUF|pjar8s7_m8a)Pp(-X81}U2+jZ~ni}H^Dsa^ef`SCc0tN$b`x?<%c8jhP(
z-qioId1kfM@9VE#GVS^NSpDE#<ww`smu%S^8olFSb@WupjQQ6=ixm<lrcXZoYDM@D
z{>DdkvTdoJR}cS5e`c&#bmd(3l8@gTO6%MHDa>}i`oQq4{GI7($}@`(uisl-bNy{e
z_F+N(Oz*UM`y_*}2AfM(<w07YYri7pZcsXH;9)zF^O*hJy2o=0k6+u{{-FLX|JoYu
zU2WGMg<mldJ3cd4W%f3?e}QjmcYj$g_pGl{+WWW0$#pzoY<*UGQ!8HH`Ldzn)y<l#
zSwh!0{#yRwKf@!o&X3~m-N6^%J=)oLUTgXHiF1ln;vZ(cF5cR3v@ZAu`=hwMAI`_b
z20QOEG-H@1ntSmKd%C}W-QDW&d-W{!8M^$Bj;?ZlraNs*_pWSC`R6ZBI{)$fv-;zi
z$L+6E-(Fez-g)QmYpzGG7>lgD8nfBf`e^Te29bC0T&x!V<3Gba`ClCCujz{?{?T8x
z>C0~&a83Qw{^|PP{~4~XzWd-m!^7*BZp*75|IhI01!4%H?h1Gap&mLX)a!&)BlBE5
z%WR^1a=P=*AN>CrRND{Pe-r8kH9$c%vi6U9#rWy>8UHgp+3>^t-=RQI7ppn_-@>})
zpIm?Pd+hHme)((j_dK@$4CV9Jzi5AD|M9W?@AjYJPmcH4KgqrJpW*ede9%C`SNR_w
z=l?zYXZ5G#WAdNOUe|y9YyPh__K*0VsD16`;DLmc&+aD0?xw$%)UniQ!+L!_4huFO
z)kuq*GUrmy*C+E%?e+Y!vi!I8l>K{Gy^-F0+K~CGA8*M$rXQ8-{&-zGHgi$L%q0hm
zyjE}1aC~*{-;B5Smsh>D<ElIV>-*8uSEq*mws#Ku`}NK0-Sb`w{QL0rZG7b)n;*rC
zYRoStUfL4v(sbAV+#CB!?S!Xy|1)%U{ww_`xm_su;L%Hm-M`O`{3Yjn=;~(9>Kq@-
z%sJ%;{xjTs@BG6*Tjr_Q@92qTXKP*_uz2EP-&kG!&-BfyRkNM?v^YX$GOE7}Tm6aa
z>#HQSSD{mH+m{`DsG0EM*i_L)LS0eX%v-#oG#0RJzq?|_<5@E<M=#S-EnCx=@$S6o
zkAokIy?$(bcr)ky#IUDE-?nQ*a@^+lx$|s3h;96E{fN;^sXM$f7oVS+{x9;(&WG3U
z?GM|aeQuv&jqIg5-HNJc@1vo+d&IZxjNdC<X8$-Ik>eWRIWFVR@zirsGtZXHv-`le
z{=@wv!WqBzuvsqtJ?THgY0K$0R==;CpRK#@w#QK5+mvnTpTE}F`sm!%n!Ny&!TPdm
z{a|Z;V1pZ?ZqE*vtgfnk`fOq?@7tD7(RU8qemqV5#w+)QU%$P-wDPmN(uNgNF1I``
zIh%Q9s^!W<VHv-fAI87U6z{aLFI`Zv$m8wTc*RN5&*LX0g*3?2bN^?s`l;mPQ><?h
zX32YVyPRv-v%c)p2cDJ~7|(gJx_I8P<XK6@S^-N#?@ur)053b(yJDrAmj1$rJB!Wr
z9)desmytSLppL84otY)p>l-8gGqfIk$p4$;=%3eLxlaGHz5d~!(|-Lr*7Sek;w|=&
zR;jlBS8h-q=q>CA4I7;K`?#_G?(^6GoZp+*&hp)3W}&v<e4l;|+sE>zuX~;TMVnnQ
znW;W0usm&cS9|WAuD`0&t@-$DUrjx_rJQk+OQdKU-_tw%598QEXNR78wexcCyV|tM
zNte%Qt_YdBrp~pMSK2^vLxH5*o%v3hd#=AwKdOII|Ij{5p}P@>|8}qPJU=sA{>0gN
z-1^J1pV)W&XJD*J{BZ8!tzQS%Z+X8<U+3~!pI`m&e*ZK5wJ&;p!pD<te>SB*yt$qy
zdDC@G)w8TuKG$W22zy;h44uyE`LN;kBx}L&FSg<VAN5ws&0co%PTW1O`>z)L<N3aR
z@zhX`o#(<mep+0b>bCNj*+e&$OckzGG20n5PM+Vsx7PH7@V9`SAC;Zg{n)Cq;qnG4
zUE8*kYV!ArU(~OyN<W}~GwSfcZobWr4CNNC{&14*?uCQz`#x1&za)5U;tI#(mQRvx
z%GRGTUZ++nys+`-{EZ*Jb5z^K_?bTmxma>KSL__OwMSCZEz_GK1?!H4GPg4C_qrZ8
zl_&c%*S!5!Ma9>m=dTOy>ZwfLBs8r{Q;HR7Aq{W-?!f2y>Px*c*IpJC+8yS&dAH5|
z$Lt69sy{m4uD0=ta-h-Ex9h^+yWH*n`8Iy8y?~wktNYx4Jk@&FI9xn6^V8D*4AYAB
z)8niDM%|99{Mh{9-o%gThd)KW(pdD&X7Aop>*Unl)E~dK@37K&_32jw)_;&^JW^xL
zb87PH_8;fZq{Td4Ip@0nNB#p*+YkE-oLuzkgUHn4r{KnE%!k+SV~(5tj+Odw<nXPa
zoAb}#=t0R##d9FdbhOnn7{i7rsxrNk;+=Q=ke~k}`kuglh7D8fe~H#Dy!D@9W&DDF
zp+Cz%xZ8i&Zln62A&~<#<Ldrzt=-fg&n4^S<l5iMaQ}O6AOA`JQqaYCj=CjA`Crp*
zu124ZSf`LOmD%kuYeb6tp|vN!`?`KvS+x05Sc;dH=gL>R<!$~1{GC{1__$ML?`6pn
z-N1dxDxANU*{zjNd>=dg;QoeR;)iT?#m=ejxRMr-r=KEy_x8Tae>AUmeKnkWXa1qN
zaZ`Oxi-+}Z_%`q5<G_;}Ojg$>iL6!VSI#&ts_QbprZ_l!wtV!w=cf(@U33jVj#?NS
z6vbv1=e=O1WpjF2<@uxUn}3BL&F4Fvyuxi!>gn4t>+f~$mjC!|{kioW@%*LvZFWkN
zJ+3Jjo|^gTDJY8dDoVevzuFT%uO|M7?UFy?AO38!YFZVe7kBGr-5=i@{~7wXWxp=6
z`BYgO%JrXt@q>)};SFb2TJ5Os`ExY&gs#uCUG*LHAam;!r@LQ$+jVN@r{!RC>wf*d
zZg{rtX8RFmVg5}2w0isS!&eTSy|fZK7qbha#Dw%s5X%9;C2PhN=2@ZVGA$R+3c4Y8
zJokh1KX3jP`!}lmpl0;7{|v9DgWA!j*Ehv~ir6FnpCM5LG!y2!9X4@pdMy6Ez!&@S
z2mIfw?ycDBDiVHJenqP)=oV;K5r#kl_}cHS!pS{feuW&Hb=NRZduxic_2zSS1~qb*
z_Gwq-MN5APnOXGhyVs72*&EM){<i*He}_CMEbLS!dtB3<sp|8y7+ia7Uca|)?V~-P
zAG064EC1+t`_qkACc3<yz8zX2y^W8a_#D~>MAS&>&$RU%v(im3|8f3Nz50*-N0wQ7
zYZ=`o4N-DYn%o{k18|M>O_@KK+uUmzbhP~?S|bokxLPirWw|iVbm#3F;r|Si4nO$M
z@SD>aG&k}}b@{KB{|u$|6V{(z-?aZzgbgTUE$Y80#;^GHpW)Si2K^`6ALki?7Va$k
zJ)Pk{1Kajhx`D2uACA9T=nA^mg*eO{{qBlypYi3F!BW{JM_txkosjeHyycJGAId=$
z{?0X~ETQo5{m&qubNzYv5&d?n{fFfRJ(pyCI~r^J^gO7)3o26LSG}?L&+s~J&+kX?
z56LP&THc<z=}MsMA*OHNwLtOnpFuwB*PVXbdGVpa>pvJju;_13oN=kN;6H<uy`l7S
zk#pJ0f3$yi9sVQrkz~o-D5k!hhNod>gNmy(xh>jQi>oEiQ4=nM<>Fc9xlg`)vsgQy
z=ZAaj$E7#7UD&dF_IGy12i=Cv|1OuU$qHNUe1E02a#hKy@T|EOu`}*`Tk3HuQ&dpO
zGva~PvPbn?zuF(Zf8)O9Rkz4L%`21r+uO{{{xj@Nxc|PMw^sE*e8WDzA7v|kmCcmC
zTYvuSrOHp~5)Zzu?>Y7{j-R`<J?6~sH~X76-dJsQewzA;dWL^YKTZdIJl4A2bE&kh
z-l1346K!AIex_k*A^QE4zl`9jxzBqK%NkU!)|Tk!ZZNRYIPhoX+5E|~{+u^FtM#nZ
zc4=s~{H7-}ZF!c>UM^leZN;LlkNy>;F6Pg!z16w#SQSb}+NW2ee5p>mA}`lIz*T5n
z+`XsJB4=w|$sea5`K$jJe-xP&ww|%~@%ibX-V~_kQ@45>!}+Yw@4N4FnDlqs$<8_)
z=qjuickf}{7jSX4wKmUv-g*61E3f~ML@uq4<XHt*X1&~}_{S2|OKb8~4r@5}a=u>t
z&vc{b?eSI5LMHxaxMs2b){5)Pqvmg0zS(|$p+(e;%-@!OJVH-xuw0t6%{S{u`oUe#
zd-C_4Uz}+kHRV;ov0Jhy?C+U=(Ql|vk}Zz-^z5VCqFo{CEVplM`{`l3`H%g-U7t5b
zt`lb4`O!3Ix7<2@rQ?rh^-7h0wo7&`FAWKLbDS~6Q2pP}XM6n*)Nju3w<$Ss?N{>4
zX}$+{>~`d5-x2)TVEuL*_TTnD^dEl7{yTr^vCqlbcVhTWPs)D2wO8$)#p940jn)FI
zyME}Di~HVx6|jBgudw(7S1tz~^Y^=#ezuPBZ`U5<ho41${dxaL`W|Cn%u%L^=TGcE
z8t;%HCv)kKZQizDwNuI_tT^ED=+klebK9g<cRZSByltPfaNm)ny|1R~)lF<ZZ7@Su
zBY4Ba{y7N=Azzv1-{Z@wdh~Md`Bd$a4O6xRIvgTtIX`0AKTF<}lY9*4{g>MA3XZ7R
zYIK$9&gb*p@*G?GyY|UW_r0>1DK6^PE7QY={?4dQU%xH;#2@zGA{F_LleBxwo^IVe
z^}(_IySA78`*#14>6gp3hkZNdF5By6*`_vEKh>|S^TDG{Iigjo)_TObg}2w}Fa41x
zvi0(swQm+VHcb0inf&qV+6xPU!{2jF+VfoV<h{H%-!h#<9xe8bRMc3yXyOV`#Q^df
KsIHa&e-i-bp95<E

literal 0
HcmV?d00001

diff --git a/docs/en/related_documents.md b/docs/en/related_documents.md
index f98e4dcf..7d93ff6f 100644
--- a/docs/en/related_documents.md
+++ b/docs/en/related_documents.md
@@ -51,3 +51,13 @@
     </div>
   </div>
 </div>
+
+
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/img/related_documents/Page_logo/VScode.jpg" class="mr-3 mt-3 " style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="https://github.com/m5stack/UIFlow-Code"><p style="margin-top:20px">VScode- M5Stack Plugin</p></a>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
index a59e6a71..eec63f53 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -252,7 +252,6 @@
   <p class="item-title" style="font-style:italic;">JOYSTICK</p>
 </div>
 
-
 # BASE
 
 <div>
@@ -403,13 +402,13 @@
 
 **Sensor class**
 
-
 ## ENV
 ## EARTH
 ## LIGHT
-## ANGLE
-## IR
 ## PIR
+## NCIR
+## THERMAL
+## COLOR
 
 <div class="item">
   <a href="/#/en/unit/env">
@@ -432,20 +431,6 @@
   <p class="item-title" style="font-style:italic;">LIGHT</p>
 </div>
 
-<div class="item">
-  <a href="/#/en/unit/angle">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_angle_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">ANGLE</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/ir">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ir_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">IR</p>
-</div>
-
 <div class="item">
   <a href="/#/en/unit/pir">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_pir_01.png">
@@ -453,13 +438,6 @@
   <p class="item-title" style="font-style:italic;">PIR</p>
 </div>
 
-## NCIR
-## THERMAL
-## BUTTON
-## Dual-BUTTON
-## JOYSTICK
-## CardKB
-
 <div class="item">
   <a href="/#/en/unit/ncir">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ncir_01.png">
@@ -474,6 +452,103 @@
   <p class="item-title" style="font-style:italic;">THERMAL</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/unit/color">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_color_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">COLOR</p>
+</div>
+
+
+## TOF
+## HEART
+## ADC
+## MAKEY
+## GPS
+## FINGER
+## WEIGHT
+
+<div class="item">
+  <a href="/#/en/unit/tof">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_tof_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">TOF</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/heart">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_heart_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">HEART</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/adc">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_adc_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">ADC</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/makey">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_makey_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">MAKEY</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/gps">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_gps_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">GPS</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/finger">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_finger_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">FINGER</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/weight">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_weight_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">WEIGHT</p>
+</div>
+
+
+## TRACE
+
+<div class="item">
+  <a href="/#/en/unit/trace">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_trace_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">TRACE</p>
+</div>
+
+<!-- # HAT
+
+<div>
+     <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
+     <span style="font-size:30px">HAT</span>
+</div> -->
+
+**HMI class**
+
+## ANGLE
+## BUTTON
+## Dual-BUTTON
+## JOYSTICK
+## CardKB
+
+<div class="item">
+  <a href="/#/en/unit/angle">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_angle_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">ANGLE</p>
+</div>
+
 <div class="item">
   <a href="/#/en/unit/button">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_button_01.png">
@@ -502,46 +577,24 @@
   <p class="item-title" style="font-style:italic;">CardKB</p>
 </div>
 
-## COLOR
-## TOF
-## HEART
-## RFID
-## ADC
+
+**I / 0  class**
+
+## EXT.IO
 ## DAC
+## RELAY
+## HUB
+## PaHUB
+## PbHUB
+## 3.96Port
+## M5-BIT
+## PROTO
 
 <div class="item">
-  <a href="/#/en/unit/color">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_color_01.png">
+  <a href="/#/en/unit/extio">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_extio_01.png">
   </a>
-  <p class="item-title" style="font-style:italic;">COLOR</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/tof">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_tof_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">TOF</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/heart">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_heart_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">HEART</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/rfid">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rfid_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">RFID</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/adc">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_adc_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">ADC</p>
+  <p class="item-title" style="font-style:italic;">EXT.IO</p>
 </div>
 
 <div class="item">
@@ -551,29 +604,6 @@
   <p class="item-title" style="font-style:italic;">DAC</p>
 </div>
 
-## MAKEY
-## RGB
-## RELAY
-## HUB
-## PaHUB
-## PbHUB
-## 3.96Port
-## PROTO
-
-<div class="item">
-  <a href="/#/en/unit/makey">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_makey_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">MAKEY</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/rgb">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rgb_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">RGB</p>
-</div>
-
 <div class="item">
   <a href="/#/en/unit/relay">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_relay_01.png">
@@ -609,6 +639,14 @@
   <p class="item-title" style="font-style:italic;">3.96Port</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/unit/m5-bit">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_m5bit_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">M5:bit</p>
+</div>
+
+
 <div class="item">
   <a href="/#/en/unit/proto">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_proto_01.png">
@@ -616,19 +654,18 @@
   <p class="item-title" style="font-style:italic;">PROTO</p>
 </div>
 
-## EXT.IO
+
+**Communication class**
+
+## IR
 ## RS485
-## GPS
-## FINGER
-## WEIGHT
-## TRACE
-## M5-BIT
+## RFID
 
 <div class="item">
-  <a href="/#/en/unit/extio">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_extio_01.png">
+  <a href="/#/en/unit/ir">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ir_01.png">
   </a>
-  <p class="item-title" style="font-style:italic;">EXT.IO</p>
+  <p class="item-title" style="font-style:italic;">IR</p>
 </div>
 
 <div class="item">
@@ -639,49 +676,13 @@
 </div>
 
 <div class="item">
-  <a href="/#/en/unit/gps">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_gps_01.png">
+  <a href="/#/en/unit/rfid">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rfid_01.png">
   </a>
-  <p class="item-title" style="font-style:italic;">GPS</p>
+  <p class="item-title" style="font-style:italic;">RFID</p>
 </div>
 
-<div class="item">
-  <a href="/#/en/unit/finger">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_finger_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">FINGER</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/weight">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_weight_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">WEIGHT</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/trace">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_trace_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">TRACE</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/m5-bit">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_m5bit_01.jpg">
-  </a>
-  <p class="item-title" style="font-style:italic;">M5:bit</p>
-</div>
-
-<!-- # HAT
-
-<div>
-     <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
-     <span style="font-size:30px">HAT</span>
-</div> -->
-
-
-**C-HAT**
+**C-HAT class**
 
 ## HAT-ENV
 ## HAT-PIR
@@ -711,11 +712,13 @@
 
 **Visual class**
 
-## RGB_LEDs
+## RGB_LED
 ## CatEar
 ## HEX
 ## NeoFlash
 ## BUTTERFLY
+## RGB
+
 
 <div class="item">
   <a href="/#/en/unit/neopixel">
@@ -752,6 +755,13 @@
   <p class="item-title" style="font-style:italic;">BUTTERFLY</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/unit/rgb">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rgb_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">RGB</p>
+</div>
+
 ***
 # Application
 
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index 1029e4db..a4406016 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -146,7 +146,6 @@
 ## BUS
 ## GoPlus
 
-
 **拓展模块**
 
 <div class="item">
@@ -198,7 +197,6 @@
   <p class="item-title" style="font-style:italic;">GoPlus</p>
 </div>
 
-
 ## STEPMOTOR
 ## SERVO
 ## LEGO_PLUS
@@ -234,6 +232,7 @@
   <p class="item-title" style="font-style:italic;">FAN</p>
 </div>
 
+
 ## ENCODER
 ## JOYSTICK
 
@@ -253,8 +252,6 @@
   <p class="item-title" style="font-style:italic;">JOYSTICK</p>
 </div>
 
-***
-
 # BASE
 
 <div>
@@ -274,7 +271,6 @@
 ## M5GO BOTTOM
 
 
-
 <div class="item">
   <a href="/#/zh_CN/base/lan_base">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_lan_01.png">
@@ -374,7 +370,6 @@
 ## M5CameraF
 ## M5CameraX
 
-
 **摄像头类** *( **[上手指南](zh_CN/quick_start/m5camera/m5camera_quick_start)**&nbsp;&nbsp;&nbsp;**[摄像头之间的对比](https://github.com/m5stack/M5-Schematic/blob/master/Units/m5camera/CameraComparison_zh_CN.md)** )*
 
 <div class="item">
@@ -405,12 +400,15 @@
   <p class="item-title" style="font-style:italic;">M5CameraX</p>
 </div>
 
+**传感器类**
+
 ## ENV
 ## EARTH
 ## LIGHT
-## ANGLE
-## IR
 ## PIR
+## NCIR
+## THERMAL
+## COLOR
 
 <div class="item">
   <a href="/#/zh_CN/unit/env">
@@ -433,20 +431,6 @@
   <p class="item-title" style="font-style:italic;">LIGHT</p>
 </div>
 
-<div class="item">
-  <a href="/#/zh_CN/unit/angle">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_angle_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">ANGLE</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/ir">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ir_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">IR</p>
-</div>
-
 <div class="item">
   <a href="/#/zh_CN/unit/pir">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_pir_01.png">
@@ -454,13 +438,6 @@
   <p class="item-title" style="font-style:italic;">PIR</p>
 </div>
 
-## NCIR
-## THERMAL
-## BUTTON
-## Dual-BUTTON
-## JOYSTICK
-## CardKB
-
 <div class="item">
   <a href="/#/zh_CN/unit/ncir">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ncir_01.png">
@@ -475,6 +452,103 @@
   <p class="item-title" style="font-style:italic;">THERMAL</p>
 </div>
 
+<div class="item">
+  <a href="/#/zh_CN/unit/color">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_color_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">COLOR</p>
+</div>
+
+
+## TOF
+## HEART
+## ADC
+## MAKEY
+## GPS
+## FINGER
+## WEIGHT
+
+<div class="item">
+  <a href="/#/zh_CN/unit/tof">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_tof_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">TOF</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/heart">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_heart_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">HEART</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/adc">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_adc_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">ADC</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/makey">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_makey_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">MAKEY</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/gps">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_gps_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">GPS</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/finger">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_finger_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">FINGER</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/weight">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_weight_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">WEIGHT</p>
+</div>
+
+
+## TRACE
+
+<div class="item">
+  <a href="/#/zh_CN/unit/trace">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_trace_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">TRACE</p>
+</div>
+
+<!-- # HAT
+
+<div>
+     <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
+     <span style="font-size:30px">HAT</span>
+</div> -->
+
+**交互类**
+
+## ANGLE
+## BUTTON
+## Dual-BUTTON
+## JOYSTICK
+## CardKB
+
+<div class="item">
+  <a href="/#/zh_CN/unit/angle">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_angle_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">ANGLE</p>
+</div>
+
 <div class="item">
   <a href="/#/zh_CN/unit/button">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_button_01.png">
@@ -503,46 +577,24 @@
   <p class="item-title" style="font-style:italic;">CardKB</p>
 </div>
 
-## COLOR
-## TOF
-## HEART
-## RFID
-## ADC
+
+**I / 0  类**
+
+## EXT.IO
 ## DAC
+## RELAY
+## HUB
+## PaHUB
+## PbHUB
+## 3.96Port
+## M5-BIT
+## PROTO
 
 <div class="item">
-  <a href="/#/zh_CN/unit/color">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_color_01.png">
+  <a href="/#/zh_CN/unit/extio">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_extio_01.png">
   </a>
-  <p class="item-title" style="font-style:italic;">COLOR</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/tof">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_tof_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">TOF</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/heart">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_heart_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">HEART</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/rfid">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rfid_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">RFID</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/adc">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_adc_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">ADC</p>
+  <p class="item-title" style="font-style:italic;">EXT.IO</p>
 </div>
 
 <div class="item">
@@ -552,29 +604,6 @@
   <p class="item-title" style="font-style:italic;">DAC</p>
 </div>
 
-## MAKEY
-## RGB
-## RELAY
-## HUB
-## PaHUB
-## PbHUB
-## 3.96Port
-## PROTO
-
-<div class="item">
-  <a href="/#/zh_CN/unit/makey">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_makey_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">MAKEY</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/rgb">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rgb_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">RGB</p>
-</div>
-
 <div class="item">
   <a href="/#/zh_CN/unit/relay">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_relay_01.png">
@@ -598,7 +627,7 @@
 
 <div class="item">
   <a href="/#/zh_CN/unit/pbhub">
-     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_pbhub_p1.png">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_pbhub_p1.png">
   </a>
   <p class="item-title" style="font-style:italic;">PbHUB</p>
 </div>
@@ -610,6 +639,14 @@
   <p class="item-title" style="font-style:italic;">3.96Port</p>
 </div>
 
+<div class="item">
+  <a href="/#/zh_CN/unit/m5-bit">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_m5bit_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">M5:bit</p>
+</div>
+
+
 <div class="item">
   <a href="/#/zh_CN/unit/proto">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_proto_01.png">
@@ -617,19 +654,18 @@
   <p class="item-title" style="font-style:italic;">PROTO</p>
 </div>
 
-## EXT.IO
+
+**通讯类**
+
+## IR
 ## RS485
-## GPS
-## FINGER
-## WEIGHT
-## TRACE
-## M5-BIT
+## RFID
 
 <div class="item">
-  <a href="/#/zh_CN/unit/extio">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_extio_01.png">
+  <a href="/#/zh_CN/unit/ir">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_ir_01.png">
   </a>
-  <p class="item-title" style="font-style:italic;">EXT.IO</p>
+  <p class="item-title" style="font-style:italic;">IR</p>
 </div>
 
 <div class="item">
@@ -640,46 +676,13 @@
 </div>
 
 <div class="item">
-  <a href="/#/zh_CN/unit/gps">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_gps_01.png">
+  <a href="/#/zh_CN/unit/rfid">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rfid_01.png">
   </a>
-  <p class="item-title" style="font-style:italic;">GPS</p>
+  <p class="item-title" style="font-style:italic;">RFID</p>
 </div>
 
-<div class="item">
-  <a href="/#/zh_CN/unit/finger">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_finger_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">FINGER</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/weight">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_weight_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">WEIGHT</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/trace">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_trace_01.png">
-  </a>
-  <p class="item-title" style="font-style:italic;">TRACE</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/m5-bit">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_m5bit_01.jpg">
-  </a>
-  <p class="item-title" style="font-style:italic;">M5:bit</p>
-</div>
-
-<!-- # HAT
-
-<div>
-     <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
-     <span style="font-size:30px">HAT</span>
-</div> -->
+**C-HAT 类**
 
 ## HAT-ENV
 ## HAT-PIR
@@ -707,13 +710,15 @@
 </div>
 
 
+**视觉类**
+
 ## RGB_LED
 ## CatEar
 ## HEX
 ## NeoFlash
 ## BUTTERFLY
+## RGB
 
-**Visual class**
 
 <div class="item">
   <a href="/#/zh_CN/unit/neopixel">
@@ -750,8 +755,14 @@
   <p class="item-title" style="font-style:italic;">BUTTERFLY</p>
 </div>
 
-***
+<div class="item">
+  <a href="/#/zh_CN/unit/rgb">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rgb_01.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">RGB</p>
+</div>
 
+***
 # Application
 
 <div>
@@ -802,8 +813,8 @@
   <p class="item-title" style="font-style:italic;">Demo Board</p>
 </div>
 
-
 ***
+<!--Below is adding on  -->
 
 # Accessory
 
@@ -861,8 +872,8 @@
   <p class="item-title" style="font-style:italic;">Frame</p>
 </div>
 
-***  
 
+***  
 
 
 
@@ -908,7 +919,6 @@
 </div>
 
 
-
 *** 
 # Tools
 
diff --git a/docs/zh_CN/related_documents.md b/docs/zh_CN/related_documents.md
index b6ed78fa..a8fe0d2d 100644
--- a/docs/zh_CN/related_documents.md
+++ b/docs/zh_CN/related_documents.md
@@ -49,3 +49,11 @@
   </div>
 </div>
 
+<div class="container mt-3">
+  <div class="media border p-3">
+    <img src="assets/img/related_documents/Page_logo/VScode.jpg" class="mr-3 mt-3 " style="width:50px; margin-top:5px!important">
+    <div class="media-body">
+      <a href="https://github.com/m5stack/UIFlow-Code"><p style="margin-top:20px">VScode-M5Stack插件</p></a>
+    </div>
+  </div>
+</div>
\ No newline at end of file