From 5187705e59bef2269d4e015c041bd6c256c49807 Mon Sep 17 00:00:00 2001
From: Vincent Zhang <zhangwei983@hotmail.com>
Date: Tue, 9 Jan 2024 21:55:02 +0800
Subject: [PATCH] Add Internet Identity integration sample.

---
 .../3-ii-integration/img/greet-frontend.png   | Bin 0 -> 21579 bytes
 .../7-code-examples/3-ii-integration/index.md | 425 ++++++++++++++++++
 2 files changed, 425 insertions(+)
 create mode 100644 docusaurus/docs/getting-started/7-code-examples/3-ii-integration/img/greet-frontend.png
 create mode 100644 docusaurus/docs/getting-started/7-code-examples/3-ii-integration/index.md

diff --git a/docusaurus/docs/getting-started/7-code-examples/3-ii-integration/img/greet-frontend.png b/docusaurus/docs/getting-started/7-code-examples/3-ii-integration/img/greet-frontend.png
new file mode 100644
index 0000000000000000000000000000000000000000..be07b745db3e107ce584bb594b7bce93d0bf1768
GIT binary patch
literal 21579
zcmY(qbzD^K^FB_4fP_j3xRjuDNh<5o3P^WJDBU2<0)k7kNS8=Rw{(g$DBa!N&9dx%
z56|<wexLX64|X}{?3r`lbLO78=9;-fRo=<nCwxqZfq`-Vjl8rP1_ssy1_q`G0TyuP
zXp9*Jd||q%$w^|A4$y4_2RIfGB?tyaMKlr81Q$5I=P0l1f`LKOe)osj?T~MdfuX+i
zMjE2wVYHua5%*}k0oA-)>eia3eA$oA@lJaAIgl_c%T#PL=@t7&+>Q{M&@9EBH{Wr{
z<A@36AH_U-OV%5>_6*|uPN045B{HM1xiMF5(sfYL-Hmk6;nl7o#l?cA;lqWz#Ti52
zzZ8-Lj6ra?6w%!`8P#`O;8QY$Xef{jIMIP?3AsDHf`zFAPid!8Xf@CsvNAPl45%OO
zt>;3hYrJkSAC?K{)^S~c4Q#tk&?<?U4O@l3({)t~?G0gTJ`NK8cGR`H;9<~_zh<^`
z!Y8j=8ZM{L0(#NK%=I;zdUcty7Z!O;MoFgsj7SoCH3SJK(WzR@^8NS&`6PZXUgzEP
zZlrg!Q?&3wL3r3Fxu=I(rs<z_t46cvS!MEUqfh!8o0JS?=Qbkso1KdI>_gv9n?|Gt
zXEhNGKTq9>W2f{}k1LF(%~ltByo%>Aw-njhXF1^&KA~GRk@bSIq{cE{*jjHp60b7{
z^<Y0<C+dwMd3pmAt5T%%_2$-CMx>Lc>yERT0cCo_AL>L?Og=FRB1wg&;hYRk#Bf$8
z<?Z`nrf^EH>|ERh%Mqm5k8lwlR=aO}1Cei1Z6X%Cb9{}dMq8tmG9JbXvElLgMpYV6
zwT8bz571h8uiBa+g;;O(r5W8k6J!LqQkElAa`grO(!NkS?<%Nx@}h6u!F05hudCo5
z&EmX}`Lsf;d!(Ma<JwonBktuy+yYVOiu@Z+b+OE6=nu|M$mYI;7(H#b^WX}p<TTT$
zv=$kAmXQ6GV%8)gY+1#$l5((0ULspYGf$r-Lw0OCPS{#(JCZfMoZwqKOQ#F<4-b;;
zM}v&<Oq5Fk<;5bT4jO-94@haUtwo5Bzdy2t8AyD8uE)Ix%eqf)Z<fLL+alzuQ5g8F
zo1~^_4|tZteOP0eC?o#&ZSd@rNyHHill`Ua6)}13xQtBLriy8LjZW1x)3^(Dju*-2
zB?0L%oD9a5FVru*5-Hm62FNSh>DZIRnlQ=!R^1jqtD%^hq$8=JZiZHyLv@(l%`;wx
zgA38g)am)(Kuy>>Jw2ZOg~_mPVkW0`D_3k6E~{j_)7WG8hwUH9*4-zE=7(>Ggqw~~
zd9F%2805=n5&{1+><BJqc~bs8msN74tx<akQw=-ieS1u&_N3zb3`w*^;g@!@WdZ55
z0%@7T>(_!d4Y?xqy!XQdq=5%#uZTuCy)Cu~<9io%TD&dVEyJwViu*jH;<+$uXPoM@
zJ}pNIrj(qYkJSo$dF981&H|gsRAXCyXC{^oU>0R+ipPE6Dx@HhdO4ldy24v!jo%~_
zjtXnH%tR2oUDq`f$B8u!>unzC?vp(jC(*o<QB8#xI`hSdmxjq&Y$;N<&D_$Bq=Gm$
zQ$yrT)p+wrOFT%rS}I0sVW?`B_S}tx{C;5j&<>p`&4Of!<Cd9Wdi&j3M&0Eht8ig2
zT!&1~d<v2ey5S9Cu!t^eSo!0u0o6RQ*yZ?qyDeOA#w^w;B66jXNztG)H<HW-F?^pd
zTALvS9B%J*fyo?GJ<Z+Tp?e!FCEaPUl~wH0u~kT~W?kKG`XWeC0-OJunBYQETB)3h
zDTRfd&MTA<W`q!f!CMA03ALn(978_PD7lg7?)$gH$4SPmJ93^&Fw45pT0f#7@vSOw
zA!uhTr2lOlLI`^YNU#PpH_W2CJfvW}Nj5Srx+GwpF7<*=2d=8U$t!JBEyYI@HquP=
zt(Q_s?S&}g>aSuh{&iS_7pMGmPdoxg{R$zx?ovCM)>Bkc7{hhvz8)}+X-qy!{{t3u
z*c@~iNP4uH{3tO~c5q<W#yp&C#T*icfKB=s__>;|e_?jUzw>}hX+LSBxjjthv@4!u
z-ZGX2UsW-@kmI(#G$u4gfB8TPILDl1RdvIk$iFnkogaKCHm}9_1UgP7ee}reP*!c(
z%-i5Q$NKS}K@XCxODW=9G2#?C;u1CY_`x1mh#J=MLg4Z()twj`myO!&hpYVG?>W&V
zO6d?()H3`q?$gZ=E`u@)lmGLe%Co;TtE(?p&0ft)iSUds1U_;_yw!o9)X%Q70zU{6
zR3{l&6qVq{=3ax9s;}iPnK?jCX74|u%-N9sHYfehK;AC*BAuMRRXBYssJ$Pb8W`P-
z+k5Iq`Q@SNy}NNLE4lrxtBa^`qFH_T^Ir);X#X{_J7uK2Fk5*k>HO;I->85?$s#3R
ziVxDe3lTvEH1vsl>;s>lO@1c*N86I65m7MQUTO;Ee_{%pjGv#|%sdTW^?z=mAtlQC
z9}(C5+^gYr#M1RoeEtnM&g=aioq;}W^$ft{3GO{*Uf~Z~^E%4>Cpz`SlOHFC;hIp~
zU1Q8N_b~VZHz1X$`scUx{4XU=Pp={dR|VGp?*<bmn*SUBT3`9qACqI6kpFK+Ykd~S
zG#Q=GzwWldDF2aK&X6pn*?Ye9Z(M|PNUaEb>G=O&|6hSiSAW`^{zss61;b~J|GAwP
zl+pFU=k31=QNcQ8WcfdB`8>#Y{(py$i1^`@Id7ij=U-pDZYO&4c-L&4U!AY?7Y%@0
z&h`w$-x=S`hkiPJCvi2J%*`=q<~>o<R7Uy;_05>EQAT9^Mo5!0RqI0OQ}5Dbcr1u#
z&riFJql8GTld5IDCI8a5b9*q3*gMa5hRssF+Q!aKH*`;yfN`x5A7$px4(LB66?Zyb
z|9HBz-;uWbG3Is+Zr(`knti<vH-6Z&LefL_8`iv|^w}jLq=rdiP+;l3r`Y0}oOGHl
zK4o+vWRgAOVMm}U2FzG(BLQoNwpL0GnJC$v0MMYKgpQ7uAqR}af}Mk1`|tC2esktL
zJKBjJSJ8oq4+)KxIDKAKl<TWiYz~J#UA5uKNMwE}Nl@R{6FT?^cr9!zTs?=^6d;Gb
z7t<kKyA#)WvIos{HL^K1Th7<TjKTBvLf+wC<DxA`KZ1Uj-U}{cDMT^fLuGH3B*-|_
za(Z3PWL=hVrCveKmrG7~g9OP98(gnXGthIj4#xFQ=n9L97X5DaN$AChY51k>nS!pA
z-brc+amq_30G35=3z<mg@cuCF8S7@LH{ZN<)@0Us;;{_bUl0GFj!)S%*SE)ojB7z1
z>zOXoz6o|<rD&P2JW5ZHIjrW~@v~Enwh8w#(iYpB-f2%=W4vcY=ZL4Osyb=l@;6pl
z;<+#`%x!m~Z3}q`MZ3?|*bSzOv(-M3L}H_u72@w6Zv{E&v++WD4VzO1=51=HiL2>6
zjoxR9Utj<EC5bB-y~DW)otgwMG*Y6n>$=@Kn@c$kd<~rzwK{M0H2=IQ<Kp-#=N`YZ
zvf_Jl!Pw_UL_t9z5B4|=7jE-tj|}<XT2NBb8WoHanvlig%+g>+lWn3n{X43usj1#&
zGiyDG&#cC7_6uZ<MBMSQ2u?%Kc@Z&kX^9xM+lnHZ)Uqcexe7%dqES2~W0fEJ&AOv{
zOM=MIJ#Tx|xCn|ETCSI+drMB0lMN&Z1f8InFR_L5XDSMhZpHtWGBN0GKp(Xv=UkEg
zKxJN$s-lOGa>sHd3W!>68b|kYl;#PG0oFAAJ>tX680|GyW_cmfmq!>2H&{6!%o%3d
zHcgRM+AgEDPVnuvvL%nVS6fnxA~sSQMnW$w;EK#ZUxNfciI9;5By2HFmhnq|gg7!7
zn9~t~-RnciR)mv}lke8B^jF;H#l_bQL7k*U->$Fcj<Zw}rL4nw5~H^4FCJnRv|NKa
zK?a*8&?>cCx!teP%ivO;H}x$n`v|qc`xHbkwb>1Ba1P;&Qt%DTk*2vEsj&r_&w$35
zdP7a|kgzF&)s=p_UyYW&6$}Wbutq!#-&(s_R()^s=J)RK{jLa_)nkt#Vs0F{+LBSl
zbTJAk6UAK>?R$(r8G_(l@ML&AO-3-_TmgSwKb8e{<xAu2SwMz)LoEYIn*@y(>4*(Q
zbG*<S{u0(UJfL&ZQ6#D1ZMLQpdZM$pL_w{L=S^!1%j%b}e`xz!Jjyrr4o|8ian-1h
zuzW#`UB$qrrk5sEsIxq9+pAx6?}@w^nHIBOMPOabcqQ)aSlf0R)#2yJR>{e=wfNqY
z<C?7u@lxiB^H1SIKesL0@)Eo@o+2m4m1Cmy43PRwvm*FjdM&qz)Ibf04ZkxYt`wv1
ze99gd!JqC<%HCx&h*k!djlgA2FJWE&0xb{jZ99K;_4=tSh3gysn^6Cp39!!qT4e_`
zgCzC6&92r$`=g)zZKx2u=^DYb>-(}`<iam~xN5?>F_2Ca&hRqmmo?<Qcsc!(->b(u
zdA<y%jGLL5cokX<?@2nA0ArU?s2?Ya!0qbjkxxSmI{k|J1^uPDbhgGyp}ONwKD^i%
zAlD{J6#f}=eWHle1mak21tGX+@$#PTw=2%OV6?~86HIv<yw*_U<6YOYhVdJs%qi~O
zz@j7k!J6Z(0$%gSi-!S)KM$`#hc!WHm0i%J?k4n69`z2W5M5Vs7Ay24qvkp7Tn%E#
z+A{%yZS|zy;LqTYStWzKZO_3JN!|)aTRTn&|Glpn3l_hgy%z-3U4$kJ8GTKgqip9x
z9P&A9a^#0XCnYBFeZ3mnY3IcjU+35z_z`=#>Y>8pFZsK_E|=<lO^VuVaR`ferU?y@
zF~5h{+Y!FM;bk4b|GXM}^O(+p<1OUsdB{U4IYC)tj7HtVVv{DE2p%KxsBsT4jNH+{
zN$G4d3|^Fcc2#_KrFb`OAANZKnqxTwQ51!-#T&Fqmi}hOj7N*&H_K5~?`ugXboU=W
zCY9|?Xb9;dA_YC1r`Zb=It9O#xn<t$8VRsl0{7un2cw_SdZ|wz>Dxr1SqEQOhOFVh
zS>W!SugGI@+di55vIwa|BuOh3fH{?HV6-zm4<m$0p=bp@5_ic7R8i@}8&KM~^(waH
z9xtEJ;U>r^w5#X63)ZcuA%2uZn#N*FCfnW{a@tldzbT(p8AF~XWJ|+M#LbY<$wBd+
zY|pxhyv^-bPhFv@j+1E}))kHJ;9DKCz0S-E?bKJyVqyC&29IZm*kB1W6-Ot0Ati3q
z{N@A$ZD$+-33Ub-U?Mts;*iy_;qnL$MP^BPFUf>EgmFQ+<`a$@60POxsZ{@wTYUJP
zb~CN+_GT6R&E;&^ffOvZy41Y*#Oie3Nj>$w<w!to+G91B4M#KZHIunEx?BR?{u15p
zew*#;I6J~<*Dujnuy>l;C+D8ud<J{Dy7YOD;p2lO&X69&RIoIM@HC@+48z~8(FY@W
zJ=Oy#4DZg&VI%tnXWZ?#k0g2doki2`*DyR^d8Q{|+d=6c@vKIWSSJH;JS#ZTEghm}
ziZL~q1Ai}&G6DGH$xjTWdD4Dv;nJzKfWPy|4rNdb4G^*wiwXsNgbWc&yspC6qr$lS
z$hE)3Zz@iLd1T7RZ$xesz7<GiSsATEv4JNSld9qPdnJVWexsv76(-^#@9igYXNs?s
z8S#%Z?g3B-fSm6o24tQ#+CYR1p9w$pj(w8uTQ?f=H{FZNZzrbgTdRp<Vn<r(8__bB
zjizr&qg;HOB^_z*4}LB-I1LrKNAAs7ecWuLeUjwcAt<SCbu{4PITD$TSgQFwIh*uX
z`uoTry1Wc}C5&d4OGcaILx~#;Y_I-)V7BK*pKP3z9hPy4aSV$0FqDN{9wS&77y6l8
z7z(b~@d)5u(j)@Y1h$X|&Id#;%ybwtHuoMR5Lg8Id@*?THA~)M>e<4Z?57Da3-JA7
zt8u8~2DLGZya8q!wqo?_*{IbNI%;mJ(tDql$4z(=K4cWAJ4sB180Hp{lX*m%`e5i|
zL_fuYF+Z9l{2tIUl%-4NkGn_FOlI=I@#|ES5jEt~QPwmrve=~N=q+Y3OQ~qXdvUxN
zCC!d9!cQhT^>1+5nCI}Kf?KAF(lOr2?)_FCosNDmviC-*=K+9wx)%b|?1qiyOJQm4
zxbZclXb;!6&{DG+Hy^JZ^*7kx-aS6DRU06BgDv)S;~9!s^%zw4^kZvG((Ol6A!N7r
zz3KUfmEJ7o=WlxsV&Uf|k`vyw(H>?)2=7fgf%~%_KWqo$^A=PJFN&!at!JNIi=wj!
zpj#Wzoa;2Ss!&zQ3Rt2QKv8?)sr_;_9H9A9(+eW)LMhe8Qmu@V&__RN8Olj?WHw&A
zwv=G}WO9y>XlJZ7A#zUoDdT_db;AR>;l%rn(zX!yGzvVqi{Jh;Rtyy;%mdTYi(}zO
zIv7?Xf^p>#Q=S18sJ(pqN?JfKAx2v2RIrfc^IANtrf_OZo}o2AM?R+kkNrAM9k_lZ
zC5}+1*W2IJZFD_K>{(w~kg#nHrx#0pL%2LD_G%CT;=t_H@m}B(Vc>;`Ffu1d{n2}x
zRWlxvAO-f?2hN&bzry1mWF)U34B$Uidx7Y`=4$W}RXCg1Iz9Pg)m(%$)8Z@M%S6G~
z$DlXZ4J_+Twgu3p#H7(zeB$RdCdRGeH=DyYwSQ(kJ=%xE<+wEyp1a6HUuhj3AXxo6
z<S&hR!eSjTG*c6k|4L)8rK45Pj2cH&=Q*_h7IL+4l47v;7m?Z(7#wR(Yab@&xaX&$
zWA?g{(I&$2q^<P^1<)!E(0HlOAFg#XhXQJ-!g!ycs0VLFHA9wkbWUKzO4@eJ(GV5a
z&5pzr6DPrg=%2XcviS2QtQf`mwItWn4t-AidQly+PI<os=^0gcbLIbtyip&ZwB*LI
z(u8vU4P2@!+4OH-X<*b$B@O~FIfoMB(D~cBm&gX<&Ab@qBq)v8escfUp!OrTBd>EK
zLbhlwt!(BYzd$drY8h^u?(*-x5+g^?&Tz@Gfn<0QS!ZDWe->&r3=-Q{qcERq!Sc0+
zdhDR&4roe}N#zTmz*2`NnW>}Yd;HiK8{JbOi@7`!mFGEh!}vEm+8^!u8$FF;edjLE
zUr;?hGMVqIKK=VK3sY?u^kY?`c&1r4YFGYzxMbZ$Kw)H7bPODK4cb6-|6R|XjgPj|
zmN-Z_xmOzpb+h@4@^tR_zT6)eBE1`p3t^RV2Z9WxxwJ3V&%hWN1-kz0XINE`$L-5!
z-M_C_>EO87ZymDY0yB$i*#zOKPWG>%BF(+!uPjsv+H8br5)0JxOw(#3m$tm{%U!qC
z=t$-(`X_(1hj*%Y&EgPcQE=JvU`2&f5hcDq!KcRIX}fs6@?u3ZiT(8eWrudURFY^_
z8>xal)7lQRC}R=S=Oc8oh#@cg>!9>g=Du?>=elyW{;mBM@b#WJ(b)#Jb1Brv@s<rt
zY^<qA_6uJ#tjJn!uYRs3^qcs|hxO~Pg&6!w>xkfw0>c<?Q9QJ0Riy(O(fq}+gf(q$
z8od->g?VJO*AD0i^!7H}^mhq`@w^^if$#bmbRt2h3AsvILy438Mu*JSRR~`mEbm}x
zRms4#KBkXLE(aOg)X;bQCPEVt+GVO^3*qn5_hEV8gk!Fh1BHI2n<3c!Y&20B@I`(<
zm*cZwar#e*S2jy=OSVJgM9#5Z@xYy)4||RgyI;7eX>c@FD_$wTs^eU7Y+>i9yK-dX
zeJz41*d?-J5jHxCHb~<lsA(7NRgx{I&t9$+K}(R0G^uii{EH8J3Mg-ttL0_mb{W^M
zDK@3KTfJx6x@Smh5u~%%pm`uhy#0eJ9*t9AqZJVltZfqWbg?fI#RCuXzPdTB&+2<D
zTFM+x3l&Ta{iS&}%sk%x_<U|;CM%qRXk_d<Phtb=<N0$1+;kpISdCKU+nxyP-REer
zGOk9LiK;l3S2M`J{4L8cEuv4hCu3YSmiVwLZq=3(e$nv?i>_#4jYUmd?fb{aaLyQJ
zCs$kil}HKx2D_)PNuz=%gQFa|NGw9;BJijwBVSl#>yjC88&l#~1S=HQGHgZdejZkQ
z|IGI%pIO&Zv7@wp*%A@34Eg(%Wa&5wj3nM+&^z(h)lkbBs5QMNgX6YY-LO9oUBs^f
zhz@N55SzI#-M`qMl;}Y`C(EQ%r@LI33}vhPS`?c;X(a;4n6~yxpiL=Br(R#x&>m&u
zZ2fHZmPos~$j$y49?QVPU!P;x%MPOy#}n3B0sD!EqJ!y5hcyoMp6!BG+H1QIa>4E>
zxy}xKjux$5kot_apNsx_)hxTkoR+sxh%zDIe0o}X*5zsCMF+OYzF_<vGR$}za~i~!
zUt1<3sFs+pYS$(r52JqgMo)y8j-+U%if_Q+u-&NQ$HD_FqjbxNEk^^v_9YR*6cb(B
zj^PTx=4NWDc|`b%aE~9FKx~@>u>lYxBIWuBEYYOM*-pMPzTC~|$Bn5=W;?0vdIm5~
zSQ77gv<&1WYyL%G=HVzdfW#)SqsS?4sA-pcdb=pRCLDY150H4kLa+~=_ML%#@^Sxl
z$>8IZS==z2LgWS5iJQJRB+625JW7*QfIOdY(cZWj`jf6SG+(sh$6h~lLL4ns0-e)4
zR=NqZ+ULky)Z#m>DWrfPP1W>?u;3YRA$W2cSRwT6%f}ugg!p4#%$2`_&V_U4_$i@d
z>pleLB29ALs_<Sx4u%7p_u(6iLy9?KEb^NgFz%iS%TOx&bcuq1k3Dsc><A8KP68pk
z_Q0jUrDA`S>4ZW%Cjm*oX$Mi8O^1`yxuab`-M6~0Q!+%7@()i`CAC_wiv3EpA@8K0
zW<<QbTOlSR0g~niY!bQ-{2;gqN-nDwl{tWxZ@KIz>b5QX8)-g#{Iv_pVYEYeqr9Va
zIBR|aBq=O;3U&}PFrKY~-SLl;US;nLw23%+b)xTi-z}9YIzP?Ld%d<++t*#r?%;{2
zwEAj)Af5Op;x`1z?b=3|DWb36{jQuVycn;s$!!Ze!t8MwNWOQE_#Hv7vN%qcG|!r$
zdI~JQ&EHbjfdZ4Bj}^~}mvDtJiQh(ri{KrtMQ|d<D1)%>uR)@}XWGRkl+p%1u2tty
zkH{4{fMJtYKUS3#Lc(q+*F3`4R#kiNn7O#3r|@pJJs}{B9D_ndd03{$z!D8M9Y55S
zPIY)WIyI}ygd6BidPz>VH9^ycM}6n43gqy<k3L>MCd%qr?`PK>8C=(SyPbmVpKBvw
zCMcL1kWD6e(jw*7_hvaZ=Tw{dbY2Jmi}hMoaqO3oF%7-0*3=`L>h{&+_lhtk!i8XF
zbY|Ih9V;*Y1I8gLyfm(m_IoxAKeK4wEyO9EhhUK!1)>Jt0Tbk}Dz^`5$z56s{Dsdj
zy{g!efTu%-9O?`>VxI7p3#b#B3a66%XPTJ^46Zxg6GVxFlDgw|z-iCwZ3dj6o6!98
zXwn&C64~4Kj`I0LrBWu9`-|$Aj!`M6Y=n*Twv~@iMMvYiMM6BWX1K8_>iXmVn0tXU
z3Z{k5N1&n#J?RTK-0ReKTn`J{t|}QY3bf-e;j>jic>z8jQ}c0d#@LKac)lj=|0RhC
zjfqL1JNW&b`71|P#ej?SLB}U`R?30_jjzYS9@)_@ufNo^h|%daiRD<|T3XV)B*GdZ
z$_qL^9y!X6(QgiE>(m?{@dV7a^ec7uj+<k(3?E*17A|8>!4)r~el>&rAg<^H)3uJq
z$uOA~q=6fJ>e2mN2-OZio!SSLwOq%Z(M?v#`{^vR?;~fm{hh28!ov^}@0}@tDc*|P
zyrX}R_Xw*{DEd+q-L3<erZ+wkU*jkA>)u?Bhz?ndeFf1qwl01Y&NksS-Zsr)XN+n&
zJwtmhi7dQV8rz(|N{;8Olb|QNXSb)a$EBr`H9tS!e~_$q!Altb^Y=z-6GQ(|Rovf;
zAp#x!9sW~+5kv|>d@{Lmf)pBob`T6%O2Axs1_+mALZwL@U7H<j{Bbd<bq%-;gqJ0c
zQvLC$akx6UIRVc!qH(6wvy=VypBKvVwwfWcFffgy#Lsk$gciLF_+|5AXj6QWz;*j|
zrHlMjjQ((`lQJ(Y`euD)?;Wf5a%-5^ZKDwQ*$cdku?dZV{j4&m&L-6IoHTQ1eK0F^
zZy_h7_D0^r*$|%}-t$JDS6)HhO<vM6nv1DGXZPXb9-W?7j`x_7GpP`!IJRvnJ)=`L
zshyZ3j1TfeI9T4-j}wqYLU<qH;hRE?sS2p}Kf*;oPG3x)rLkz0P&_7%!imrh>NibQ
ziJ2LuYDa7b6)%x_Sc%+sGNmSbPthJ`W8bhJe6hktV8$j)L!K9ehe*}Mm;_~qW{{K$
zkWD`1QSy*>9X9r%Be-9T|C^MYHlWNH@9)duK!8hV*-1=3b804ZmOcjoi@E2|g41$n
zO-Ax9%n5~$gk2z`TWU$T>gUcDzaIYi*3{Ji*In&Si3rYMf9Ka!BY&BHuA-Xit?~z4
zos2%7-w#6{O@IZ*H*i0wv5yF;m6ag_sshqr$RKH4co3XC=JZ>Yk5wZD3)dRBO4{2M
z#}sFc*VbKL9w0hJKy+goK||Q7OsujYERkJ~TvN~7Z}7XidqW@{G+4zeDOX~GB!pCf
zr`<)dsjdtbtLIGH2<LYwf9-(dV9*Fz+3-cms%>X~;;wAR^W_gI#Gq1e!_qU}XQn=!
z+3OW%-Hwl_$(s~!m7e)e1`BDC2DLe1v4&@3vcZg4R{=g;_ArQ(@s3o{gEOl>2Uxv!
ze3b18Xi$F_v~vnx&}v1mZ-&yE4-QrCt6eKax-b@j6$GZky)@H~4eXL_4*wKt<@H{J
zM$>mdDb^%@%-%vT&Oh4cFtI!^=M=#<XE5&VqRe>)*u44M2>%bzh5M^<wk}Qgk|=T%
zSteiqg*}OJ?JQ~!tm9i2^RSwEA=eQqY9PF6vtCZcL-`3G_WDdSZe(>=OxzgVg>)sb
zdUE#e&p|po@?XYLlrEl_o^ad%o;XW7dINBa(G3U~;+6+gL(9}+JwWkkU2DoOxGbZ=
zbD_87n>}mn^7oZ93+sM`^@{oLLTGq3Dieq^YUgFm=E^{=hFqpBsQ6nUP|0yBXLt^i
zRKu-ztx-7y@9coO05%EHeG@wUbA+=08+QfTdEGA3BhVUl&319=J7WIA_QzFp<pWQR
z%X~dVF8G|ZKn9&K57eKeA2mPt>CI|>>Do+qBB#NR#LqGyW!2Y00TcoCCbX$^91Orm
zg`R_NaNjNAONAlt6ZXfaw+)Vr;$XjFa}h=MciTGpdMweK>@Q#&;)7`3f|{d{y*C7m
zEYAMutr+-t`}uZ0RQd;!JUtN5N^e?4->Qnt?W#=UU~5x)(rKw4`ig<C5v}z37R3v3
zoc5_eA`WQ}BoC6HD=N`2r5dT&lj}rNs*Q{pb*~ENi+xR(og%1*rZ<9WI)+SAer<@E
zoRWq1t~};V<jl)XBS!X>y=Ul~%lRqTsB!}QAP&)uUnrhBQxpJVCdLD&bMn!I`=4dV
zbPu#l446xN|6OZeQ19{f3G>T*J*4^irNkyQN#iHlW;*gty8p}BSByk=(v2xu*5AAK
z1;8~R2(WO$!ZirQ!tS2u#b#cX{-DFb+z#V38X)|RDN#kES)UUdsswf5iTawLndfq(
zw1vVfH|l7z!s)Ni8-b!^C>`9ou|2rX2v_ub+-tQ9SPtRH?sA1G3bq2?+kpOxIoFUV
zNShaC++AvDuhgF^U((6`mW~+6n)f17tG5cJ6Hd#Y7N1xXpwnnZVgEZ)4D@l!f9ZhV
zRkWoJTtx%2(6~u-i;NcLJOxYNuC`0B(;~U)>RB3tAC8hzBuB`+-l>0YW3<U~6@8NY
zc|F8LcK;ZpDA5iXZ*`6T$2v%Q>hDPYDSf!FYVS>!njh&Kina5a&*_`cvv)l^MSi|V
z-N(9A?IVHygS3}+pFo2~hH2-fDy`@mzOiqMmM1jt5ZmBNTA)VSgK2eX_~N?nd<g(Y
zIeXz>aPP@bbcms)CctCLY(<yGaR@ndP;p#PaX5^p&wg3%&}~zxi;2Ovp1H~x^C3ZX
zB58{6muz!kU?s$~dxuW<wEoK~;%s2g&;su~)edia7vyo=a1C-hC%uXuyZWOp-oBg7
z^tk#%d?M)jB);J0PT*hB2f4;EnyHPm=KN_@Q%6sK05wY{thGh=G2NtpC)+&y9GG^}
zS%XUlZK$Zj41f=NP(Au+d4--67IXUR^ZY%^kB{6^Q)aW!$yZgIA3;JiMCfs^fzWCT
zsoQgJ6xmQ@(#{9ve)~JoF!wR#OeSFB0LgbD{Ue`HhJxifV7L;soQ^grg?4b9lPdds
z{OGfBaahxDzbx(4hjm4oseW&J@Xssj6TqJK=VECGVd+E#qWqJ0@BFr3;a`<5?|1Cg
zKCC1MYPH8EkSz7@^Na<7#9k(qZYWqaDh8;2&}UrtFRcS6q;hfY^%qJ&UoUjJ?Afif
z@EbaRb=!Ns`MW=OY!5N_k11Wy|7Y|DNG;O~eE>Fpl6#Ia)0WT8euuIQSONR|LCc>`
zfS15{9To!~R$+UTPc%@KU}5%YbI5n>T9O8r(rNvxG9edb`(_R9XmUJ_GQa*i(etj+
zto?(7=(ADCQ0?MCLaL9tn%c><MaKOnFQqM~D?d2HNI(8XXjRR%%okJ%Sq#wGDWctu
zvj#m!H8nMvWqnMn9g2Qh4E9M#B)#&kDF`1L%9OGgNUH`)e<LFpEg!FU%h;@#6;p-&
zUia@#mKt*CaT^(+CuN^V_~_71L$c+fOA9K{DpSX+-Aa+SG2l%~va5=B84}HM(N9Pv
zu2hP&O3<iFw9V{AF55Q`CJqjp^PTbP$g7i({zM+=<-EJ^jo(!dbM%6T8Eu5m?YZ#F
zv!V88uk&wwW*_bCOKmrWZ6=C`OR<0Pe4bMUZ4RW<iaN(lP(jttQIyMhLZ9|@O2Un@
zWh3<}Oglp#vYC$}@{5b<Bz)?&QWF!|YG*1Omzjob=NsIdW9f~3&#NsrTGNc3ot*ek
zEsBQ4SXaq?5}z!g5UpjLBL|D_sB|DUSGwi<qdf!|Z<GLjq;UzHr4HBuudbMVa}s)(
zgRe2#@Rpf_k%LXb<-O!Y-f?of9%<bCZ~sDiw$lfrN*hw6x!!VB>1G#zf!zkGcZV0Q
z#mxQ4&9ZKrXU$mto&wJ8kBZEdf{~yP(YLymCu_aVMWkP2W2?I)AF?XO-Eb}~CQJ~c
zcYQy!D5VNn{lyxwDQo72mGjz8@v55{dtFR#nuElJ?B^`49mW??7nf;iX(uO${k^$*
z7bV|DH*fWWpZ*b3Su$}GC(&S%UV4eE%htou$Kw5y$~2+VV<Vv3bsp#|uPUpL(TwRi
zdEO|XN@^k&WVAmskEQ-h{OW$O%coDD6cvlD1e;OE(Ub)RR>8r+mCC*b4X*bL&zP6~
zMAM({5=nqOmLR@zJ*&O&8y}2Q>mAeaboYg7zuU6P&klGbNa@{^E?S445=uYxt$T^C
ztE(ae5-?|CzR={U_tQTvApw}vP@_8tnA6Vm&%`~mZhuT{rTvoM#xx71OG@E;4}BIi
zHb4C5Ceu~_@f>?P4TGOhumaTa8=sBubrG3PG;Bgaoe^V&^LeLw7Adx{Hyj{(cXeiK
zMznzs!ZvhNe0WI3`(tFUxk%B4PwXpcWAx-y*`gev^KX6#8eeY$^rzzk-2)+hrxk5P
zLd(v5kNzTujaK{S>Sns%zh@m<&8+tnCJiUwUQ}RD&x|c3&eXP+EYxOZ_?#3JPz4F6
zIM<Rlfk%b)t9n|Jzqo8n?6#BM^h(G+c<?}p>sBN7kt9&QcO6v{PL;j*p>5<z;Sl#>
z5b=v=Vcvbw>~UM-QqL_Xo9$xD{1{cBTw<f|De%Z-FUa7_)8e`P&(UDi)L3WYj+;Q8
zm)<IHNy@&u{C%5b2~CyFBzJv#&v(e@^S{VRpkV(LR(>>P7M=R|X5{vAk>_TL@BJ?f
zb#G&@qc+&dsnl7?4}h?0eEKZoT|7YG!*E02P1B?|FtcdF=hUy8Z8!h%msimN$H^I8
z79>%FbdNJcIVD`SVW;NGm-(n$ThzHOYr9F&i$S0H8gk=&@5N|~fy9PA$wJ`^fn;I}
z!vfB)uV^Dthvk@*I6G4n*>iRs%0!jsy$^f^(82Ee&ICk<O{ajj;9(T)mH2e!0Quf{
z&@g-599M#CHC|Y~f78FD3vc@j>yePPZ`}W+t^f{BV~1Hj!zX>Bs7U+=W8V7^93HlV
z=J3z>MIm(Vrq!P?`9#!N`r<OO1UED+tn@M=tORT?NrV;o<dxp1pV?MiJwf*#0_sVW
zx_1=H_Ko+&#SbcDAJvPBb|?|n_zklqdqV-~GZ+B;fbJ&oEVU(Y4S*Q1Di59v3o|Ml
zgFc;tAEC(;`2;1*bPT$V>LP|qocm6&>)PknG(aMW?ou_q)*_bMvx|2jA91-Nz&6*&
ztgi3ewZ@y~=BcYLk#2~Vo8l$HQp%8!su^0&!v%U8_NRZc`9yr{1_?Lax1POVt(WS)
z*cV?TqdcR;sn`8f-Y)8!!bz~OYJK_DX<&bLF?W&ZZ<?sWMOFJm;A_A$CUCh5b_G^h
zjmoyXB;siv8=u@irQp!&krlJATb8w(0;8{aoQtBo7F{M4?ClT!3fGQCF$Hn8f4Q$;
zR%t)q@aK<Wk(^VH36_WWt*>k*t%I$A;}RRSI<bW7mWs_eE_m8&@!_l<8A0nsWiY*`
zrziAgc2UXjyFX`-F&ZJfe@WJ=0r*n^&GMxnx`9?JE&|TUqOulNC~Z^Hf#C8pXBZWd
z?O5{_t{2e*Dk`2E9gmaVJQ6w)hMOsq2J+7tjdhlv@$UN_HeViFWGxbv7&dBM5VP`v
z%Gf@(9yH)iKS?iSm!>q|fSpz&<Qn`?uu{~qr_aXGRRqtffNbXnTLhA7S^#(f4e&*w
zZgc*f@x8dGtY+l!13gznk^*<m$L{yBy^a$HB}zi%I9q5eT3g7<>cisG8DtehO<Y{u
z*3AkOHn$8y2&a_uINK~GarR_NeYr;yA0H0{qkM;>G4*$YHpd?z47*&&E*&yh<6gkY
zGVHd><SvrM>Zd*uxwlV7#xF=$;x=QYsv2{yR8rRT%)fS2_)G9_(lIey>h2UiGuD%a
z7N_VZuh#5A0Pj(|FtcDXuy?fFuCyPFRmm^`>If#HI%q}vm0$`2VYz-#a#W8@pXABQ
z{KK2S!izohsLWP!pcUvPYb{>XHdU9P2@%@7;ghfK;?ieQ$>Z}3UeJH8(N6XGY?eCN
zx)*%<<dy^=rjI}X;LV5n0G12%xVffTsHG~u<q^`YUW67#8}t#)K?x$CR1TPPVvRI|
z(<F51tf|!WUH{w}t?9zUqNwzQ^i-@{<M*Gr2!d)&D`OHrIzV1)YEqy=ZSH4fn*kj+
zbe!^ypK6mnZWuqM>=2}(k$B%3M&X=6&ny=;QVZQocV8zVYIHxGs73Z0qY$IY;9lQP
zoW>}DnXSh6IQ4@h0KKJG@BG8oJSR67uQf8aOER*GVQH$uOb?r2AGo)Q;qetXHYq9R
zMcr;`<9gKl6Ft)bo6zYy2JWhyVYpyuLPZnON7(nW1mF4;tau)6a-4hw%0lt6a+?_#
zbOqH#P#pSlh{M8mvJ+1no>=k&!MOZ%GUL#COncf*$HQ9LNFJQ6*}P!~n2J`{iROp#
z`)GqKiv2-S!k)l6AD70uIuAPveqY&1bI1VD`Q&~D$<ZNupVEBDOYuw4=@3{7wSI2D
zFxuIMk3hz)wF}QP$gLqu2Gz%mFj5^W%Z$0}*+taBQ9=H}e4|af<Po<s%t1Di|B80=
zvSYUPa7Z{RGIBJb(X|5VyaaSpR13jT7o#qNuXt#$zZ(%@one1EnA5edeod6M*-2$Q
z_L${qb)5d^dw;r%?h;kNU-5#55>#}_jttA{vrw35lXUd4Oxg-qw%fC-)04Hst0nAI
zG3=a9m+V)WA#;I*5947j<{i7ky?E(q7rOF9t#&OXLgu?3eIZ-jBwdoJGxdO8W4`-|
z115_zbO?p~?!`s0P-GPeg!wkB(Ojz{l~f_SvkY}hKTUW$jI^I#?Ci4SIO?r^_3EfH
zz7<#IA{1?CjFgj{Z-utndbw#p3JVL*xN8g>_0vFcOaQ#RSd9iteCT@w+a{rAlaPSW
z(zId&i_SU2VJKHAwMMTjC`cN1%BM?qyE%?VZnmaL*r^x#psuN^gy_X33eYyzJ`{k#
z$fBRyUlG^0{~kAo5W7HZxk46dfne(EY{MIH?ICl=UtUm}hpS<|k%`-F+uZ6ht2qVB
zdi+CST}AggeREiO`BRVd8F8=srM8`j+To@HecU2z-iGTuI@^8HP_RDi^@~%LAqUBE
zqZxZZEn+VYD`q$8r=2TMo60yr7n}IF){yc}L3cxARP$rbkZn~^4~H|1o|Pyt%>+Re
ziuRuo3@mC3v|VV@rKRf|u&<1Mo^tTj-2Ce1S!-OJhOZp*(HaR6D-o7d0h(OLVjGBJ
zI1|z~yiinNZZ*TA?`8S~Mqlr7^0FmFPy&r~@%?<cc*yOJ6RRDoLG*R426vh+J?oi<
z3*?b?S%j~Lt0B;^beHd$#v{7pbOy(!&bBMI!ANiE52_FIUOilQsafyJO)`+du-+~}
z&BGV^3T?!>#ciA^0(MHOsRFM|=0{F7!$JH&6o2*e{cN@ZR?muG7Mh57OZE>o>9fTN
z@0E^wx86L+*!jv2;g)+@xW}hb^?(s1()+xxWVqttk&wkaGMdxafo=SCK?pWlaT6?<
ztlHIXXP2*bMLvwAHG}xvvrF3)*11=Rt6S$7BP6osbB<*?UAc~kxrL@AKaW8lwUau-
zaAR>rJx|OBzrCs+2Ug%HSN)l5bWN?>?ru?GVM<5fQZ2!?-|wK%TxH^0#4g_SZ^<it
zvQhjMpL-4%=J+7MmG{MSbb<~W+;(%7Gmb|T49~q8Jxr$slA6+zPMuAK02W4~g;Sor
z>UoeRSvhoD!r_)#ssO690qsG^6<g?~S;!V!Xcb$0vPGnDpT89R**2D-9iKDdi#EWH
zOH4AV9^Ys;r0Op`L?1`=YT^{mQl%00P3|NZ<{J%910M8zd1YNBqm%9J8i5iF#dC*+
zB0ylHS%T$^6pxp(z-TvbSbv#A(#{8=sQ$@^?{T$=0weWn?Z;b1zhsE}B8Y47+XG+w
zBF^IJk<9s&=6!L`XO`fn(qsNt7qbrM%shq-8VC8LYiz#V$E$2T^puLhlpe>}_#|7k
zTc`FiGQp^X(Yy?j-(7h6aIf*|-Tul{`oCR)$eYFUIbmRJS-2g{$$TQ>=V4oSRr<5N
z<3(Yv?n;R4c3?~+%2M%O--XGhZa^dW2GC^Z(KHp?KTSuM!5bYpgON(cH*+0@xuwAx
z`(p9XOO@Ck1d2`tnzX(W(p$D~&V3_4F{&UE=Ca=AjXfZ%rmE4ny$b0y5#ca9#!8dr
zearCrA1tJ%uYWTnMQSsfnJEP`^=8q5OHa4q$Fh#2HEc8UzIn}D@3Q-s;9};kv?e7}
zvk;8{DZ+FcIM5oRNZM6$$pJ$G>8U6pX1CevF|82wlV0%0Kh*W@f#ZSivr&wf?hBrY
zmiLan>Cd7PTao9;>(i+_Ar0r}1Fd0z9)6wmlSuUR_VT$M|FEB5Af8U_`~_{wxg*QH
ziB9xgcXFw9;BYO-FHrx5?k?ydP^dXOk3KY`Kvysb`KsC?3ZeITrm~yBHV@w7q0E6s
zyCUZwqb^n$20g8m851|5U$#qS@)FZ*0|}+~k2^7ass03ek~TLuHjBX4^8!!GMQ#^O
zfEtB}&lT@UY|X9%^yUUo#P7wx2<qeDy(MfYCjp9-sa^CXp=5g^?sE=~(ZSHq9aNUv
zwSu9zR>Mrzz}l$%48<7_1On<$ArTxoCU?P<7d8`Ha;Tl6vh^rL5*XUjlHK0Ss83{C
zDX}|QMiqJ3cqn1VOy@sEO-zKv;d8R~X1W_+doYq3cv@7o*SYmHBa5rj<L^4~9L#^2
zn#kej!2Tp4@g+zewW_Q~Wv1RWHvwi4{YIZU_CiW=Mw!n_!E6LYT~!>j4(}`JK7Fi<
zRMD*1a~I8G-h7*yONr%%T1PG*zlg1moQ~`NR3vHF72jxf9YlU!88Xy<?vNT7fGVqK
zqr@QwNl4D(zCs=`U$vGkju1=4-2fQJZEtG$Ohp6zFpq}_%kS3hv!Aw_TEAwI)^@Fk
z;#;yUF8Lfqx%pa$3?Y%RX75-fJi+;g$I!L0F+pEB7!5@YWlmusAz0jQ6#%DS{#ju)
zul0W0l;d9S8lzdCkQT1?K6&MJb^YPhvI8Vgke<RGTl+0KldWe`$^gj3I_UnP$93Uj
zk$eTTl18|g_4qtfW8jE?45G7Q`!|#``pwN#Ry)Jg05;i@(&r^;DSOsJ<uwW)-rcXA
zih{2xzy}GR5p6#zcjOWTBZ&eKwoQ+wE_V|Qi>I%XdyU45-VlA+B5goB|I(gSK7&SL
z>cU}9ymag}A(AhAb&Iy^sj{y2*i1|zikf7{2Jq3m!7Z@jY@wzNRO09!9_f>;^T0JN
zp4`pwtwmueFzPDXcJs45fTLz?%0|1Qqm_>~!>wb6#a-(jmO1UuRGUu3#Lvvk?3UX6
zh}_#8Bxr31K&jC##lwfYL;Vwh7|p|XXw3_8wtcx+mRduMW={zKoXFIaNPRV=>3m{#
zMx_qrT!b5o{!#=NM=~gKh7=GoNs#}vn-#k4@;<2779^oD{EFxL1sABXV4Y&#?tH<;
zZ1t<u0Hd){?P6#%KgF4>q^iyZ1U|AmY-=o@&#EX}eNraRzQJngSUDkq8XUF~UYMOo
zi134E%Aj+PL13JvZru9y7s`SN0e-Ki4g)2Z0SDDoLYfYL`8>nDs;v(iqq(Pwz!O`G
z`>m{vZ-&q>gmMY7jwE`|;%u6kj-~2>Hj^dE?OO3a)I+N(xR|)OxFp8;lmLxLP|1+1
z|8aZ!NqxI80>6Qo=Eh4bWZOdHP)YcGgWDF8Ua*CeptuJ0ya;f{<7msSXb?{dW-Vt3
zikubBGn@GJYnH>uTRc4c-_wEq@6yG#Yi|%WI}DiU;Wu{>q=idfF-4yehtmtSTNZf=
zZaJR-Z_w<5`b|e=Zp}0mXHt@?-1rJwyK?L!-p$ixznnC`EcqPOEPgtYW31r*?W<JL
zSc0aOt+=Y7iQ$1lEYQQ)4qcOdn)*ljd!K@Q8S=-$u@a`Lj_&DPm<wWT!K1l+Wo{14
z-G}X8_;rRT)rLf|bYUpZ`uH=egKF8tfcNgT%&Zb@3#m|U-$rl-4FeGOFB3v9mr4dI
zZiB0Cu%6}Y!-uhszfBXd2Y_Mg*C;N&F59q%2-yoNqJz@FR00kQFMU@57Ekh^+;Qm_
zW;4aF%F`DHmFA(nuiMRgd_Mtc&eFKH@#x`5P)3ZzV&eyh;-a0+O+m)Uh}y02Bi5(Y
zXBIWFvPt@I01Ix_E;@D74`h6>(Gz34zxAI7u9Ohdyz45gROl3Nps`g)t879!NB*MW
z=h0gls_0*$?ND1a(0&6K`v*CVzS8`-X4U7da!)}aZ&A$b*N#AGm$J7T=)<rbMk|J+
zEcDMDQV?=#UgHjO>(jy^BZV`QTE@KVS6#ctM5NKW7yBEYWhtD&;J#ES`fL3w0jj^A
z?*q~<GADrzEg3`$Ki_EFDXNxX0^iWm`W+?C7U&e?K8-2*{*~8GHN$ITmdT=eJ+h;d
z{xVCL{}RQ^ZxI3(e*_kfIrxBFy1B?d4J>WO9`qXIdlrMjY{9bKUTkeGSZ_RRVROIv
z)fNae$h~V-P#^r(Y)(W0Sl0Hexv8nCu<g{d%Yt8Q$%X0xeo*}+eX{qJp#mTO#EAzE
zhKGvYWqnsQ418~86L;+$tu_miCqM3P-ocj$PZX>eD&3FhW<9Sjoy}Hvm(AOY(n5B(
zY{g-#J_m|Lzo2yCZzag%ec0Kr6~oO{(Uwi<9-DN{>g;dH3w|eUWs$z03O|c+O^LXo
z>OQ!58>BcG<B9_C_xyArO;ni68|YNqI23f7+}-eGBgL^J4EX}^J;#(dNl#oedrOo%
z7=**`dDko%*6o?WKI8WG_lHMC4SzBb1%r(bP6NP{IPE)|0@gr^CE}wC-5fC7xjicX
zMh3Jcm{!^QHh+4=s1td|(D+n~;V2iN#rQH4jds{!M-WxjVSrrxurpq$xqFvTF$0OS
z`)x6KCZ3OO>p~#LZQ27Raregu41m%3qg0P2dl1dum%V*`lJ+%5JN_G4fwFpJ;MU?+
zvu?KYMXUFnZGm(zuV4!UE6QDiG=`CzojI61Ecagn2?NmE%8)K)V_40wbk_Iz=gK4W
zGB4UpGol!Zv@VAJx~m6DnB8Kdq{hGlFH~=t(F2Sxx?R?3gmJNJHg{uv;bVRa!)$(2
zi|5_x=~RbauFEKrQxxwD#|a0j9n||k*o7Ryi%<aI;2RRue}JU99X6xmeD{FHb_|Oj
zi#EQjwfBIi%sX#GcBiKPjKD})0!{)TH)b0t{KNot9ej0(Sp5M|?EAd!U0PiFM&4^7
zgL(I@MD*chtwP9+*8uGfpWEz|AqxCc(i*!}{5s<)cFGVSYI*j`|1&NoLht$75p_c@
zE^76<BW=?VDmdMcH0H)<Wn*Sg!?1MphYRSMS3D=RyW?5OxpqM?AisX5i|(--p1KC%
zDo2zy&z(hg=r|T%eK}N4sq{<AKTjL-)%=EvE-&B=Ifqce^@UB-g57^rM$->0lB=tz
zz~L&F8n#Ion|ZX?R*=`gi$CMaWUXRwq^OJr1$71b$FeE!WbCdN!$5v(BTu2NjfAZp
zKuQ;Fg=4%kl=*pI_>Znr4a1KgKLA5O;QjoV-0CqWLxe@iW3<QXX)yY8P-4>m<n_aa
z5T}WM$<JjZJs(hlctI&S(?<`Htzh^sYqrT!zuP!Lmr~V+I^_Y1jkySz5V~ChJ+uK8
z)V$5!nx{E=^!ZomT$s0?Wgvdyi+Vo^`nWuRT3L%#wt@zY<|@VN`+jfzu<+ADxqdvV
z+GcXcp*w`96Mlotwwq0@Iyl`NOw_+^KigL)aYjv+K@H?gO_?HM=9WLK^)!^ZcQ;z#
zYh#|RM~WXDUBAThFD^j$ks`BSdK{6~58~%WzZSO~$$0~)Wh;+cENOr>GdK6+T%8kQ
zR$r^ydfe+z5?{c(C!E~evO@fxSh3|)c41-2Tfe@!IRg*=VJfhfx)-*tuI|i|-Aq-*
zjQXwIyPex-aMW}0XbA+UzS;@MNof)kXeU?<;Av@eo5ohgOZ+>~C?Ele7e{6*XSC=U
zTZk&F4MSH4?P}+_Yj=jkZ4C(PU-SU&$4m8qxfqlM7Kgqu%zi}u`*)zf`l&mLdef;C
zYJ0AV7BMwOTgIKNsP(se9i$|F0>o`Yt#87j7*ykaZ3T9Tz!nV|Y;<}|c>vhzNhJ7Y
z?<c_a64Q%SegFO~ns5~~2WLEqx*=Iy6xj(kZ2T13f&$N|VIR(ZAq8<ah!-v3=Pv&(
zvfSR~DBc(}_HVB9_fUT-e2qtA7@<}6L*&z5(#3-v-)98B{Ie>4c16+Cs-R@?5GVaH
zS!H0J^5Zlx)DI}O0K6j#oAf2YCVK>@;uH~2Q=R2-*6YaPZ%AbSmDR<;{N^$YRKNU%
z)`Wo!<hiEG^3t}<{R9>d0MAg4JE&9t2LC0#pIZf0D{YPYr>fRmllCvkEu#a3eq=y3
zj1nfGY4Erg@KH{W>BT>FjN1=0?Hn{7LX3<n&EGJCbXxpwy_{+QuB3TxP1uq5ij=uQ
zJbwW#SzTSd+O13$NlI7l87JhI4y3OE%|L;UTqU`N?-`}^f3$|1>&{NnnC7x7F1dkD
z1+??N==lJ8%1|3EA9GH+3{ELU#XxVq7tZ^|OQi-eHcIln$T51=u(nsQ@&yfh3T!&w
zc$q4=l$=BN&yE@$c#@!{recZ#DJeVmqx~&0nIfp|5wIad13ksF0~!Xpny+&`P;$qx
z#YsxxK7V2V^m+<X)R?)lik&}y?Rva6{!y>@T?+-w8uIAh?G{>v0$dFBPu`_{t6ZM6
z5%_yf3OWV969k$dk>dE;cKJ|lFStK8b<=3Da}N+^%fzX&dh>vCuEE-N4yH2O2E$z?
zyFIWY2iU&Bo4sP&hSJVW+Js7b?t*f!L0mw$>=$;P=gnu~#%mRZPdnD(Rb2I*nw);X
zE>Fz>Q^?)^R-hj27y9m2Cf$v3vi<AawfN=2ZL$*zwtNkW%s|IXj;I4oCw35zcudwk
zo;pt>M{woMpTSL`;I&>5Fp}Rvd0+7e06D-g@-xJA$xAiKUg3fdL=k&Ix5Llz_a)HI
z671JmojO<9$Qscf#z-}N>fB3)6Ao+Vn$7Cu*)!R-?e)!sv|==e%-ud{f#02hNV;@{
zi{fK|fAD5U)j4jD{^)i9aRN>!7o|Gnq}Yk1*Dic~5_(Do>`^^kU+8z|whruuy#!tz
zl{Yttn|RpFAJ`EcL~CLOSpox-?8)?5jS2jJ?Ob<MQ&}39L8OWShmcT~1dt*Dg&<8@
zAT$Lj(!xqHp$P~Iq6C!17$5@CC>;TpY6PS%GPuB~Kmenl5D*&@%7h{c0uCbT-WPS&
z*>m>ne>>;w*+1WV_kQjEzLziezVGLp>vwvJZ8@*>eql?F#K!e?OEYJpi1SFH_WaU(
z_m<~H<X?C(D!=-TDQ!e0Kt1QbP}7A7wdMj6m*=JIo%|fS2R_^bIe)pMesNec_cK=S
z^Xn3_VX#(;il*7;n>cX1-?-SUxr30-zV^|x`F-9iI5(o*-F*F5%C95-ZEx&85UMZk
zG81q5;hDf=x4YLXLHOFJxk3bZ-<OW%Puq3if!EhPFpNX$;F*0>%9r~(FmT_&vEbWn
zwL*-2#JV%TTe^1`_mek6i8M(4*67U*#1V%;7aaK9p_+QE0hRvUGY}BsP>B+8aQbUk
zIG2cncLVgq0$ft{!|(P`%6FwX*=5ZG{US$3pa38;Z|+u8bgc!wyy$Ymb_2MofuawL
zy%S7;MSDP|fxjx0yc77=1CY*Or%`Xl=n3?<D_|X2cXpXL#A^_PlpIo|(uK}`ra4{x
zDk2t$nEH^Xzqai=39z+o9??ZmbNGV-;6n^?kk?hIa_^g&U~l3tVAqz!?;me95s?*t
z>+5K;(G%hM#qV=qP7~LHXh!=^$V*nG_-~GOQ|=$=T{9RF6n8u5`>jde&DU3Dqo?Wd
z8D&Euu*ISG^G61uVHQgoN_U=OJMlwOS!j{J3)4G)>H>q`fd78FLK90et4G=K7P78D
zF&T6uv<I}*qmXq6a`{7^><wGZ7(EfXdIdZ6wb$RA9CEWB6~n6iGD6cd`iL#Gn<l)p
z!77W^0#d9B6cY>-Wj_g;oYD7++zNJSH`lx|4)KXFS(%(9g;yDAW<x8K;_mf$<;<KG
z*TVb_)<1HqsJXU1_tO5M?Ru5n<jU@N&ko~rN_4(F<f773?YxlM52{%^VB<rSB#Yq4
ze7X62xhofbT3c%1#o47m5_MiZIk90K^-<90-NMOM6?Y>7tUh6-0PF)7B$8uT-1mFa
z5B$=k0WBq7VR(2C&)Lrp`0Kd=6Pw1k)8oN*jZqBSP!xHPICQNmUahCnxi&pbt-I3M
zjabz2&eqAFT;{NSPj_Fks7oRG!o}4LL)P(z;^QnMgAwcqq9;H=*OLH~TcDRs>Txu3
z?Yhaf$jM%#0ejMhUjK51baK}8E{xpaN5`T#E3JkF`u9r*Fmhp!V3`xxEj{ENIg{8e
zn!4MMGj5q`m@glU+Tb88&a>CL5W=hw34F%EvMPb&NI_Way(L?xC-5M0S*2r?zGkQL
zMVnc81-Rmv1kIB6oeoaZRqF{+n<rU$eqOu(X^BSo*v?k67EM`mJw0N_8Xb`TK%N9&
z7<VVgN;j_iaC%C|;H!<yYc^(CdGr~Ncfw<9XLV0H_s&ITyxAW_mTi35G~=5-)-ZFl
z3%_F@=<k}QM<FM#h(3vuBehUpMY7gxt=`GA)^52_PN8)_G@DG*)~XCU=IC{ClUl5`
zXyQBezM6wx>3)sObekgWxhZ;q-->OfU;PX@^Kx|Y{*`?g^=Z>9dCL)ln*i@jh;&S`
zF6&zR(vdFJ9p)7}3Cm6wa^f`R^23EwIzFM9FDXeBmE4h)LacGWiqNtYFTY$zC2akv
zJpJC<&i=`4?|v84RNbA$od}r$S6La&V(at4^x-2Jh6Uv&+s?TU9A?ZJOHiI6kahVN
z!BL}33wlD9#T=E4q7J~0$DOW}OV$IVG6;X!)b0=oENfr_Ykshl(P--KYs=B^N*y<F
zq&(a0u%uwCS=_1dASRSD0GL*WPm2uaU!-DU(fb<|MN^mvNs_ySo$r0Cm97wShVBdb
zAt{fF>+B=&3ZE>Z)bkXFG#*6#VtXfq#uPQT?n)GW5|+iT;_mM10DLs~;bSN<O?JEX
zT!p5q&h3x@WWzOx?`9P8>2Su2<Z;tBb{f}`Gi#PU)+}N^`Jzh!Ul$FiZB9Sqk4WP&
z)6;GdR#FVZ;$J8ODx5t)QK*ZwM5@<VQ1>xaWGT@o!&O%y#mG`u!J%q_!4}LKE*D5!
zuyk}Isz<#F%-E$i-NwYDgWe0J7q`q9M{zc{pi3RnmKVj$t?`+Tgw#?h$XbgouuHZU
zgxkDZd9U3K!rQ?tLd(|tLdJD>qj5gVOtL2z#tu7bjVJJ2!sV62VkNDct?k|SV%*Xc
z+!m4dC_dbzP9~ofrc7d3^6(yfb7zf7H8-2MD??gFvi--*!&wlE&GmkCwc;Xj%uP5a
zTP#%<H0$aFLwq(IkG+9eG8f_i-we@cd?#MtA&O54Q`IErcgK&$bl@1&45ld*I95p7
zd-0MM07Xr`V(g=v{Ur!VVA72(IoZs03E!0w<GIq3r|6m#X3R`E7U@=cvqbh)GOZwB
z7hb>5eJ+V31~JksB=xz3$**hdR9Fx7;sKcXOfe|Kut(*9u;w}RxbtC^;vyXQt7MaG
zt#ou=LAff@dc-&@6t0ls!*fy1;c7Q}Ty>QN)HpYumJ~=x$&j@aVkv;DXFJfQ1`*ek
z0&hL19+ua|hzxrejbqzlB{5nul2NC}<Ylgwq=zMU!m^cxOPORQyRjc#F=C9-+kr^a
zn+567k;tQEcvTJ{|2}53j25}gC()wn%Y30GIWF*pG3BRCUwBduC4K#cw)_v|TmPT_
z2ZZi?Tz|3I-Y^a`kt^IU##0-(4717rAN@-&p@!<b8<Z_JZWFlArwGzkG%2vI%EgHv
z*ZT^U634&0_b2ecUKMKn=z@r3&f@{Q&G|S5OmE{<c&&q<nwK2@jEX|u!=-{AwLdY!
z;Sl*v2cTe6oq(8b@XBD}@us+D)G7|lK7!(3Zf!s%sGFXok2i=WOdD|3yI7p5p4wR>
zfqpA_oUgr;%!m2-M*w(oA^>Gl&g1YvWFdYoI%xJb-usgKBP)XE(bUiY60WV^nvkOn
zm3mvLa4LhQ9w6R$=s0TZMuDPkp6G)M2n_9%MiBurL?6a?&{CV$Z@K9Kg_CUyAy{>k
zAB}oYn0<BZhnuKdlvJYH##M152{(5Zz<WZRKQ$gh6L_Oen0t?RoZAeQSvXLgGH5+_
zDEf%*z|kz{AE0XW>)^^p6#H^>d`h$mtK=rv0z$t(UzI*Vru_Bmj0K6yDNxER3GqG5
zBrs6_yc}S<mU-5Aqhk_{&Nkg`?Q2q{!c_Qy3mGW3seB`w2paJs-(p13T~L5Pt@J;e
zhSJDFvxJizrt8N7@i^@`o43tUR<-*e2ud)TylT8Jy*zX~{EpV;IyxxDA&>?>tn;_X
zZ@(h`yRi@`A4ovUC<wtBdk(Bz?_bTu8!@YLbWTt-De+Tugr`@tki4YhOxy#~_HDg;
zv;ag?T=yP$*kZKX^~p)6#*1i=ECZHbJP_7;4`51F?^q+M%I2XdHB7QCvaAo&OS%|)
zI^wQhEA9jza$EQcg@KkQfkG#8?)H&G*GM?GgPE&Gb1JI-3>mc*!cgz+79rQjJLNjL
zTEP+3s0mgYMI#~)lOCiG&h0vN9ykXWlk@Ma=k>Tl)P_a?DE5J%er29=IMHICG3pH~
z3c4iU4ll2zOC82#U3hD`TM2;+!PSs<0?1h@K*^{VswYmI#JY<Qx*DGAqW%pvNM@#3
z8xxC!?&QUKS|goCp%(y65JK4&P(mje5?@7}CCb&hsuiy1Nli4P_W8$2)^Q(VXpJvu
z2#8^70!pAuXQRYRe?}|oa?~^6<&h<lZ|DerA(=WMDe<Rm?n)jE6Ua+R2>M9S_cV;0
z5ksW)Et-hR^Gd1<><75bs1C<-!QjM5`lv1K@p>L>#W(vAcvbXzNb<#J3c0#CCdv9<
z>SR&ub5SnsRz*Tmlblv0u1H8X?nmoY8^g+xB9Gr}UnMYlq1CNc_?Oj&ey9fT^J4);
zQ6CEoJ1=2Nmun_=i{-bgD7C@cl;1xUL3{1s2LVd8{@0Ix4=*U${w=>Gl;l<-f52-V
m7&Y<3e^a}CZ)^1QXTgs8@TqN4)f0dKbd!V40er1h0OcQs1w3;A

literal 0
HcmV?d00001

diff --git a/docusaurus/docs/getting-started/7-code-examples/3-ii-integration/index.md b/docusaurus/docs/getting-started/7-code-examples/3-ii-integration/index.md
new file mode 100644
index 0000000..3da8216
--- /dev/null
+++ b/docusaurus/docs/getting-started/7-code-examples/3-ii-integration/index.md
@@ -0,0 +1,425 @@
+import TeamContact from '../../../contact.md';
+
+# Internet Identity 集成
+
+## 概览 {#overview}
+
+这个教程展示了如何将 `Internet Identity` 集成到 dapp 前端，并在后端容器中使用用户身份。
+
+本教程将详述将使用 `dfx new` 生成默认的模板与 `Internet Identity` 集成所需的所有步骤。有关 `dfx new` 的文档，请参考[这里](../../6-use-dfx/index.md#dfx-new)。 完成本教程后，您的`dapp` 将具备以下功能：
+
+- 提供 `Internet Identity` 登录按钮。
+- 对 `Internet Identity` 提供的[主体](https://ic123.xyz/docs/getting-started/ic-glossary/#principal)进行问候。
+
+本教程基于 Motoko 版本的示例，目前没有 Rust 版本。
+
+## 要求 {#prerequisites}
+
+- 下载并安装 [IC SDK](https://ic123.xyz/docs/getting-started/install-dfx/)。  
+- 下载[示例仓库](https://github.com/dfinity/examples)。 
+
+## 创建新工程
+
+您可以选择一个本地目录创建一个新的工程。这里我们在[示例仓库](https://github.com/dfinity/examples)下的 `motoko/internet_identity_integration` 的目录下，创建一个名为 `greet` 的工程。
+
+```
+cd examples/motoko/internet_identity_integration
+dfx new greet
+cd greet
+```
+
+执行完以上脚本后，在您的 `greet` 目录下会产生如下结构的文件：
+
+```
+├── README.md
+├── dfx.json
+├── package.json
+├── src
+│   ├── greet_backend
+│   │   └── main.mo
+│   └── greet_frontend
+│       ├── assets
+│       │   ├── favicon.ico
+│       │   ├── logo2.svg
+│       │   ├── main.css
+│       │   └── sample-asset.txt
+│       └── src
+│           ├── index.html
+│           └── index.js
+└── webpack.config.js
+```
+
+:::info
+
+不同版本的 dfx 所生成的文件会有些许不同，大体上会如上述结构所示，不影响后续步骤。
+
+:::
+
+## 添加 Internet Identity
+
+将下面的代码添加到 `dfx.json` 的 `canisters` 部分。
+
+```
+"internet_identity": {
+  "type": "custom",
+  "candid": "https://github.com/dfinity/internet-identity/releases/latest/download/internet_identity.did",
+  "wasm": "https://github.com/dfinity/internet-identity/releases/latest/download/internet_identity_dev.wasm.gz",
+  "remote": {
+    "id": {
+      "ic": "rdmx6-jaaaa-aaaaa-aaadq-cai"
+    }
+  },
+  "frontend": {}
+}
+```
+
+该代码将向您的工程添加一个预构建的 `Internet Identity` 容器。其中：
+- `remote` 属性指向了 IC 主网上的 `Internet Identity` 容器，因此您添加的容器 `Internet Identity` 仅在本地部署。
+- `frontend` 属性告诉 dfx 此容器确实具有前端（因此在部署后会在命令行打印输出前端 URL，详情请参见下一步）。这些 URLs 将指向 `Internet Identity` 的最新 dev build 版本。dev build 版本具有一些特殊功能，使得 `Internet Identity` 在本地开发环境中更容易使用（例如可预测的验证码，不需要 WebAuthn 等）。
+
+另外您还需要将 "internet_identity" 添加到 "greet_frontend" 的依赖中，请参见[最终代码](https://github.com/dfinity/examples/blob/master/motoko/internet_identity_integration/dfx.json)查看应运行的完整代码。
+
+## 本地部署
+
+您可以执行以下脚本将您的容器部署到 IC 的本地开发环境：
+
+```
+dfx start --clean --background
+dfx deploy
+```
+
+如果成功，您将会看到类似如下的输出信息：
+
+```
+...
+Deployed canisters.
+URLs:
+  Frontend canister via browser
+    greet_frontend: http://127.0.0.1:4943/?canisterId=h2uti-feaaa-aaaaa-qaava-cai
+    internet_identity: http://127.0.0.1:4943/?canisterId=h5vv4-i4aaa-aaaaa-qaavq-cai
+  Backend canister via Candid interface:
+    greet_backend: http://127.0.0.1:4943/?canisterId=hiser-juaaa-aaaaa-qaawa-cai&id=htxyu-tmaaa-aaaaa-qaauq-cai
+    internet_identity: http://127.0.0.1:4943/?canisterId=hiser-juaaa-aaaaa-qaawa-cai&id=h5vv4-i4aaa-aaaaa-qaavq-cai
+...
+```
+
+如果您点击 internet_identity 的前端链接，您就能创建 `Internet Identity` 并创建 `Passkey` 了。
+
+:::info
+
+由于最近 `Internet Identity` 的重构，在 Chrome 或 Firefox 浏览器中如上所示的 internet_identity 的前端链接不能正常访问，您可以使用 `http://<canister_id>.localhost:4943` 来替代。更多信息可参考 [Internet Identity 文档](https://github.com/dfinity/internet-identity?tab=readme-ov-file#local-replica)。
+
+例如，上述示例的 internet_identity 前端链接在 Chrome 中为：
+`http://h5vv4-i4aaa-aaaaa-qaavq-cai.localhost:4943`
+
+:::
+
+## 添加 Internet Identity URL 环境变量
+
+您希望您的 dapp 可以根据部署位置（本地或主网）集成不同的 `Internet Identity`：
+
+- 在本地部署时，应用程序应使用 `Internet Identity` URL http://127.0.0.1:4943/?canisterId=<II_CANISTER_ID>。   
+  在 Chrome 或 Firefox 中，则应使用 http://<canister_id>.localhost:4943 。
+- 在主网上，则应使用 https://identity.ic0.app。
+
+您可以通过在 webpack 中自定义名为 `II_URL` 的环境变量来达到这个目的。
+
+请打开 `webpack.config.js`` 文件并将其内容替换为以下内容：
+
+```
+const path = require("path");
+const webpack = require("webpack");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
+const CopyPlugin = require("copy-webpack-plugin");
+
+const network =
+    process.env.DFX_NETWORK ||
+    (process.env.NODE_ENV === "production" ? "ic" : "local");
+function initCanisterEnv() {
+  let localCanisters, prodCanisters;
+  try {
+    localCanisters = require(path.resolve(
+      ".dfx",
+      "local",
+      "canister_ids.json"
+    ));
+  } catch (error) {
+    console.log("No local canister_ids.json found. Continuing production");
+  }
+  try {
+    prodCanisters = require(path.resolve("canister_ids.json"));
+  } catch (error) {
+    console.log("No production canister_ids.json found. Continuing with local");
+  }
+
+  const canisterConfig = network === "local" ? localCanisters : prodCanisters;
+
+  return Object.entries(canisterConfig).reduce((prev, current) => {
+    const [canisterName, canisterDetails] = current;
+    prev[canisterName.toUpperCase() + "_CANISTER_ID"] =
+      canisterDetails[network];
+    return prev;
+  }, {});
+}
+const canisterEnvVariables = initCanisterEnv();
+
+const isDevelopment = process.env.NODE_ENV !== "production";
+
+const internetIdentityUrl = network === "local" ? `http://localhost:4943/?canisterId=${canisterEnvVariables["INTERNET_IDENTITY_CANISTER_ID"]}` : `https://identity.ic0.app`
+
+const frontendDirectory = "greet_frontend";
+
+const frontend_entry = path.join("src", frontendDirectory, "src", "index.html");
+
+module.exports = {
+  target: "web",
+  mode: isDevelopment ? "development" : "production",
+  entry: {
+    // The frontend.entrypoint points to the HTML file for this build, so you need
+    // to replace the extension to `.js`.
+    index: path.join(__dirname, frontend_entry).replace(/\.html$/, ".js"),
+  },
+  devtool: isDevelopment ? "source-map" : false,
+  optimization: {
+    minimize: !isDevelopment,
+    minimizer: [new TerserPlugin()],
+  },
+  resolve: {
+    extensions: [".js", ".ts", ".jsx", ".tsx"],
+    fallback: {
+      assert: require.resolve("assert/"),
+      buffer: require.resolve("buffer/"),
+      events: require.resolve("events/"),
+      stream: require.resolve("stream-browserify/"),
+      util: require.resolve("util/"),
+    },
+  },
+  output: {
+    filename: "index.js",
+    path: path.join(__dirname, "dist", frontendDirectory),
+  },
+
+  // Depending in the language or framework you are using for
+  // front-end development, add module loaders to the default
+  // webpack configuration. For example, if you are using React
+  // modules and CSS as described in the "Adding a stylesheet"
+  // tutorial, uncomment the following lines:
+  // module: {
+  //  rules: [
+  //    { test: /\.(ts|tsx|jsx)$/, loader: "ts-loader" },
+  //    { test: /\.css$/, use: ['style-loader','css-loader'] }
+  //  ]
+  // },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: path.join(__dirname, frontend_entry),
+      cache: false,
+    }),
+    new webpack.EnvironmentPlugin({
+      NODE_ENV: "development",
+      II_URL: internetIdentityUrl,
+      ...canisterEnvVariables,
+    }),
+    new webpack.ProvidePlugin({
+      Buffer: [require.resolve("buffer/"), "Buffer"],
+      process: require.resolve("process/browser"),
+    }),
+    new CopyPlugin({
+      patterns: [
+        {
+          from: `src/${frontendDirectory}/src/.ic-assets.json*`,
+          to: ".ic-assets.json5",
+          noErrorOnMissing: true
+        },
+      ],
+    }),
+  ],
+  // proxy /api to port 4943 during development.
+  // if you edit dfx.json to define a project-specific local network, change the port to match.
+  devServer: {
+    proxy: {
+      "/api": {
+        target: "http://127.0.0.1:4943",
+        changeOrigin: true,
+        pathRewrite: {
+          "^/api": "/api",
+        },
+      },
+    },
+    static: path.resolve(__dirname, "src", frontendDirectory, "assets"),
+    hot: true,
+    watchFiles: [path.resolve(__dirname, "src", frontendDirectory)],
+    liveReload: true,
+  },
+};
+```
+
+其中您需要关注的是
+
+```
+const internetIdentityUrl = network === "local" ? `http://localhost:4943/?canisterId=${canisterEnvVariables["INTERNET_IDENTITY_CANISTER_ID"]}` : `https://identity.ic0.app`
+```
+
+同样，您如果需要在 Chrome 或 Firefox 中测试您的 dapp，请将 `http://localhost:4943/?canisterId=${canisterEnvVariables["INTERNET_IDENTITY_CANISTER_ID"]}` 替换为 `http://${canisterEnvVariables["INTERNET_IDENTITY_CANISTER_ID"]}.localhost:4943`。
+
+:::info
+
+上述代码有可能更新，请参考 [webpack.config.js](https://github.com/dfinity/examples/blob/master/motoko/internet_identity_integration/webpack.config.js) 获取最新版本。
+
+:::
+
+## 添加 auth-client 库
+
+接下来您需要在您的 dapp 前端添加 auth-client 库，它是 DFINITY 提供的用来方便集成 `Internet Identity` 的开发包。请在命令行执行以下脚本：
+
+```
+npm install @dfinity/auth-client @dfinity/identity --save-dev
+```
+
+## 添加登录按钮
+
+这一步您将在 `src/greet_frontend/src/index.html` 中添加登录和 greet 按钮，如下所示：
+
+```
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>greet</title>
+    <base href="/" />
+    <link rel="icon" href="favicon.ico" />
+    <link type="text/css" rel="stylesheet" href="main.css" />
+  </head>
+  <body>
+    <main>
+      <img src="logo2.svg" alt="DFINITY logo" />
+      <br />
+      <br />
+      <form>
+        <button id="login">Login!</button>
+      </form>
+      <br />
+      <form>
+        <button id="greet">Click Me!</button>
+      </form>
+      <section id="greeting"></section>
+    </main>
+  </body>
+</html>
+```
+
+:::info
+
+上述代码有可能更新，请参考 [index.html](https://github.com/dfinity/examples/blob/master/motoko/internet_identity_integration/src/greet_frontend/src/index.html) 获取最新版本。
+
+:::
+
+## 交互
+
+您需要在 `src/greet_frontend/src/index.js` 中添加如下代码使得登录按钮能够正常工作：
+
+```jsx
+import {createActor, greet_backend} from "../../declarations/greet_backend";
+import {AuthClient} from "@dfinity/auth-client"
+import {HttpAgent} from "@dfinity/agent";
+
+let actor = greet_backend;
+
+const greetButton = document.getElementById("greet");
+greetButton.onclick = async (e) => {
+    e.preventDefault();
+
+    greetButton.setAttribute("disabled", true);
+
+    // Interact with backend actor, calling the greet method
+    const greeting = await actor.greet();
+
+    greetButton.removeAttribute("disabled");
+
+    document.getElementById("greeting").innerText = greeting;
+
+    return false;
+};
+
+const loginButton = document.getElementById("login");
+loginButton.onclick = async (e) => {
+    e.preventDefault();
+
+    // create an auth client
+    let authClient = await AuthClient.create();
+
+    // start the login process and wait for it to finish
+    await new Promise((resolve) => {
+        authClient.login({
+            identityProvider: process.env.II_URL,
+            onSuccess: resolve,
+        });
+    });
+
+    // At this point you're authenticated, and you can get the identity from the auth client:
+    const identity = authClient.getIdentity();
+    // Using the identity obtained from the auth client, you can create an agent to interact with ICP.
+    const agent = new HttpAgent({identity});
+    // Using the interface description of our webapp, you create an actor that you use to call the service methods.
+    actor = createActor(process.env.GREET_BACKEND_CANISTER_ID, {
+        agent,
+    });
+
+    return false;
+};
+```
+
+:::info
+
+上述代码有可能更新，请参考 [index.js](https://github.com/dfinity/examples/blob/master/motoko/internet_identity_integration/src/greet_frontend/src/index.js) 获取最新版本。
+
+:::
+
+## 修改后端容器
+
+这里我们将修改后端 Motoko 代码向调用 dapp 的主体进行问候，包括：
+
+- 不再使用名称参数。
+- 使用 `message.caller` 进行问候。
+
+请将 `src/greet_backend/main.mo` 替换为以下内容：
+
+```
+import Principal "mo:base/Principal";
+
+actor {
+  public query (message) func greet() : async Text {
+    return "Hello, " # Principal.toText(message.caller) # "!";
+  };
+};
+```
+
+:::info
+
+上述代码有可能更新，请参考 [main.mo](https://github.com/dfinity/examples/blob/master/motoko/internet_identity_integration/src/greet_backend/main.mo) 获取最新版本。
+
+:::
+
+## 再次本地部署
+
+请再次执行
+```
+dfx deploy
+```
+
+## 测试 dapp
+
+请在浏览器中打开 `greet_frontend` 的 URL，您将会看到如下界面：
+
+![greet_frontend](./img/greet-frontend.png)
+
+在您的 dapp 中，您将会看到：
+
+- 如果您在未登录的情况下按下 `Click me!` 按钮，则会向匿名主体 (2vxsx-fae) 进行问候。
+- 如果您使用 `Internet Identity` 登录，则会向您登录的主体进行问候。
+- 多次使用相同的 `Internet Identity` 登录应始终返回相同的主体。
+- 使用不同的 `Internet Identity` 将返回不同的主体。
+
+<TeamContact />
\ No newline at end of file