From dda401d147533a2e085ccff212a8821123141836 Mon Sep 17 00:00:00 2001 From: yequari Date: Sun, 24 Sep 2023 11:37:22 -0700 Subject: [PATCH] almost done with basic layout --- css/counter.css | 6 ++++ css/shelf.css | 59 +++++++++++++++++++++++++++++++++ css/style.css | 52 +++++++++++++++++++++++++++++ images/MulONxK.gif | Bin 0 -> 15172 bytes images/NRJjSF0.gif | Bin 0 -> 15217 bytes images/d7YslGq.gif | Bin 0 -> 891 bytes index.html | 80 +++++++++++++++++++++++++++++++++++++++++++++ js/elements.js | 57 ++++++++++++++++++++++++++++++++ 8 files changed, 254 insertions(+) create mode 100644 css/counter.css create mode 100644 css/shelf.css create mode 100644 css/style.css create mode 100644 images/MulONxK.gif create mode 100644 images/NRJjSF0.gif create mode 100644 images/d7YslGq.gif create mode 100644 index.html create mode 100644 js/elements.js diff --git a/css/counter.css b/css/counter.css new file mode 100644 index 0000000..06f3d89 --- /dev/null +++ b/css/counter.css @@ -0,0 +1,6 @@ +.wrapper { + width: 100%; + height: 400px; + display: block; + background-color: aqua; +} \ No newline at end of file diff --git a/css/shelf.css b/css/shelf.css new file mode 100644 index 0000000..de2b524 --- /dev/null +++ b/css/shelf.css @@ -0,0 +1,59 @@ +.wrapper { + width: 300px; + height: 100px; + display: block; +} + +.shelf { + width: 100%; + height: 100%; + display: block; + perspective: 400px; /* determines size of the overall element in the final transform */ + backface-visibility: visible; + transform-style: preserve-3d; + perspective-origin: 50% 40%; +} + +.face { + width: 300px; + height: 100px; + display: block; + position: absolute; +} + +.small-face { + width: 100px; + height: 100px; + display: block; + position: absolute; +} +.top-shelf { + background-color: #DAA06D; + transform: rotateX(90deg) translateZ(50px); +} + +.bottom-shelf { + background-color: #DAA06D; + transform: rotateX(-90deg) translateZ(50px); +} + +.right-shelf { + background-color: #6F4E37; + transform: rotateY(90deg) translateZ(50px); + right: 0; +} + +.left-shelf { + background-color: #6F4E37; + transform: rotateY(-90deg) translateZ(50px); +} + +.front-shelf { + background: rgba(255,255,255,0.1); + transform: translateZ(50px); +} + +.back-shelf { + background: #6E260E; + transform: rotateY(180deg) translateZ(50px); +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..04616a7 --- /dev/null +++ b/css/style.css @@ -0,0 +1,52 @@ +/* toy-shelf { + width: 400px; + height: 150px; + display: inline-block; + background-color: chartreuse; +} */ + +body { + background: url(../images/d7YslGq.gif); + line-height: 1.6; + font-size: 16px; +} + +header { +} + +h1,h2,h3 { + line-height: 1.2; +} + +.container { + background-color: white; + width: 85%; + padding: 20px 50px; + margin: 0 auto; +} + +.content { + display: flex; + flex-flow: row wrap-reverse; +} + +.sidebar { + flex: 3 1 20%; + border: 1px solid black; + padding: 20px 40px; +} + +.storefront { + flex: 1 3 fit-content; + margin: 0 auto; +} + +.shelf-group { + display: inline-block; + padding: 0 20px; +} + +shop-counter { + position: relative; + z-index: 2; +} diff --git a/images/MulONxK.gif b/images/MulONxK.gif new file mode 100644 index 0000000000000000000000000000000000000000..5a1d87e0a79234d7b7a113e343aba118756c5aa1 GIT binary patch literal 15172 zcmc(mXI#_w`u?RZGC{>Q2}>(hNElU62^&QvB%rA6A#4<@A&e?$2~(;FAqm5xhYf8# zN=N`(t!1mHwX%n`maq}5gb{a3nE(45q{p_#_J2;>9}j#0K6<~d`}$n>`0k)>H>djf zFYsS*d;#(^J3G627UQyQ@1CvpyS8mGetV$`{C2f`(IVuphR8q2e_rs~EI&oqkh|d1 zoXZ`SxjkC_YNvMZIGd7q{?oc+!@Mh>FZsTgZ}Ow}y_xHn?J>3=rw*AeNu#b!;fBfz zOoamSr8^gmjQ9n-`f_MO>Pc2B>Jf@$k;Swip?!<$lO`lt6G=pjWdjGpq-Qsj@j9g> zL(4#q#z?HV$e@ui8i*Ab76(cKr}^5&)=geU99*7JjdM@X%ow4>rrBE-gU>H1bLkD9 zP1Y^74RL!AtLAGHH>vvLil=IRcJT{|uZM-V?%cw~7;L&cuD;*F`i<cb|qY^WUDP zITmInUv|Lp%o^ryvT{~}c~(=v%5}$CZsPgO->^!KvH3XF&Fpb1_1V1fx&T9cy?W@A=35VKG6c&`#4)yD+aNeZS zQ2x}D#Da3J6m^}Yj()p?7~x)&Wl=HQQ7C9|?l^9z$HL8Vc()V(X4iY3*7k4)~4{76VjPZ^!!FkEe7kZj! zWXVfyO?-ClJeZ$ywNx#k*EUu~<@053seSe*4yhaOZBJcIOjx$sC0+H@-EBMqas83D z_OyW=DQsJKjFoxGr2P9)dU&<~04XH{4@ z)lUqQ(3X@D7Mm8yCN+4BRPrR~91L0L!HD8liboT>47(`PbZrJTFjuTCupaZm#o#iH zYJz&4XNq;2ZJOO=F~<4$tHHg=v&n=~+Xp@=z1DGZRoR-`Eq%7}D$DR;Zt8dK?NDot zFSn=O-6|k1qq+?4X&cybBM>^?pp7m%nw#IOV z;awap$ZM*`Ns4E1y2iFHKEbigc_mk6JSv`?m;)nAMw}j_=y%uw{k)yNiVHXPMdF-kTLld<89>8aTYWr1B zN%!2(%j&-AqDMX+yFGF8r#k$}@l$cW;P9`dS>H?Mh7K2OMqKOG#r0#nhQ}4xD2J1} zHhk5(=2=$t;eC89eDu#{`sRmrCmt?Kt-Vy(YW_%-NL(-9V-QA66>=oB;wm}u6D{zXhRqR>kITnS>HL7;j zW=#vUORSr{WZkNH#x*WI!86Hug*GkT4`S5vO>_f$Q)YMi*u}&R;d0C{{iQolL}Sm} z>UY1|y3D{uYwxmw8@5CuHMr~BWrH^@PwTz4C;XP5(?{R#y0TaDxpG>Vd0H>i)^l3_ zleWwqhkR=lFJfY!xr%&^a0|?cpSnx>Gb8 z$|DOBBiU?}m7yUmDsVKhN<1|ZSUV-oZt!rX(zV52jk%-USeu|~Bs~apN^Fw5F_}#| zI3s;)lNhl12M4brv}|J{rf`eGclp|XcnoXoFuu!g>!~AJE+@lX_iale1RDl_J?^Ug zNw}=!dgRT-LE1+KuE`Ee<*?9yJ*+Z_TH~LZUmxmARN+D)vV4UfGSA7cWlB*CI;1qR z1v)8$Tpv)>fu5`{CyS&JY&Nklp;APVYGOzAJsD!Ktw69X!yzr)*g7xgZeGyATxZP@ zYaSDmN1tKa@MFX^jWeS*xLBiJqnRLG7izLkbF3^M-)9jwrdnf4Q0upffA+LHG(+u{ zP2#lv%q4>QfSrK2n5r}Ac<7U_6V|NRu$*(+-|3@7kk+eg3-!CSn(vM9!{OSNuFewUFX3t zWaaQjftDC(1wneK=8YZ9#YK%)V`mI)oMVD|jG{z&bSl55xcH{FnypF5j@Xd=6q5_R zDUct67vMGAQVU2YP|J+>9y-;(74kz;np+y=2coxFCE})WM&;2po%XLWcMsA|Q=B(! z;l9G;RezV(|7h~_w9Ky;_KmAbSN(1wN-o?-N>M_mHdKySVy7@fMiiSZtTdbwgTACz zxM(9U=dnZ8f@#QG#Y5Kk7-Mgj;6pXZGbKIE#zQu0u`d>4xoXFw&Fa2e;uf#m#)=JEccGy^EHXx3Rb*w)wsL*<#=oZ9JW2jY5NBODPIX4xhXm!Ctz z3J_O#n`T}NaiadH)lciaYC&9QqCVK*UC*J6d{K4t72;a*_tWA$H!f-4Z;Y#B-TfjK zn@bUn)QX1Ks)qWbJH!VA6Fe!A4LQH1)mV;}o%eJpc`q+H_&f;f2OYHsYkhW>9>`A# z`B!g?$qgU7<1UL{*DL(mcgxA`8X&Gkcb9W_>bvxBKbTYIM$|m$cWXRtzhg?e-B}IJ zX+6D<&V)yUIlqeC(Zm`vLx(I!DeYX3Gx=R81h!kb))r3o|_U{^)~XY zLr?S_E*F%17W1sy^fc>;yl{IE2j zV)arsjlvp96cw^-DMKSm#p?ohScy84ri!#0%IiHb(Ue?zHM^TPEz)kZ9`(Y;jOH+E z0(iVjqHQ`>9JkS0>eh?iR-Vz)2e> z6_nI{bC>?XW5IWdcnUsW{0dxT1eYS7HXV-bGcAXB>hW;xbYA|zKVSfX;Bo|9`U>ab zuF8Z6LHsaND7^+g@2-a)ma`%(BG4C$+zDk|Dcs^!DCXQ*}1%G zQFp`ih&I;7(3=qxn8&XX_rR;D<2*^Wb!Ixp3i6AuHua9p;(X2H22{_QhU5J#;ztNq zLdWs@tO7z?yFPVOyR|Kn^yKXyo|LKi+osJrE-|C3AFw~Ol=)Uz`L3->aaH~exY`vV z;&*V_eR8EJ3vi(=0f~rJDPq@6j!+$#MnHee$lO`Fd=A*c`9r7foEm}RQp+j0iSv^n>Nt8!eTzX8|0y4w3PUYl!vq{o@U z^14hRiWHzo5$Mz(4nzzOqbTSivWL@TlBUQqJ8Ps8)5T*pL{g#{QzETKD+ZHq$g&Lb zG#Ycv4XPFt7fv^6%YszBjbmJl;Z^J@k=@jJV53&LE_P>rNJv6&>1;~AR_sER*ENPt z`ECKDFLEtIGt3Uw6&PJ=#}1e}l2&YdcW`dJMLen}Z}UgSTW1}@HYmrH{rk9@@L_*N zF&cc$9GnYXv^U?2s34;w(5>zh^-d%8C<LMPdvX3%)Tg#4C-RnPdI6^EgK|BY=h1QWr@D{V6GtOLU)tV zeQmt#E$`nvj44SW2l7ijMq)9(#*E5EGaJmY{p;g5UDVJUSKDXDU1(r^nXqiYK|or$ z+UseC!s?09W<-V6FUt+f+^t+)k$*F;Us}Cn?P7)5bF|q5iq&=Z@jDIR82|n zH#0KhCAKCHw#9~&#$PQBxiQJrk_YI*ZA=W0lRNKw@!c4B?4~$Mgd7; ze(VVW?@vvWI$kj)svWRCBX|2Tl=%KOrB=`WKfon{kP5!FYX1$1(7=6=IV?S%RS`kX znvmC%p%govoU%b-9z2eS&9(fwxfX-f2ZGfbIYtMKfz=m-)dzvq8}En-mI1C3z!eO* zOt!~{JOEs!fXhceZubKG)1ynA-adJQ@K$I$cApvdJN@@Awd3}i3rP3O&p&C$`&*?w zbNs@_HKvfXA$}^i%=9JaZNl#i9Xf>64?p8%KcnsM7`56 z8eJKnD8`Zhtr+K1YA>o_MXbuvAp6f7`i$bs-(DN$#_KoXexF6)`$-vY zaC6##W1eX_{+{KTCvH8VqvyDCop)P)cHquy10 z_{3c9Qj7&-`;oDrIgAD8aS;HQRQ-Shk;M_RklaNcWG-?KsOMUsFIo&oxYwga&nrR|^5+P{U1BU+y$fYpO{E%O@8 z0IN^aMn&rp!RpVfRmt_w-0h$g7y56)Ra-!SaRg!c%0&RomwTKlWPXhTb&>U)NC8gd ziMsNL;i4=wOz1lUc(lk7c@j*VM@CeqC}Kyez`(>Pu_5e!Mwd<-7VoeQ3QCABHiF&H z*peBelI=FZ!KY$MjA8d9TRdxAy3IBuBtEv(1lj!*t*#EgvB3?~Z|uC7s1ufEU zXJDhSdPn4CR9O9Xco`K|?*K0&SiSOMM9t%R?~BO?%G9;!Pf-`)i?0*=2&?5=CB9TH z@e_r*vZT+|Mc!LqVS$buCebY^?z~8mJU}$eGnf=vHfFP{*b=%HmSNDzOdD^k@9hHal~4oIh?4s{FHCP@57ut*zmcwOn!&hbcXIJcz?IszB@wq4 z!PSNYiH(3OtrddAHUw8I1c`S5*AeCFQk}>3*B0YPmrss=nsK*w0nvbE$7FGd`#2Y+ ztx`EkJ%Z}){*-Iso64C1- z19SLTA)>BEg}QM~NOOSTSCSBXMh!3uSmz-(|f?J0e#W%v5y*H!T=2)ht<5q0)v zv?A&Ncbp2a%Y%6^c<0iK%u_jQ*LYm3x=U z%W&2ICrJGKGX8%DiRgIhjqmSoUTyA3@C%P~D=d5g*PObf<#h%c7EZ$~wE6_MJZm@r zZAr$slh{a`6VZ@8QYn%bbviL<9@reiu7;@*tw5?6LFWmZ>n6qKTAPXTLM7HlgCG`MsubZBx%epQiZQoq&@FhwxplTM}TYco|tLZY8Z)|L$$1XH3>y zd{jf8hV+ciX9q)fD-ROa5L`PYywLMikr(3cj-PpN<9YItEBDYBWQ{kjY`@>uWJbgFUD~S31raM8=e*NFV#w_<8>GxT;f2`_%)M2&v0i*Z> z&%9gre_FS!Y`vpf_~FEivWu#1Lr)Ty*KI)UW^w9Lh2;|3L(_ufVm}QtdlS&UD_bgeRK;m%eKv z;2OFFxW-kNm%mM8(!z-8!g5rrw4505u+EO;i*_nX>ZlI@@0v95pj#$Iva&TNhAlBs zl&(%WTZ?Zc_RQgo=3uK0yFKNBu;wrJ(&mii;%ba~y2pcbl5I-7^TK6$_^ZbGU$68T zPma~iXt~<^y;|Q@D-{$zXODXS_07nF@mp9hnj#CvJ+NRjAt4LKTd-iHtfnPbg+8Xy z(w{v2;^`}JabJdO_{f#s|3+Q6-0%DtSRLZ(>8;kS6j$ck+}(c}F5Shi`-}(s=!Tbq zx*qhJwAjX}j9|?Wb;X0a!VqXEFci|2D%jCij4}SrjA>6IqOPWB?My^n&NJNvL|x4>dF_io!e2$sxxCFw zeOh84f0@l>XDfGSu>LAk(j!^SuuPzBOYl|44+>WQ(1oy z*YA6mpy?oU;@e|aEf3$y0d+l+H_a8}(B@a*`ZK-DJN~S9S&0t#mQU{oA^G{>U8RV3 z4S;uDM7*m7yz71EuT9jnUAlI=?z4;_X+AnS_|r09#}C&mJL@05e4i7KvN3O9e7B>r zCW!ba;d*4zP!9)i-Ny#{bmZARpC!O*pn17^GS&<%?P>L;$ypYb{t~ru3h$V5L2IC zQul+H`phBB9Ac^^=?#PT2FqMsb_gJ*hM6w+hnV`^IkR%*#fWNvmoZG(!Ml`I6?qyIwX>rXqobf4Ohn zhs1NlYZ4(UOA5FG&@bQ`MqqhRD%c!RHniBC6gj2QAe#>@HlHulYO)&h#5o(}I#&mE z3vfd1W^0)jzFEIVZ_j8r!z!?=WE^nWgt(=^0NSJsa7E8fEz&br_qDeMTxMmhE`W=; zJsnB)T+$oekm{H1-?0&JJvG0@09>^5T9bCKR|awQ@IOil-yC3FIhpSFf==SU1JC6kt8bSL=h9QDfQ^X@cSxD0&$Iez z&*!uHXHm~*^y3}z|Ij%jA-kB@L_H{#BktS%~yAXB#jEi-R zsA18;3?LPyCRr2(pdZ%5?rfw3jo_kNikQ$`S5mMvtH4H>ckyA~#eiF99NaoL!MsZV z^DeK;-(#lO#L-BRcXEtzW^j#hFMd`=cwkeiF#DDsz_nn;RHL;Qa4pl(NN??fAhFu! z>58^~BuK3HzWq_#T?i8PF_%}|8h{|-nwS33W16y;u>f%G-+H-&7n=Iq>VGghAMk>A zwSaeBebKvi>v0}uQKf>H<2tgnUq_zfeQDq!#~O<9{zAg)@g1r^<8oAyg4Mt9G8Q2( zW5r>23-ob#7s(`%yuyObq+rmM>`qZbo#v<|mTwRR0~`joOFY$xh3gwHqb9|kQBa6G zn?{eMP?J4m;lX(&WhFhq<1!r+2oet*i?6|aTnC46{}k_)C>;;Rz7*Gs-t`>UiaGD1r5-R5hCVJ(itDgxzjk?| z41&bbId$p7%h>KebV9jz6{%PF!Hp%czM^QDJ6wfoz z171oiLo7`TW?fCN+{hI;9}92Pl64u%4PoieunG2-g*WFJ!{si1wuBI3+XDL9>0`5X za>0+L<2!xrK3uqX<=$}heOpdpv^PC{lDZGnwZiCKI9J-aJw=mtY?0j6-_df7>)9~Q zEhi=F3i+eB5bs({Me}SAq`U;z`qP2%GO{*urw?C!39gJ^;X;a0h`;vcvpx| zNO%k4U9r=PrWFI66N{&{6a$vYxRzmVJo#rSJ=sSV#a_U|{pv|Sv<`KZhP_)2O;G=p@1Dgt`?Zhn_0Fwh zNq&*)8*A>||LF~Af*kh_g(hY=epcHa{%}a0xt_b*fJ01YU96MHg{?w4ZP*~9!Y_i1 zE*M5jxywUNsWPw(^wi=osz$rI#v8Sqt#iu?!;5ph+>E+$Gunh? z>tOGm4`jK`HF@8=%oywXY%cXqiPin58pPDAn`TELroQcL9|O6|@X{_{$X#DKI6zFj zVN7~M8)E8u`i>;XUE&S9_e1Xb^xUHI$I5b-nh?B8k_p}w(p6Q8J#}~R%z41YxzYnI zcGZndj`y3JmO86B44vZoraGFvmbUe!>iTu=YDQB1Trm=$7{`4J$H92e#im4|ujZQIcKocd?oL}1XoE`gQ+jP|AxNx1zB;gmAh9p_aI25ii0D*xko?o zSb?hvpRQP(IhyID+00!JT1(R-=B@`RPhzgGd!#srGkpdvb^?;>dp>J2@#Xh0QX%yxbLFFeHRvH z^^I`f#YblK>on*dg2dWVf zF#`7f5lO>B_YNq>xlIrqiKz|0P4$iD6^to59P$P-`7rSsi-yk^%aMtf06svFxi!bg zAV|3MmW(60zQyN3Y|Ad2SQi-o4rq=e9Wk=~ntAYB0wA@nLp z5fqg!C@RH*qOy5@?|ZTj_RK!`?{&Cl-D_sethw*ce6Q=$)gvgYxYPpr0p9_DckkX| zFwMDsBdMvWwzgzdRkw?)xppKdD99FFi`BolqnZl<)YhW0fLwijeGE3-57P`qyMe(a zqN27XB_&`m1_~`185t23tyR@02Vt9ouw7_0nv=6OC@2>S4bs;Ss=Zi`4u=A4Il*oK zfS;%+`C^?p^kQug7>qSHH%DWFz))KNK(wo?3wrUo5~wX_t(#~qnA1%kS_1fgzR>3o zV;zgDIBioMSt%K6;Kh^ZUm!38;2a?F->UyU6F_@DQ0z~X;K~@U37ojDT0SR|i_f-g zS-JkQ>T_62X-kNqRPl?wpcPxAr|%EDBbaYpdg#|1nUOkD5ET(|$C8;yHcP~!V(wWb z3mGKqkaKW(-tl-w|5UxSn`{;Zjy1(3GgK%(GWbTF?!$U~kxwI`xdSI<)ZXilY43SH ztlQ-=rvC)zH`Jt5krGhyz;uGxPkM#J&|?SZEl$5ZCdct!L00fg zj;w&}ndDK&0DwdXkzJ9YP4Fplv2=387}Qb4({Zf!Zc#>(JBsGgRVO|k8Cp?m@2J8g zYQI1!@42-5#Hl{;U(@_9MbDYgo*l>Q-XMABMco!g=}7je4=pAOK0_?WJUfmzPF!s= zp2arP8!VYyi(}BE$DrHI!3O>dv_HM(FpS(7$oK9bVbV3+;$Jn0-^V*?V*$1(4$PET zF^gk^1EfjmL$$LPm4?S%iT!-&?pfWRv-_Vi6508c&LzJ5q!C%?`Bzz45^10uM+K+p zRjeSI@SLubSv9ns;zl|bDz0$Tik!1spj<^p;!F;#41+!TcF8WE^~~Oc2NqgTn;B(> z6u=-aT`rN`BevaGV-CEHcvNnFPY9{$^4hXdnieTXe$p$TQE37vvB88jMC0yTse7@) z+Fe4c1bTY1gl^!Yg@&n#Y=gCI2$}n1DKF}E>0#!Z!&F#Jrft2HU}c*RzP*5@7%OUy z!+|Q7FxV#SmLj^+Ik;?t4gzpCjj2NZh0(Kq$2iMdVbB zkc3|&J3a+vquG4q2S^j=)jZ3#3CTrDt)kOxnC_wi*3U&Q(HtK|KJ7xom+jJZ_N{G) zyI%>960N|3y(0EAst7Y*9q1?P78tO&Vdw{uQKtqO6=+dSAJq%0qsu*GR?75kla^AF zv41$mEG&U%Yk#QpdD*$ zi-+Y4-ao!ypV8BvG zox(}Wm7sP_c8Bx$faO33)MuTF1*MnbYw06K+6#s_!TTo!^jaaqk3& z!NOn}pp&mh>9jsCO<10=3vYjFIaP%Gt~>d;V|Eu=@F}pLd%B~{KMN5Sh5xe$Ir_(T z5{rWUvr_x_w@L~W9P7cD$Z+O^j`09rLU61+XV`6oj3S2oX+eWn>q8#-b}ZdU>m>%? z7@AY=SZeW_XLLHBA;KjuKUEx(1pHgT(pRu8Hw!?#@94>9)|IvLAIgBWnc&~CSjJ~E z0`Z?k?S;6oOq#^h^llp0MtG$n=o{eqOw2v&ap!oR{662eW2`_63b=AEYc`3X5(#K2;Y9`vM*mFXN0j&2|0*=_ z@VyFMc+0W?fH*RcWX|BM5E(ww_z^nK5Gsf&(aSSw9T1n8b7!A*?^SLx(;C2zx88&{ z`C;0zOkn&{MS#LbmCN}h+QlRF-}qd9i!r>EKs;MxZC9f8mOB?)M$Ar-1>dd5y|=b6 z7XH8!EsGNZ8IeE%B)~+yH1{u_7cyB;S?@q|gISeCn3(9;hL8kHiWtR2m6K*S3FC9_ zY+!9ga>wA(sTo8Ly+sNS+r5L2SVZGo8KHAA$dwMT>f3$Z2kpXD%zl255DvY4XG1+! z0nR~Xuszf?h9S`zz_gWXjuNO>tC<1FjI+woWg5k1f_UB3jp^{24bF|b#Q~qIP1mSm zfsA}DhQvlrq)aqJt24mtZ}bnSTe6S`x*G4A0Yx6(FK3K4dX+i|VR1JFe)g(z_J6|! zb#7}MM6^cR`G|WekZ-p`=&yEe(0e_ZEY7M-jp6tJt?H#i&@VGqfQ%H815}rfD3!)5 zFK%tL+Q*_Q#Vh3|eHKhbwZVDv`&^>lW_Fk2-sL`hhQR{%e`%AEgKf%%=f1FybdDB0 z-x)&g#fD9sAJ+nwbamXVs_H7PrK z4ROsOLGR?)3`h-SzP(5tb&bmA!yT6yTVh~z)3#H*=`5JH`6TEY4;|uhipF5==Gn1~ zGOgz#$Y6L+nzE)Pccqs;HC^-)e=`j&{M1&MDWFa2vioIrM6>~XB|{`> zc@nWbf#^a{uTWw{>m9^Rk#y;$yHETI-c-L|-*=*$;@hdn)=UC^K($Oobps|9m=1@V zRUW(@ULP+0a|nPXMt9n!4AMUANLJiZW%^4vFb?+=%IJk#JCF@HB6(oS-q_wy<lmvCk67OIqO!@ANjP}Mr8)t(lIVmKc|Q5#hJfK9R31N8Lqw^;}O3b91U3c781>o z_KNvq3AYZnmx_uliUvX{JSBiln>~ZH|2RNHt+ij@F(BIxwb8%-)7NqJM&f~S9$1k7 zSNHP=bF(iZUp-8Sef-n;7y2O5&dW5Weae&+wH|((19{>jA#$d7ZY#3wNtDgzx_xR{ z|2x20`{XLny#xgOKMA?hXruoe7i*S)MMdeQnkNYvBHm{lZE=ig z*}dQ!4|K~La78|lHl@h+3&=g`y@`V8^gka_>hu`bAH?-^SK{ZA14`;mCyB%1opUH2 zEXD;j9=T(p=>D46`EgV~YA2N*B3jn7QO5VO)TeW0DrR!kPAk*7m1cJB@9!~p3cF?* zFHyc5T-D>swx*)i9$<-xuMpIbp))bL66dC>n1s%@$xh{bAC2eK@qibjFK-&K@3?23 zr!o6ejzeRu+NC6{R(m(#&RGSHp8SP}CLh@=y{(JvCM~RyP3~|8pkFG4T@(X_qgST= z5cNC@2XfeDJqJ;*gtd__qV$3Z3O{%Kj#2&+!8Oj^|6$_Z`j~fzy39+ZSx5dXfJ5Zo z+%CDZbr-2pQe&GlV{UpGgWf$PPwE6#DkcldZ7WlbU+Q4b9)Ioriog5suV;s^coI-W zSjy@f&&w}i<;bnd^d_r@42^(Ud-@;ohU@(s@6>k!-aWmQ=hfT)>`d#!+dU2bw_rCR zkviX`=g`SNKgEIFWg*sU*s^Fn@1aXve> zpmcYG;y(P%*HNyF0MpoWjdIXvq)6mf+^S##a>H!CRGKGj0`$-b4@Z|xYR5G9T5bgR zenQeLxq3WCk%?bOUxH8YvJ)G2f9MtMBub5vLYHmvcMbBcvgr@Pl^O|A0T1Ts54|O zQdH2#fD#|QRN-n0tS#$Om&dTlL%0vM^N`+TvK!yx`n_}D4(WBeW$`T=daOHF`bKI8Y;ws&8pi+>yi&8iV z3R0Y^1^H!a9{pgdytOJ6JN`H2fL)TM@}$abAZ&;a`?u{pdZk9=894_UI~aoKv&$zR zSnYid;@rO9^X;}nbf?y)UsLp-b(7I~kJl5&=vGd%Ta3)>Q&%;I_sq2CRbkd+XzlRf zOGRm?bs;XKXLLg>=&%3oym#Q;b~6hT`)&{${Fn~S-}B&JdB=O$Z{0*WP)1Df?{cYG zs=-KkZBh)MGg53kNA3dce2XO7rPyp3S8S{~xFS6FsFfvITUBbB3c{#Ni+FrF0+D0M z?z(~@oPMIw1;2widXe4e1MZScNtx-y>g3Zob$LN5s^)(%h;8WLUdPT-zQHyRajPm(#g5w~XZ?8a`#|U>dSfrZ$N?p17 z8b#y-4$B_}(>44>$9x~Rhzv)Aq*CX!h=sA=XjKYQEwXYV`zR5AgvK`<2H_EEBAH#Y2VqvLm54F;2sL{$pj>eTWQqu@#GkKD5Hk?-Z?fM-h@UrlTiV?c8Su1BE z&Z;omqE<}MFxC2#)s=*JiQ8Ekwx_~E?d!>{YuJk9iig}EhsyVP3%8sT+KgIb7eQ&Uc;eE&<>PKLj`wFP zp~(JPyMuST=KZ3Fn_Sev1n-*r=nfC%?pC8s`bSg~`E-NVpvA)LmC|Jg@n~x7D3Q6c zIBsrdR}>UGr`&ccU8D`$s=^0zq_}*zE+F}*2f~%QF_mgSHX)JcQn)3=CE@|f4LU7b zL73>-22Y`;?hy}hFO&0y60$1pr;~jORZk?llk!vG6B4uVoBlS`T?|FiRmzi<5B13< z#+8=vIJf_1rlrx?uZ-T?cuFT##)8Kr$~;p1S>oLD5G{RkBF%TV@u$4Tr&BCK+}HA# ze-@kAFRl0kmfqFvx7jOXXW+zNn}6%0eDz>>``W>BvoStynT9=~HFER>nt3(iZl$ys zv>5sloM_+RrZIjhf155=>gF>TQ|;bmMSO(YUFWb|zMvZju@co4rj0rJ-vKb==}*P# zeA2p)-0~`A*!liWBybhHdevW{i2kUwYj;>=_syHm@y+sspP66bVbk7nd;$^WCN&T>YM=z-Lz>@ZZ0CZS^In-oKR#RhPlUH6szKWnf5TZk5_8)KfFtdor==VJ4{{{JbO51U1yLoKe9WD0?#X9V1M zK&WiQ75g-Gbdscuo_5`Wu;>h7TL#AQPdujdS!iQ0EK!iLQKjYQ9u4(oGsM?n?{O?t zixNr@Q5+@}6}3#-L~hKYp%!yzjdyNftHdFXQ?wUimITU+zPT>fQd7k$(K3qf zf2Wmv;2218+Zh{D6;OFzqO&kK@KjSGPHjQ9Aa!sE%XN2~qNAVSv+|EaM#deedO5_e zao;p8X}iH)j78-})6z$7V3Jxida0mX20}eF|MtUtHK2T`_Xh`)_YDj^yT4R6lKGRK z-^ZfRbbG-idQ8M@c4Vv){AS&}sgo-<^$TPq^^iNtO|l67Dt*kSwrIS3@XO98r$E(4 z?;mF#7~W{7fDd}nzc@}=NjlrFKrz=u6XPUqnu2M_1|bPdv52t2b6f9Q#BmpPgtIp} zR*C3YCFY#Ax0y1_bnQJ%1c_OLi}1C%Cd)*EMpD%kH=HsBNQpFtKVW($*Ki85?nHe8 zde!y{!K}!EyWe{op}-$xs{m`;N=R&hX_xwP5rDiT#kBn~YKnx`>nm`XSHpQ8@GJq8 zdtH*PdnncBG9j?n$B`#oYS1LoAT;3v=VaTQcD|>qCrzf!f!n1*9WtRI-3%|tC{Xgc z$Em<&l@;!1*#p#-Hjk ztuX%F=4gMsWbDFuvOdyo^5sQC*(NYfioRZ z3BLR95+w;fR(fEbH`1t2jdw?FfACjg^E}+GjIL)dTec29)q{=8t}$ri_!ug397fIN zK7z)*BqC~W7!x<0=p?QO%F5Dzy(^Gy$&*uRtTc~qXI*j(_{20sHvjk}h1k}?F%^1b z(4of=&?N6BnKIJp$b;y3{ut)2^_aG{7&CDXf7j3-Cz)E(!%=ZIJD}rl@K~UEE>%I; zs1+~(RAOkTN9x^5mMqESoDb5tHr%>uN8QQ6wp8WJC%PqT`8VWxymlMQ8ymH&J;-mu zC&p|nAx)+4@_|x6z4Pz+J!ThT)FAtop7j#_L&bg12LR5pY6Nb#u1%-VpsUl&t6j0K z&=s>pb%SjZmOeb6>69Uhn48SfJ23Bd2pZ)>=|3}J0Z35Ph*VA7O%*PKv2dOrW=zvP zF?PBTtHe~Ze(K-i5uq_uXa0%_s?S7X*20M(qYWBFQ?ifvH>>l-pX7%FeL4`5bH6s z{viUDwV*9D(FP9)sYX`Z=G4m)bH^PDaOG&{Gy@^m0gD1`w?g_eCIaE#CT)3UghTldcx6c0qd*=aP)nKSSnF7gHYuhmZ;2u8}{vrR|3DJde>ZX zKc<^tz*LqtIx~5#4YlX5wlj{FP+M1+KevxLf*ucTGB}*jpAGJn>iZ7FzpP3NZlsi< zFkVuz!zRW;7W)0UwFl1bW}$DjGSBt3c9{;nX^N1|J`4*l0B;moQ@`A}2_7F}Y`F81 zj&raM4`xQWu~n3krUb@8KBg3Sa+V`7b0M4}uGU*_73UFkBL~Xh&M+$|G3NP5uRMoQ zz=S@lt0_FlyYqmmFyB8Xp>=#rX|z+(ay+T*4_W+@r?MPjV4|g_@qq=6IPG(;%k=gh z*N=VUSMv0K6b|cMzaruv{~>qN%tl0vhnJp%*|jCYWne2c^S6%H%>ZASU(~uz;j2&` zFIecIFHdic9@mi(JwBC&vrb{)+dfd|me7z=)>b0(w~TD$AD8He-}4%4U{u~)mYzoi z4T4a~YhCI~(p21zA`x5nJ9W((noKg>_XRC!t&R%L_ir{d1m zV8r8<8)doIgaz{>A~v{{01>2ozM~v#=s14wm|H9S*&Rc-@YOYPnVh^r2&3Ec9gj|IJ5Rz@Ufs@j zzbQ#~?d)VZy9M4|nP)rKXf6j#Ri>0vWi@1QNUv)j)d)LpNy&VU*SRGBvRhG_i-^Kz zXdQ9f$}>T`d4g@DEJ9lsZ#TbEN~kWx7+NZj1W~Sj$Y+%Xiz}~P6sTA2xnmyoF^-wN z+_?e5Wxax@FMIy(%2fb!F`qh6^-8*}aQLr7hHSc^6zk8I_ugdc77W^>9logZ**!GW z3YL^`DAtX@;PC@-P*!V`fsc|zAREw7Z?uwDsrPbsb)un^r?QlRnXy54$DG0TOTx>r;S3 zUxE@ywvbPlAcX`&Ifw-rS-7ZhF|C>qa*eDoT$^()k$GD)6gpCH9UdD8q=q;ov;Gp^ zNjneLbdxG9B=0qmCAjW{D8}<)ilSUIgPn7Wt~z-{sM?5qAq;UF6wYn#>wMz(DpSjq zb6qyLCXeBrKH*9e&3od0U9~UfCz@T#T!O%s?MJk_>~7FFu@gvix|~r9xMSE+08Nf# z8iM*xzj!BfBis|1=ThMEAgn4LIJpWL@9r?YngZY!~_ z85kz|eA0d`zOB?+B|2}*QawRSgLgzc@z21ta^-qGc=Ci@svM3c$z<>PbS zIOrGl%|so zFl%AL^N3g2rfmUj80a(62FCRg-9Mu4SuCK|j3lUiWg-6270t+|qa{Lf; z4FJ(WN_gp~M2Pl&YB+=L0Sz9VaaRt$c==|_D`a5PxJT;cj(>r)((Gf_C0^b96%s9w zbBo|hetj!#reD*|5bcwj5#QJheqv@9u{*_}Cv+9yM7YY8jbkb8;$oj>mW==el>{T7 zovJm?3`qMU{&T+H?FGMqHxCuyci}9J4N!r_9@)uoYOi+{rFf;qVdq z%JR*4x6+B%)oSm~%Ertzkq<%ezQt_@UxRBUWs^z;%y9=g{WRxKb{<7QkQSl(>$fld zXWcVI&RDuvVTM}(bDx8S(eR3Ba+V4@B&j-gi%#lM1Z(SLjNY!r!k;JNhSMq<5)Q=e z`uc>NfJndY>MyIu4kne?yc*5>Q)@Eye?bT}b38AT#OvgZWOKI2j5CFGxm4BCwFR3m}e0Dza69 z3uoj{8t$^g1lNH|S2F*w`(7(l%YvjhyEDXxtW2_zi3X3E4$~d6V9B4TSdZ`;qJ8UN zR(UKS;qZ}+*kCGQ0RM1KBw^?6C-hZ8HlD{TG}bofEdkWov+Ow>EZGrKHyPFVnNXb> z;=F?-pF}6M-6Kw3SUoGsFx}96Q3*SXV>s2BM=E`zjizq3x z&(@R_$xfS}UuEhBP?Y$am2Ya*Tz(H|T-r+k^H*+33B=JbC``&4i@6|)%1H*ogTPip zBSt}}pa^RCW*DGcuE#B_xPU2CpKpWJw5n>n`ydkKTrAmO9e;HesG!kCl=9z=<293J zCNaWl7`A$0IyrbInQ58dqC;OeWH~DVOJ4}?PyBljnrsssNv-+(d-qKsHmO*G9ZcWshXZLEf@h2toXuRdCetF{a4Y=ES#%*yc<=8q6p{p)tCQ?u3Qd``SK*=BKd^DQcH~N~Ssiq#v5LtcHWPwqM3TOJWpj{jVa;84{G+ zM>zE9uW|HNDKNCLCLY;*2rWBGZXthciDo;Hp~~WH-J6ZoU2%)+oU_oAIDvmLcn!7Q zSXAe$Z}fzE>LmXLG_4#t9t}$Jke|wR#(RK4XZ5kkLWzyNHA)uQe%@VLnzxPe8Q*ma zdb5SB!eb!ntlx5ifd*!3wV4ls_s(x>CqI>Q3LB%>wTQXdGN)gylK~Fxy2)zjb!DOG zVV{;g@0$HpP?p9Z;3l<9%tyc1m{2S&NYS6QM0>8Bfo8Dcp>xbkG;;>)AVrT)sv^%- z4zmb=bu*EpZ&bfN5ZoKGf=^m2oDEu=`||xbS>ktri^Dmt)x2!r=Wg?K89}nL>iMN6 ze_Ew+O1!Hm9Y0<l$AzU)4^G3kJhC#ho7CBrv*;9HO-`^ZyX)!Wf9Wk+@kFTByS{W_f9lWinU^C%Ov5>C&Zz%O-my6A1`VoMU2-f=gck8tahq7vs|ZkU$ag znQ_0Y6)?n~YVp5%51@ zg;^)|*X{=Y;xm>=9S-?3k-L0CKl<^hXkKr3<>|9_@#_nGyk-mI>lO5a+uB>Fv{UXZ z$N>Wrqi5Qb#8|UOt(x@}`Gb4+Z**&;Jx$*{ye>66;gd{%`;t+Uf1n(`h>8EUTu*Xd zz^!NffS%l)f|9O10Dp>SKNiY+@_v1dBoGOYE}yeDuy}!GD#?Y6;`<8l73oc#*AC@M ztXj9Y5aN_{kgDAq#%b%@0_F}Nihzr~P}z^*i}Znkr{?vWDLm(K*l>rF2#@&t*C9OO zU|wb(-4yGgI|AOP6%ZF1QEL5;vxPj#ymyvgWUfdhv{nZ=yZ1vvWh0+43K8{EUft$xVj28_CjH|91-8DsO3nY8DAxD%Fr2w8o#th}2T%IfIKKbS z+S)MxOXT4H^|j^V^8eS@hRPsR{1?eN)|Ff|wx#_?x_aFU(p@BSl~s-ZiLR_1ANq7) z6#K+uLLUWrgl{kX@lt$@q%=ZU@0yrxkss~FaLj{I~X%qXu;A$m?2G3GZ4t- zz2L9yYsYzl72KBPr|Ql}&On^YA^$tRZg&y~0fpppcBw#9B1S;hGQE$8dUi%4$fP6Z z>JBS33sttrt~(-6fmXhTW=eSU0g%7?gZxzI!^Ys zvi{(kCeays|N2%1cOW2}Wb5V3e_W8x@WESe5y9#U(lIiw=mpoqr0i>C90Y58T)d1& zi{yvo8%)t5<@m?&Zs`gFl8GI;VO3Oa0(?V(m2S^hGbSd;b8~qg_RTtCUrSQKX59sZ z3>SLTh2ux65Z1F{sS;CN!iq__jhSIG$2`K9mlwm_LCeY)Aha8WE+bU7cTBc4~A3Wgm|`e z^YyDMnzV4RPW-6Fcd#vGLLfCclWox6Ly!@g# z8PF>ZiEXf)t_rhQWixQD>?+|du*C>D1ljb^kvbSLLUxIml>D`eBI%*2m%YH@qYB$x&M)(v`7nsd1L8+7a!AamcVYcc931+PWY?mo4@WUZ&FkHoeR)pKyeG<^xg}ACPNX~So z$X^TK?r`t|j*=WXtqUiezw6RV{L-)K(-Opvo70!eo2nEaH{P|$xy=MXxia{YqZ=v3 zqxE*R>$mv{wlAU;dJ-o@RM9N~?O|`HD9AP$bN*>V`WI_BDcj31OKdLlIe0vlrnqj> zgsrlMu=1Kq@}uBUlc$h$8by2X=OeZ4Y6EsQUlW=ma6eMU}P0m|dg0 zOfT#|?Rq%|{$^4)U_Dhsu{YoZPBRmRS^U1ps&4OQkC*u--{N zMbGQCZpae@P~w2Db%B5UtNCfmKMVBJpUsSiQyhQGuY_+zOT#=rp=g&v25?z^cb?Cs zh+A6Sv+qs8^DY$8WUlu~^HOdvk83=#i3qz2;(r7^r!PoY`aU-=oVg{>Vs>NxYgd*|sxK`CF3&Q^3W=@T=q2Fe@UsFcr3`Dm zS1kOL7Rb9QMIE~<&u@H~P89IYEVV)taJcan{C@nn*Ss_ET?{--sr}g7R$@P+q==*N| z`qA?-UnCgguGmkSsRymkWXaM36MZ-P`Cf2I$X;e?t48+blrA#PGQZ%ZgbP$127Ih( zGFB)Vg>Sd zM6hmh_F2kPrvH+L-!qjNX#Z}^8kgNGJe2^KvwSY6hK!$szIhc1YyW?Sz5mTH{Lgy- z?`IfF%W#7gmc!3oyZ(ng9L8@@Cu+3c>tc>!intu{<^>EpHz)dH%Vm`K-sY`d*XJ># z#U7>qwAc7Q?d{)MzunN4Ui>Ivj#t9DZ9N9(bF|53A*;>U$;@Ky?Othmf6Nl_-6Aoh zdJ~p|6RwNc%%l;>3zOm?hccb17{~^07oR8fcrUXC%ITTetFj9U3Um;!l6lF> z%3KfknJ%!$*O&E`mLS|85oY%5L1jz?rzeluuQ)L-vd3M;h0Q!h5(5iqDQ!G1g;len zS1Rlff1oFaLAFC}+ov4GBNNn+x-FZME;8{_$JN0f;E(;aqExd7Pxv1OQwbp-gfb2+ z8Jk^6H+N;)lFf0jl28RcUU*ZL(2!5yT{BxC+Il|MyE$P#Ss-eS@L=}d zgj>kdr(>c2cp%Sg+DD#Zq@)cF6W=7I^bGJ`Of~$h&b@ow-ybIMD|C$Pa_jVGx!ai# z%*l;_5=o7P5;)9AxA5`9B%Ojf5ChSacs}e%`|_wP4vx(-P83T17H8g6QLq_{%HA%v z8V$AHbhKXe)^Wr_cQ++K*q9Az3kBC`F_!2Wlf*t1*lM^L*TMVMyc9Bm*iNtaMy(An-l9K4qlf03iL4rDreYNL~EQx~d` z@jxyCR#aaSKzDzH|6MBdGo0nVRKo;?NlLrY4Uzoc$dEeK<1vuM4%(xHb7oN#p##I# zd-@CO&18EZFRHALH&n0Il<{sS+_&OdH+9tH-KD|!!YeD0WDVgRJ73r6LBOc&=0tF+ zRPS(ShcS*r+yoSY?{+PqoMX$ku;7D~BK|qp?X}J9gE(wOF*)$(kE{kMBPW`uQ#aeiR?>uLoWmwr7pPDShNbAX$0{WCHl2iy8&I%!iQT)e{n zDVXQ#&yDGE9Z10YB09AzQ!|9iZ|9dKURmfc($=eMg=yPegm{I^pK0fh-5ckbbP3u_ zD3;;RZ7W|!O?4guA<9t$)XGTjaj z({!;DsMCZ!HR`dEI{zYXzUbe*t}mkW6p;fty7Kigeo+DD-JuxYLyqq5B9%`KKIEw> zfPC9}gfWvNFSmTBS1<62Qf&(Fd^GjL?eNC@sVC@sBz)`zDH8t{(thPEKg0!Fue$Z( z-!~i6^4R0`ehEevw!a3{fXc1sf^!Y{?{6;75z_&2K~s82(>k}Xzm~(PPV7y95giRi zQ#`tr(esP~zC2Em%AEs078rs=1yHaT-LS?z6o%)}a+K>JfQ9Fx=DLC#H&{94=u-cr1U0wl1c1oX0MjnkSA=#~?P3X9ZxnQ(T^nySF&8WFKRoXkbSZc8eI!z*gOCph5_cu_{ z!a5_P=xB)AnUAEqGh|`3;@VRHFw`*I^_&ll2GeFz)a74-Q%b0PqbXS(YUU8!#g6YQ zQkjjRa&8ghl1y2S){?KWU_D6x<%`W|xn76&axY+QZ@84wIVCRo(F2zKKwXk!o`J43 zDc&1v>|jsu7PRpyJxqvJ1Ni&>SrmZ5C*=(O#i{4W58>`w=AdVDSVHH;0G8#Y6ASsjZG+)YXWD?Lplf1Da%jlCDutcQ|%#E|kbh%Bj z9w7>Nf_iu{3j5xp-$E2@(QJdAUeTX_yB@tT>iVI%fTcmd$+n=$Pmjr z5%Fv!$5@{dAu-=3|C!5k##)>ff={%(GNtDFg>^j?D&xicYgs|34?iNco8z|6`OSD@ zGie6WDWWf zG!_sZgO9DmkFzo|f_0xWZ<15~v`*!(1lFNw@bfaqGvZjIx9+@8*wx^d%`d4k6(veo zEo~*GKNX2AyHgbPXoeHXadm3UJC30O=~Zj2d!j2PiF@=XtXppZ`oWT0D?S6-U&ZFZRo zy<<$__zNE3)km6TVZ$LqrCX}voZqDq?VAS504S;^KPs-mKu3u3^BA=LaxEcZ|8+4T z)+e6#Oqu8Ak)HBj9$^!5;H%zyOFyvm3@=^e`Z6(7(f5*arTG(Wfj; UBClUquHY+Zf9v6Ymb>zQ0kCYdegFUf literal 0 HcmV?d00001 diff --git a/images/d7YslGq.gif b/images/d7YslGq.gif new file mode 100644 index 0000000000000000000000000000000000000000..4f0cc435194e8668509ed0cfe62c9e6ccc76733b GIT binary patch literal 891 zcmV->1BCoXNk%w1VSoUD0Pp|+05bpp001HX3qeFrLPa`BQZX(t0^aQaEC2ui0Du61 z00092jE@M(?e7+xv@(F@wTk^L%D4+P6Gk)9#>r&uM4c?sgkm>Frw<|zqECOS$;Y8qOHr@ENB87Bx^Bg#2M zTdUd%rD>Y`cc>?~>l!4x20UjRYonpO%G~@s=?aa;d5t2?gr~jzCJfn#d>Za6ShP~^ z2TZ*sbHdx676Ka|!=AohJ+5wY%ij%rVq(n@2EBUPi8rqTyo$t`8{3YQVN^I+wfT$oF~+Gf^)gJ^@zX(pkM4b|TXr(7#h2k= z1>;WH$*pTZ!o${8Y(r?IPcH*Y7BjX~O}nksR$F%5qpfwbDvWzLT;ru(CjYvexk4qj zp+~>&`bhS>v90I6%~m_H3skD!^uE38kKmJ)_kG^a=J?{+1-};_zPm`0?&*X7_ivVT z)ZIrQV%^z?UwQ)~$Y6W{eg~g`b1j6PfC=VD++b>5=wN&D)%V_n$W;hR6G%*0V1yl7 zsA6#_vbf@Z4JszrOdw(?qlY?%_9BciHrU^aBh8iJjuny!;53eac4Ly~&Bq-j8y*QE zkSPY~nnzO}h~-ZYGRGH}PkI^QTYaPzT83t(sUVgq5|-vj@WELYjWPx{Vw)V=hbJWW z{1=#>roCoVp9RsOoT1u{7EPcfLMa|cj{1`ee}YQJBcc)odg*eNQkfW;KeCn^r-pFJ zXkVt1!=8nylC`Ro>s|RFMzP|6W|Lp86V^IbSXx?Ey=v$tsl(2&)~m-zdb*gh%g#vG z7q=dYE2L~bYptxBVw){w-1=DAx6>NAi8SMq%c@( + + + + + + yeet + + +
+
+

yequari's emporium of excellent toys

+

Odd that we only have Transformers though

+
+
+
+ +
+

Featured

+ +
    +
  • Armada Megatron
  • +
  • Leo Prime
  • +
  • Coronation Starscream
  • +
+
+ +
    +
  • Armada Starscream
  • +
  • Leo Nemesis Prime
  • +
  • Optimus Prime
  • +
+
+ +
+ +
+

New Arrivals

+ +
    +
  • Armada Megatron
  • +
  • Leo Prime
  • +
  • Coronation Starscream
  • +
+
+ +
    +
  • Armada Starscream
  • +
  • Leo Nemesis Prime
  • +
  • Optimus Prime
  • +
+
+ +
+ +
+ +
+
+ + \ No newline at end of file diff --git a/js/elements.js b/js/elements.js new file mode 100644 index 0000000..c2a2fa9 --- /dev/null +++ b/js/elements.js @@ -0,0 +1,57 @@ +class ToyShelf extends HTMLElement { + constructor() { + super(); + + const shadow = this.attachShadow({mode: "open", slotAssignment: "named"}); + + const wrapper = document.createElement("span"); + wrapper.setAttribute("class", "wrapper"); + const shelf = document.createElement("span") + shelf.setAttribute("class", "shelf") + + const topshelf = shelf.appendChild(document.createElement("div")); + topshelf.setAttribute("class", "top-shelf face"); + const leftshelf = shelf.appendChild(document.createElement("div")); + leftshelf.setAttribute("class", "left-shelf small-face"); + const rightshelf = shelf.appendChild(document.createElement("div")); + rightshelf.setAttribute("class", "right-shelf small-face"); + const back = shelf.appendChild(document.createElement("div")); + back.setAttribute("class", "back-shelf face"); + const bottomshelf = shelf.appendChild(document.createElement("div")); + bottomshelf.setAttribute("class", "bottom-shelf face"); + const front = shelf.appendChild(document.createElement("div")); + front.setAttribute("class", "front-shelf face"); + + let style = document.createElement("link"); + style.setAttribute("rel", "stylesheet"); + style.setAttribute("href", "css/shelf.css") + + wrapper.appendChild(shelf); + shadow.appendChild(wrapper); + shadow.appendChild(style); + + } +} + +class ShopCounter extends HTMLElement { + constructor() { + super(); + const shadow = this.attachShadow({mode: "open", slotAssignment: "named"}); + + let style = document.createElement("link"); + style.setAttribute("rel", "stylesheet"); + style.setAttribute("href", "css/counter.css") + + const wrapper = document.createElement("span"); + wrapper.setAttribute("class", "wrapper"); + const shelf = document.createElement("span") + shelf.setAttribute("class", "counter") + + shadow.appendChild(wrapper); + shadow.appendChild(style); + + } +} + +customElements.define("toy-shelf", ToyShelf); +customElements.define("shop-counter", ShopCounter); \ No newline at end of file