From 5d561adcb352cfb1832f9c65e005b8c631f9a9aa Mon Sep 17 00:00:00 2001
From: mbashia <mbashiavictor@gmail.com>
Date: Wed, 28 Aug 2024 06:22:10 +0300
Subject: [PATCH 1/4] complete chat app css illustration

---
 .../images/avatar.jpg                         | Bin 0 -> 15037 bytes
 .../images/dog-image-1.jpg                    | Bin 0 -> 7113 bytes
 .../images/dog-image-2.jpg                    | Bin 0 -> 8047 bytes
 .../images/dog-image-3.jpg                    | Bin 0 -> 7848 bytes
 .../images/favicon-32x32.png                  | Bin 0 -> 1063 bytes
 .../chat_app_css_illustration/index.html      | 249 ++++++++++++++++--
 .../chat_app_css_illustration/style.css       |   1 +
 .../tailwind.config.js                        |  23 ++
 8 files changed, 251 insertions(+), 22 deletions(-)
 create mode 100644 challenges/chat_app_css_illustration/images/avatar.jpg
 create mode 100644 challenges/chat_app_css_illustration/images/dog-image-1.jpg
 create mode 100644 challenges/chat_app_css_illustration/images/dog-image-2.jpg
 create mode 100644 challenges/chat_app_css_illustration/images/dog-image-3.jpg
 create mode 100644 challenges/chat_app_css_illustration/images/favicon-32x32.png

diff --git a/challenges/chat_app_css_illustration/images/avatar.jpg b/challenges/chat_app_css_illustration/images/avatar.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bd1b3111a3ddabb95810c6bdf63dd6b04890cfc6
GIT binary patch
literal 15037
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

literal 0
HcmV?d00001

diff --git a/challenges/chat_app_css_illustration/images/dog-image-1.jpg b/challenges/chat_app_css_illustration/images/dog-image-1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a4f11b099f59681ba0835b7f38f574064d18b716
GIT binary patch
literal 7113
zcmb7}Wl&sQ)2?S2WN-%8;5xVy+}(YU;4(;%kPw193=$IDC0KBGg6lvC3{FUJCjkP4
zK;ZDa&-Z>+=hvyzt7`w*wX4_a?&^E>wI7xqz5|FfRMb@fKp+4Bd|ZHsRX`*F1B8x_
z4#IeRU|?WiV&Q?Y9*qze7aI>kNK6bNgg{8hX(>oZsmUM^N=8a*Iy!oKdJ+mI7N#dG
zv`^@t03ScY!o(r~g9)CHLP($df7`<V00IUS0t!JuCIA`)2!a3~h5)nx02&(TpRNAa
zFfh@v&_G}y;9&&-{`W;=9xm|+9>Cb(d}kDH@(bJnib*`h+`71yt7hRbDk-&OIxu!!
z!m&Pi88?O5NT^>0M8`gLf!)1qV3aJj70X&bsOC6ZVF}nxj~9a7<<AB?r2JT^f-TT_
z>T6~4kHqjLpLCf`TN6?sJ+&FgQD&pYRO!~bN4Sv-xlq6C`vKP>2l$_HgVLR0qaJH~
z8+mPmHP2^zOFM^EPT%*2!4k4$P_`k0a-*kDt4wpybDN)We8^+leB11C7-i7r^ol%z
zOXYXXVvJ0+gzNCc@!sK8cR=7DvmMH_xaDy>Zpac@iy}o~)o<mq$Pv>oI?GtTIpPsj
z#KN$$CK7SY+~UZLSRywT149>%Bg<0?_b;NZiZVq7*=Iu1={#>>rr1MkSa$_q{1XRt
zOn@$Z&ta5~UM!h6D?%O8(X^rnmu{cdHW76#JtDc(<mUpxAC=GhCZQaQQUZlMeY^zb
z7S8@^Gl4cJ<$FQBj|KivJb#bm&z$-tHomU7!mPTc8fj-CfLtj!!)u}kz+=X!fq?%z
zVE_<15Df!>`Ja5D5k2M+p5mwEj>=jOr7|8U5UbPJ-8ewh4#Lbp8t+#ysf1c)j(DCj
zr1juvTxKxZ1cw<%<XX?*;J2dLz3n_KQz<lSmMxVRMQE_3$o@b5f&TG_Uud;RW&Avr
zqkH9JiyQpprh$*hv4{Cu#PA~UYa74?7rK?d@_N=koWbX**3Nioj)m3y7x9*X&T3H+
zht6(Vl{GWdCN0FHGd7~fa{Sjo{}$xqS<wL)5MoRcQbr;sGC^im`Tr?QAO;YnmsC|u
z0{tLCx|JLgP5kbL-?3#es$xYiTk!-!^#XARH@53BVB;HW>0k96sq7m&ve}6{m=?Da
zbP}@On5d>29{c`T0+K$5Daq2=<+g4feUCOvfKahg{WS~oW5=8)tgBzv&Ru62Z^Rh+
z^qzk*CF;)(`cIL)54?-^AAR&B1Tv}+6it=;4iZ7NU)9nOgJ>D5jj7d(XDU7u%n@Pa
zf<cZh#oWsrnKl<(VPR=0%G9hYorTOlKOb$o3gU7Fid=3w`q|W1qM5?fwPLv6w|5-9
z-<_tt!j5w!&p;m|u2fT6*6FrES5n={_3mwM-fW$p%K7VdY*ZOiD{I42*)`wdN#PNf
zGBMUci3@rb*5YS?VYoEn3U+cORU6t9c&AS}IWN~rfx<r5Mzp@6r(ZOfS3Fg6>=D6V
zTK+jaWcG8aaZ7bG>frnty`#Q}8WFuYD}L^p3i?|~WjHg(*C(H(m~kB_Pu}8?`H5XU
z(d<Cr^VHP5{6b3Si1?_SE^6$iD0*29@Ia@yyIr&&@@%tv@=Aw%wJMFyM62fFTu*V8
zv%tLUVw2Vo9ogDXhnY@gs{J8|&M#oK#xipai(u;FXw{uOZT~9ZTgpqOru<RHd(QgH
zh=ra!x=Xa$+BJxH)wd-UBfa~~#9TarC7+s+m8RC}puo^MGO0s9KXVVPw#vE{n5TOU
zg2En_Qywxp6H(rBweT9<ZfRm-{&d*ZQTRHoEm$(dJlXQB-t~{QFS@eCvma8d&rU5S
zJ$uKXNU7ONW_~hac#jtu9u3SfoWP?zug4zK?;THhQ=n;+&h3#?xzBcI3(7-eRXN_u
zY$uI2?u3z6_2?;X$diktpzf6d-gDunUprfKj1E^oQ&xNGu;vpB59&I$`QP!E5p(6e
zjlD(DI3mYMQa;;n>U>4RrN!7!DXG9r6BQhJbV+P}FU4|BE|tnH9{?m-bV)6L_UnRI
zY;)4htE;%{K1%9rq9|aDI0%uF_&&Q9akz3nIgq`*LZ-Nzl&uwqNl4?<;^-Kerq4dz
z`#Iaw^LF!RON_N>8h;(apH32b?EUR!Q_+_DRh!8uxV&XH&aI@%h_urL)H_KOI&dQ1
z>v9h8X1se1P02yLytfoM8BwH)t@N3)k2dA;TcMb{^Crar7fXVmWWx^bwH?;7zfuUi
zD58kP(|v^<V+>#MgKPAT**(*WhFY^ecA+VAR*}aZ=X^QG;9_d4zAb%S?FpupGX?Xx
zT#Lpz20H<qV=m^Udlj}JA4Kbqg~NN@7recVOZWI-s1$)Qv!6e+;wPURm<_)+k&u0M
zK0Agl=U{A~aB?a8y1Mj7OB<L@vr52o$w-mYYC)OY>YWJmR>Xtb$UB`B{pp`=8cgGe
z>cZRlluQg{%lxjo+IPhd8$(H0mS;nCVmg~u2Lj1f5=uXGdy%tP3AObD<pVIK`o*z&
zPI|s7*ZZm#L}9^Vg-&pyUpvzkG--#J*1I?h;|7g#dsaF~Z`~89_Ra(0EZ9)7uF+;*
z6x{iTo2lK1oWJ>eCTD@%Zv<TG3w7)@*?0hu`(^c8+D)s7h-|#LGAZl#fW}UJdEWSO
zoY|vchNCZhJB(LQFtFJ|!yauE(8Op+4@wM7HD}@)-;Q}~fl`kx5QqlC0D*BHmHD40
z2t)&bAjFIU=uGnZwj_ey7(~npVJSroqzpm^c0T=IHh!`wk{O1-EB>Fxh$#z1kMm-!
z+3oHga4cf5RN1z9!OzQ$6@hOws0uH`Fs3{ES|O3V`YUR&2Vc<Vf;rjL>ptIpcQB-8
zg<}FwReYih|M=os!8E#ueWTaQa0R%R(m*GlZXmctb&@)!y1e?g%JwGO{&w+@Sf}wi
zz59u8Dt8&t6wjn0wtht}s^FCx=nW&6Jrr@@5IT#cE#Drs*r8|t?D<8Ac=OlH1bY2?
zH*Chz6|(__aPTa%-K0JUuh7wb1FkrGIR3ffZ}(8rCFTQQ=TkxMG^>%OjW`$0`d-+9
zNVpkcWiCrf^h<H$i;3mWr8C8cs7niYebuYT12D^X`@D8Pl7^Q*URlH_Zh)m27?zUw
z>%Z0v2R{Jx7f3yKlsVS1{xA+#EXYhpJ}(+OYqej!oBVcYiR3YUj*EriQL{Jm5+`AL
zePh#xjM8YuqI)lQY)4?ebjb+o#1$ddmW!)6!MzMQAlXPYRGVEf`h%M4#pGW-taBka
z<m?4*O;dmL<|7vWja?MF{xagE{hn`^N4Hn#jJjW6hui?nZ&kRSJ^jm>rxVi$MNife
zF)j%hIrd85SO^(;{Um=R(<8a9Jz%e#ae?}<#WYiFfKUzOfWY}iT-z#2^u1;&pRzg0
zq_Tm6X|Y)xlV9hk1dUa<EObJ<?OyNY3r>S_B;2OqE7PV$LX}ofsjLQ;q#G~8H2%$c
z-holUGd`*oj~31=9HQ^_>sR2wwjH>`Ec@LHDwOx|(s^bSmy!Q723>Wy7FmZFrNXPI
zQ}L-HH?n~bn=Gqlsa&%wmB!VXl~=96(T&JCcOy6_!@jCSGY8HN+>T-AO`=@_PJ4%<
zdbp$o^emx;0%Q;vBLL!!HvHII+3|Dh&qP9azjoGZALgP9HxYzF{HBvAiPO1HYXq4h
z#|?3c=QlXBp9pr4)^g?I(n9C#2NGxWB~Glwo~#$~m?+{>@)H8l#{3L~7J1Q<qt{aZ
zq~>sSl1WX}XYpG_qKTuZQE{mIs-wl6cm~yQ^cp&xMp?5*G!2^5Xs)+<`aXqD{?mZI
zqhz-(Z);p){XOG=ZJ=}|IRSGO8&^OHm@eAac?E@8FAN72waGdxSZX_pv6!LRvO_cB
z;=kshw)!(Jy8BYLCbhV>Ge6@@!tnC&H%eVxQLN@FrfDv$^M4ilenm-kEUoE&;Mx~T
ztCSwAGFj4%4q1PfK0V~glNp#0V2W4x)jJ8I{n=p@br~?xEc$K{ZB!C+lI98}*B_cH
zcl0o`e}?=tyvtdhon{T#BS5vt6)*n=cX`fhS5(apYt#4Gzx~A7%%xu$pJp=hCluI%
ztnZ~kREE{n<`&P1hu<^d+y*E{;0H)=j0~oh??|VGZ;E=4jg<OPxl%WYp0U3FmRjB#
z(zpZ<382pmzgZ!>R7VD_*MH$Q_sR>_UyRx`rX?&;V}MO24f3Wy=YGAYK#dv{QPfid
zB(hAMmWkM1G>x8HB?}RJF<RL?><-lG<(YlcjT|z4LF3HdxZKo`b`ag>5j{ty(t)N|
zieM=N(s|@^jr!e$gmftO+@161i%nMBtDfN3k-)VEab*?xc4uAr=;ApiJiwC(GT&fY
zX7|>w@K8wYKJoz&Fkr=RJ^GE)-Ql$M_B+k!TY5^)8n#k(><(sGcL3dt^c|86*3Z+)
zO0C*C&4=CG<cb!<@++^4CXEV&f0?M>RV^I(rp#yE#(tH$rX8<Tv-iMlbLUQ_c6Fim
z^4#^8N2Fn;_4>Qg5z+(Hh;MTcYmVsirT!IiE^#|HT;ANGr-oKD$R&9xQeSBqeM?W2
z%488lv(ccgggI~sGix}QU&O$3dBqHuY~D63x)`S<saMvhf@vYmIEg$=(pf&_7A&*z
zBoR{7z@FQ{#>=FA4yxn4hi%miI%DZh`v>b6L}HfafEz2w!4kki`n8?79=%Vu$=~+S
z>LheqzWP!3iC<*){-8W9o(LwMYr2Y+`Yz@geP8W4olge+aW!h}?slzXcR?l!d+EM7
z|0${AaNd%ssPkL~(#0>P{55mg$d^4dp^KR|fcmQ80nisvQrk<Cxx<$iGw`ZfzFn$t
zC4QIi18#Y2>>#%W-mHUIubr*bu`R#!eKD<=#U6FOMv*%pO@Q@OdrUBYQrj!X&K_80
z+{H$3pCTfK88I|0hk*ls<r2}gsY`;oV|N<F4xP(S(Mf@&pNpzy4=cF0T@QP^N6TUN
z@KKq0k0E6a+`J3CZihbW1WJ9ar91MCqN`tX#Hn34-u|1d#CO2uHl=zROkA9ui}Bg4
zIffQFs4I1`&G5pmy@k$kIk}TMb-Dv0u;Er~nV?~jl(8v9gev1tl4eb?ksPuLbYf1S
z9(3(4AEK1xijX$d-F$A?_l@v{xW+(@Ar2%*XX@Ed2Qt6ssbW-vq+=I;77f+ap#4dx
z822s(lH^aH_T_-C+0EWu!Vop!^BdoI)qpi-dEcUDXUododgtBsN7*d*(0?9y@}VDr
zb{F(EHSlKT{>HH?#DOfUeTR7SwzU~v^6~~?&-lHVpWUal@WbYB?fJsw$UbV~`uuvr
zgeE%lM@?rTdK}vRvBydK-%%R~fG`R?%DMMHLjI+nXyd;_jVw{2#ZHtQ3Jsv~l#Lub
zbBL3wgVSL`Q7ud8JsN53Pm;Ykt{xC9Ekjw=kRAIX13}*rUx@ybM*jrPW97)n=n_0J
zAkh7d=FXev%~Zb+%AjA5a?LQX-=ru(6I>4YSh3dkMNl5e*$(j{bt6>$wB6iR(smA*
zsP|`kj~vwdVv>!)yes1V+`R}9crExlhuBH#edN)`*xyZlud_?B*UTPb>R7&N#a?Vn
zVZ~_jqjt8q{$YhzQmS?--`<J+V#^mOh?Ztu#ci3mxJ@LNKiBDHn$UDl>qICCUk)ga
zO%kQ*y&qfVw`1BLmtk!27Gx_tjMj9b1Z71Q>OTPRE20W*OL1SB>5}N6Is+#IckCt4
zgwoNj{rz>m|2Av=p>6PLKqDM~tGvQpZq`%MI$VeCnZV~+va&rFtmWjAOG<pUED)5+
zcH6!xRqzJUXr<T}%1jxt!81R8wASV6K=T46CGN6e7B&v7<IRg3<N(Q${yYe4AmVZA
zB6<H#roTwhWTU4ti2UG6o=G|EgN{-Rp^|XN{;{tt_<Nr$9v*&7J*rqxo@=C}K9j-G
zT!j=#{Q!82qtBr|yE9Zg41ZQ;5LI9c+BXx>Nn+)Lf<;Ij04f_}MH`thQT)@IK{4$t
zpUCMslRMm79kCm8boBc9e&?2#LIg}+q;a8`?S$h*h;W}0Iv@M;xDEGW>#aw*Gl{BT
ze%z%Xv6{&46H)7$RO5|PmACLBuBh{@U)mvX^0c9-;gmPnH)~hJ(P#CXruXX8<D2ph
z9NO2$i_zSC7VETPbj-xd0A}wW9@!EOhtkdmoVrGHEe8}8r8*OG&iDx#u|5Epm1YuM
z<bh>mwXU5RgpJZTa;V;2W9XZp{?n65hO}j16ZbPLq;;g|$4Ja+z^DLxhl_u~!artA
z$jfxF0{$j+hGbO6_HRcf6c~v7950gqD^b+4wM&08xZ>$X!-N+mS(Oxe)hqbo6wv0^
zB6;pB2*<3>sY4eDT|~+Y-;fi|0cM1JG=Iiy43RQd_&bcSqD*7*%~);C-Ijyxg|V6_
zPm4}v0)8pC4yM&N*w(6DcHzsk(Bqj-{ZeJTz*A^F3@I1j$>Zhu(GCZ3Ia;MNzS(u~
zR`@vK9;74)KJjvnyi8@TEv9zmm8>wRTyT4}eMX4ALUR_Rk;JO@q1#eYk2DV5eax2p
z$utHduNn%LVeeq={xp^hK>kzHSWhQP0&L|X7@;=rk!x_(n35ExkXhb*AprEmt-cCr
z5UEiGzsOYooZG}l&jaxRHz=55cO|4d*mv#?t)m<{=zhaSGkv+;z#TW3`0=~Q9ANr-
zDZFOpY#fDLjb3RDPB1|WhrJbs@r@_DsM<tBlHMA@UUZTmYvXBVU~kR<uQGK2udU`X
zJB}glX6MdG%Vl@Bx;Z=ml^D6`%MiOQ)m(GqahP4a+TPNnwJM8Xto;r@U*@P{UQ<Af
zk@0F5M;fw}K;P}$w8AhR=ZP+1EEDEgOQ(M%F<7wA(Z451Zb@!pQt{Np64z>hWE&AK
z*eoDjc26vAzua8eUpX(WUiDU+u)`eyf9>hlUzjfFM|3!S{XNmJpR&!R_Rw-O-VC$0
z%=;V>`Z4%!B8uO?i~N&Mi<a=YDhut?(u`f()1yX%04+IjC#5ewPj<$O?7u7@3Z;sc
zW50a>IMsx2zqU0M6uYDol_!$VEmqcKj=?vmPQ}25G6^Map=;U>H-vT{Ly>ygO1q60
zNz55ozWxb*e$KIZ$Vn^{FMXswR9@!?y9_HMLeNTZ&m1(oeW$s}QF@jyQ}h-_Pb8aw
z_O<O26+9GbVrd}b%LjF7b=+$7z7UOKTFo8_%$+D?vLymkOrTlkX)08Q*4*q;879FF
zYnb|GL4fl+IJ33+Av_-2#s<Z}Fn7XJ66!{csAh&2xFh-d{S^Sh!d>dG4zqW{&9UoO
zgq&lrNwdd{`Pi9%Cobpn6#ve?Nt3u9^`(vCo$+~vjc;wAsqWnIg?DuOZt7#k0%HcM
z5>qb~*%d;`@ZJ{B@fVFPz=1ulOZ1Z0GT-*)o#%I@BlG_KO;f-X4-A;*FA?K`(?{uk
zntSYv$EBZ?b_bGf$Q6y+VeVD$RqE>@^>@>P&a*0DmvP>vVH#&YFJHuK0(V;FOZyR@
zQD@VYPcA<Iu<IGSh-kCLucwAg8#*Vn8+^MzycA@{LDMrL%U^muG+BW`)2{N!qYrt$
zN(HNiLxVhfo3+Z_H~6~|9ydYPWGCUP+j3dx(k1G*5um~vsSMEgApQ`wSlG`)w9JN3
zyUi}q5H@&=iR|(Y+s>qIvPF8KveUUAv{+U*3)cOC7GhJMXuP6Wkru7#eLgUV|NS7x
ztNYI2VBaoz>gElKJic*t`)sXWn1-x+UPQok$y#|ke!dVtsX*@{+Q{{gNwnPNrGIX1
zDc-gi0TC=ob8k+}9u|;jJ*}7CZBq9~K9Xr+a#n?SNs1neV$)=xF<KzrtlDH2dUD9t
zM{fG4G{2(d9aW5Jd&OfgudEi`{)BCoO;Nj5g-g-mC*yAk<dcBPq+O%Ds|G`o^$Fk7
z^sjlNZYkbh@Tm!Vdw$9rHLxNbW(x#_*np5U&}b3hE+wyjVF3Z9IjH^Tu}@S^hs)$n
zU2OfEe$D%7E)kobKE2=^nF+wR82PwF{{$}?M#XfF=8}{eZ+xy0xmbc@;7Qj0cz~Q1
z#6=X(={A&<NL2U{2W1ZQeYa#jlklcv2(OKMoB#Zb`~@%boO?hV!hW^jxF^dNww)n#
zEv{POqBhJLvxctcmPx>6)NN5!G+eUpQUN{}k9KX!rnsgpZMW*?mP_CH*|wayz!jS+
z>AD}Wv*DM}vWpP~37S^~CeY3e?iy0jZN2n1D9Q9qNN9UnH7UIBd+_6yo3%M;@CmK(
z(y;L<A^puiRG1m^&xHo`9~S*DsC}dq5D+6ev4A|2J_Zqq;J-K;2$Th!;ARS1C$Lvf
zl-+V;CdMwO;;=c7)l_^0qK@8#-a+=Uy{U&Ot&hQ;0$7Gz%4EPBkXZvB3rCYg_f}$n
z{V$|M4$T$5*Lm2I5St&!3HoxaGjl3&T9%<;Xc$NN^S1B1zpCLjo5_D{y?<|!_YQ6C
zIP$@Wyfat^0^pz}B?WvXbWbtH&@0Z<?dJY!o2&v4C%dtuLO)UtmRPTMyljezmBl@=
zt$u=RZTv+%r~oG^X+6%Y_VR5{A)HS(qci%qxWQY6E*&EJ6qkZogJUG(Y(g9q-nk?z
zBHLf572bu$dF&uxUD4aXsFOs%t(9@f9wQTKQ5A>03h}m6H%3%^W5w6PL0P{<xG7L0
z&Q1DL$lnt*5W$(X2Y|{s8H1+}H+Dj}lkfp>;Q>%Qmztf&E1LcQF#O*rqdk)D|Nfx)
z-zZ~{JklV+l>bEe@m47dI6{jxJvR-aY{oJqMqLWb$i`OIOp-F{;T4Nv?r0&dm@zN(
zaF?S`?>BDfUPnDwAQM$f1B9v1<QMc^TlC7y>F81kvFo(Z&-re(T#&?MWp^T%EJ*Z2
zuNeNu_Cbxt6KeN-rG)^Lw*_o6s<`U+!`rQj#`@=WCOA4siN8$}Yay@QbsefaMR^|p
zd}C7qnLnW#`(Y-Mh(kLu*EE3^a+-u`Rg()$KY9`&?+lLPCWb>eSq)MlF?Om@H%vl2
z>s#j`J9}l>1;snU#8{teu}AVIL`suIe8m=BCW1h$(b+@o@5@w&)X^2T`bd%nJFt+f
za!nFWt6OAhG#OrEhD7;oLd!5je49_T%II>WcrgD~4P{@VyukZwf%wsmx6fi#*NR2$
r!b${WZB=9>m-1I`!oq|gSo$%e-rqVZl(S3$nbgQ1w^)~k56k}t_H@up

literal 0
HcmV?d00001

diff --git a/challenges/chat_app_css_illustration/images/dog-image-2.jpg b/challenges/chat_app_css_illustration/images/dog-image-2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..461cb554ccdb7abe12c58be21cdbe7c09dcc12a1
GIT binary patch
literal 8047
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
Dm>1+z

literal 0
HcmV?d00001

diff --git a/challenges/chat_app_css_illustration/images/dog-image-3.jpg b/challenges/chat_app_css_illustration/images/dog-image-3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e3e5943c25c80da948d1eb09eeae439672bfeedc
GIT binary patch
literal 7848
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
aUl6Nfk7bPI5T%N3Xvr;aZoi&+TKhj`Xf{{?

literal 0
HcmV?d00001

diff --git a/challenges/chat_app_css_illustration/images/favicon-32x32.png b/challenges/chat_app_css_illustration/images/favicon-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e2df7f089f46dd930239e418bf13e8e4c1cca0f
GIT binary patch
literal 1063
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50
z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+081EY0-Plzi}!G9Wnr(eF`
z|M+F+!xzhMK3;zF(cgdn_B?v|`rD7+fB)V2@MY=EN9|{BEWPpQ{f}RtfBl|!^+Ea3
z%d2iZe)i@2x9`6{eg66V&!4ULpSPU4KJ)Uu^RM22`~BzO$wz&&PyPA(@7<4I`yRjQ
zJAZr1#XB#){<!_%U0TJqhfhC#`Stti+m9cA{{HjlZ`<UfvzMLU@$kj6n~$#Dev?wR
z_1u*gYwtW=yX{71)s9>D-o5+r^Vjdc3)fsquh@R{^yA;Z|8C!Zw`1zDvzMNK{QUFr
z^G~yvU&yK5nOnE3q5ts2d8Z#d`S9=G|MwriU%2{m%ii0owp@Sy>dXGuA$NemCsPvS
z7YvLEt(>(tKmBDkpML+hROc(RL;oBPGFiO5x8~1ErS?rgb&N^g?k<e~nRM>~Ih+L^
zk;M!Q+`=Ht$S`Y;1W=H@#M9T6{SlWiKeL>x)y)*39#2mf#}JFtt&`J}n+ycniko-@
z3;26vOWyCzeS7I$?C$UX{_kIKV}WAF+24(KRQ;Wbm=(hXgpO=b(eBb|byZ~P5M3dt
zyDB-nDx`Zw9LoWN<QaiyOc-8N*-SiQrz-rBjd8-Hf`%m`igW%pzUFg0$DrJMTO-$k
zA;srTSQ?u^O7XpwN$uB9r!uaT+Pr*occG~$XQkMSv^#qmTx=OObldJ#S*En9fcwIA
zdjks-pBipY-2*3H-1yOQw}W+3r=jIlmSyQ_&!36MIJj{cicO#PQZ~$Mb#|)J`UOme
z*UZiKuD@|>-GrY`kHxRfy}Q3KfBxRdclJCv_%N_mL-x0j+x*I+s%JIY&vg<mI>g3Y
zTes?8j%DMbh5PocynFBNZJq}$w`Q+tKfe6=^y}tkkv_Zb+uQBmSHB|O-+X(*4%OrO
zQF%8%OSj*z`t$7X`oHyz%ReTa40^8r7Z}c}C9V-ADTyViR>?)FK#IZ0z|cb1&_LJF
zGQ`l-%D~vl*g)IB$jZQAv*1E06b-rgDVb@NxHTN|kz5AU01WSllAy$Lg@U5|w9K4T
zg_6pGRE5lfl4J&kiaC!z@o*G|X=t4CKYhmYX%GXmGPhnbx3IFX_hb=fVFi~4lfx;@
u%9}$JPT#n4;>ejJGDp}?H+U@Y(qnifE?Dx($#g2v3I<PCKbLh*2~7YuAS(O-

literal 0
HcmV?d00001

diff --git a/challenges/chat_app_css_illustration/index.html b/challenges/chat_app_css_illustration/index.html
index 678a3309..4cd488fc 100644
--- a/challenges/chat_app_css_illustration/index.html
+++ b/challenges/chat_app_css_illustration/index.html
@@ -25,38 +25,243 @@
       sizes="16x16"
       href="../images/favicon-16x16.png"
     />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+
     <link rel="manifest" href="../site.webmanifest" />
     <link rel="stylesheet" href="style.css" />
   </head>
-  <body class="m-0">
+  <body class="bg-[#fafafa]">
     <div
-      class="flex h-[100vh] w-full flex-col place-content-center text-center"
+      class="flex h-[100vh] w-screen flex-col overflow-y-scroll md:w-full md:flex-row md:overflow-y-auto"
     >
-      <div>
-        <a
-          class="text-optimum-blue hover:text-optimum-darkblue"
-          href="https://www.frontendmentor.io/challenges/chat-app-css-illustration-O5auMkFqY"
-          target="_blank"
-          >Frontend Mentor challenge</a
+      <div class="flex h-[85%] w-[100%] flex-row md:h-auto md:w-[40%]">
+        <div class="w-[600px] md:w-[65%]">
+          <div
+            class="-ml-32 h-[80%] w-[100%] rounded-b-[250px] bg-gradient-to-b from-[#bf31ff] to-[#9322ff] md:-ml-10 md:h-[90%]"
+          ></div>
+        </div>
+        <div
+          class="-ml-32 flex h-[100%] w-[100%] items-center md:-ml-[6%] md:w-[45%]"
         >
+          <div
+            class="shadow-3xl -ml-28 mt-14 h-[100%] w-[130%] rounded-3xl border bg-white p-3 pb-4 shadow-2xl md:-ml-24 md:mt-0 md:h-[70%] md:w-[100%]"
+          >
+            <div
+              class="relative flex h-[100%] w-[100%] flex-col rounded-2xl bg-[#f5f3f8]"
+            >
+              <div
+                class="absolute -top-2 left-1/2 h-6 w-36 -translate-x-1/2 transform rounded-xl bg-white md:h-8 md:w-44"
+              ></div>
+
+              <div
+                class="from-light-violet to-light-magenta flex h-[13%] w-[100%] items-end justify-between gap-2 rounded-t-2xl bg-gradient-to-r px-1 pt-4 pb-2 md:pt-2"
+              >
+                <div class="flex w-[80%] items-center gap-2">
+                  <div class="text-[white]/70">
+                    <i class="fa fa-chevron-left text-[9px] md:text-sm"></i>
+                  </div>
+                  <img
+                    src="images/avatar.jpg"
+                    class="h-8 w-8 rounded-full border-2 border-white"
+                    alt="victor"
+                  />
+
+                  <div class="flex flex-col">
+                    <span class="font-rubik text-xs font-bold text-white"
+                      >Samuel Green</span
+                    >
+                    <span
+                      class="text-pale-violet font-rubik text-[9px] font-light md:text-xs"
+                      >Available to walk</span
+                    >
+                  </div>
+                </div>
+
+                <div class="w-[10%] text-[white]/50">
+                  <i class="fa fa-ellipsis-v text-[9px] md:text-sm"></i>
+                </div>
+              </div>
+              <div
+                class="flex h-[90%] w-[100%] flex-col gap-2 rounded-b-2xl bg-[#f5f3f8] pb-2 md:h-[85%]"
+              >
+                <div
+                  class="flex h-[25%] w-[100%] flex-col items-start gap-2 p-2"
+                >
+                  <div
+                    class="w-36 rounded-xl bg-[#ede5f4] py-1 px-2 text-xs md:w-48 md:py-2 md:px-4"
+                  >
+                    <span
+                      class="text-moderate-violet font-rubik text-[8px] md:text-xs"
+                    >
+                      That sounds great. I'd be happy to discuss more.</span
+                    >
+                  </div>
+
+                  <div
+                    class="w-36 rounded-xl bg-[#ede5f4] py-1 px-2 text-xs md:w-48 md:py-2 md:px-4"
+                  >
+                    <span
+                      class="text-moderate-violet font-rubik text-[8px] md:text-xs"
+                    >
+                      Could you send over some pictures of your dog,
+                      please?</span
+                    >
+                  </div>
+                </div>
+                <div class="flex h-[30%] w-[100%] flex-col items-end gap-2 p-2">
+                  <div class="flex gap-1">
+                    <img
+                      src="images/dog-image-1.jpg"
+                      class="h-10 w-10 rounded-xl"
+                      alt=""
+                    />
+
+                    <img
+                      src="images/dog-image-2.jpg"
+                      class="h-10 w-10 rounded-xl"
+                      alt=""
+                    />
+
+                    <img
+                      src="images/dog-image-3.jpg"
+                      class="h-10 w-10 rounded-xl"
+                      alt=""
+                    />
+                  </div>
+                  <div
+                    class="w-36 rounded-xl bg-[white] py-1 px-2 text-xs md:w-48 md:py-2 md:px-4"
+                  >
+                    <span
+                      class="text-desaturated-dark-violet font-rubik text-[8px] font-light md:text-xs"
+                    >
+                      Here are some few pictures. She's a happy girl.</span
+                    >
+                  </div>
+                  <div class="rounded-xl bg-[white] py-2 px-4 text-xs">
+                    <span
+                      class="text-desaturated-dark-violet font-rubik text-[8px] font-light md:text-xs"
+                    >
+                      Can you make it.</span
+                    >
+                  </div>
+                </div>
+                <div
+                  class="flex h-[35%] w-[100%] flex-col items-start gap-2 p-2"
+                >
+                  <div
+                    class="w-36 rounded-xl bg-[#ede5f4] py-1 px-2 text-xs md:w-48 md:py-2 md:px-4"
+                  >
+                    <span
+                      class="text-moderate-violet font-rubik text-[8px] md:text-xs"
+                    >
+                      She looks so happy! The time we discussed works. How long
+                      shall I take her out for?</span
+                    >
+                  </div>
+
+                  <div
+                    class="flex w-44 items-center justify-evenly rounded-lg rounded-bl-sm bg-gradient-to-r from-[#bf31ff] to-[#9322ff] py-2 px-2 md:w-52 md:py-2"
+                  >
+                    <div
+                      class="text-pale-violet border-pale-violet h-3 w-3 rounded-full border md:h-4 md:w-4"
+                    ></div>
+                    <div
+                      class="text-pale-violet font-rubik text-[9px] md:text-xs"
+                    >
+                      30 minute walk
+                    </div>
+                    <div
+                      class="font-rubik text-xs font-bold text-white md:text-xl"
+                    >
+                      $29
+                    </div>
+                  </div>
+
+                  <div
+                    class="flex w-44 items-center justify-evenly rounded-lg rounded-bl-sm bg-gradient-to-r from-[#bf31ff] to-[#9322ff] py-2 px-2 md:w-52 md:py-2"
+                  >
+                    <div
+                      class="text-pale-violet border-pale-violet h-3 w-3 rounded-full border md:h-4 md:w-4"
+                    ></div>
+                    <div
+                      class="text-pale-violet font-rubik text-[9px] md:text-xs"
+                    >
+                      1 hour walk
+                    </div>
+                    <div
+                      class="font-rubik text-xs font-bold text-white md:text-xl"
+                    >
+                      $49
+                    </div>
+                  </div>
+                </div>
+                <div class="flex h-[10%] w-[100%] items-center justify-center">
+                  <div
+                    class="font-rubik flex h-[100%] w-[90%] items-center justify-between gap-4 rounded-2xl bg-white px-4 font-light text-[#707070]"
+                  >
+                    <span class="text-grayish-blue text-xs"
+                      >Type a message...</span
+                    >
+                    <div
+                      class="flex h-6 w-6 items-center justify-center rounded-full bg-[#361e4f] text-white"
+                    >
+                      <i class="fa fa-chevron-right"></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
-      <div>
-        for
-        <a
-          class="text-optimum-blue hover:text-optimum-darkblue"
-          href="https://github.com/optimumBA"
-          target="_blank"
-          >Optimum BH</a
+      <div
+        class="booking_div relative z-20 mt-14 flex h-auto w-[100%] items-center justify-start pb-8 md:mt-0 md:h-auto md:w-[60%] md:pb-0"
+      >
+        <div
+          class="z-10 flex w-[100%] flex-col items-center gap-4 px-4 md:items-start md:px-0"
         >
-        Internship.
+          <span
+            class="font-rubik text-very-dark-desaturated-violet text-4xl font-bold"
+            >Simple booking</span
+          >
+          <div
+            class="font-rubik text-dark-grayish-violet max-w-md text-center font-light tracking-wide md:text-left"
+          >
+            Stay in touch with our dog walkers through the chat interface. This
+            makes it easy to discuss arrangements and make bookings. Once the
+            walk has been completed you can rate your walker and book again all
+            through the chat.
+          </div>
+        </div>
       </div>
 
-      <div class="mt-3">
-        <a
-          class="text-optimum-blue hover:text-optimum-darkblue"
-          href="https://github.com/optimumBA/frontend_mentor_challenges/tree/chat_app_css_illustration/challenges/chat_app_css_illustration"
-          >Source code</a
-        >
+      <div
+        class="info_div font-inter absolute top-0 z-0 w-full py-3 text-xs opacity-0"
+      >
+        <p>
+          <a
+            class="font-bold text-blue-500"
+            rel="noopener"
+            href=" https://www.frontendmentor.io/challenges/chat-app-css-illustration-O5auMkFqY"
+            >Frontend Mentor challenge</a
+          >
+          for
+          <a class="font-bold text-blue-500" href="https://github.com/optimumBA"
+            >Optimum BH</a
+          >
+          Internship
+        </p>
+        <p class="text-center underline">
+          <a
+            class="font-bold text-blue-500"
+            rel="noopener"
+            href="https://github.com/mbashia/frontend_mentor_challenges/tree/chat_app_css_illustration/challenges/chat_app_css_illustration"
+            >Source code</a
+          >
+        </p>
       </div>
     </div>
   </body>
diff --git a/challenges/chat_app_css_illustration/style.css b/challenges/chat_app_css_illustration/style.css
index b5c61c95..63e305a9 100644
--- a/challenges/chat_app_css_illustration/style.css
+++ b/challenges/chat_app_css_illustration/style.css
@@ -1,3 +1,4 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');
diff --git a/challenges/chat_app_css_illustration/tailwind.config.js b/challenges/chat_app_css_illustration/tailwind.config.js
index 726456da..2af3535f 100644
--- a/challenges/chat_app_css_illustration/tailwind.config.js
+++ b/challenges/chat_app_css_illustration/tailwind.config.js
@@ -6,6 +6,29 @@ module.exports = {
         'optimum-blue': '#009efc',
         'optimum-darkblue': '#0389e1',
       },
+      colors: {
+        'optimum-blue': '#009efc',
+        'optimum-darkblue': '#0389e1',
+        // Text
+        'pale-violet': 'hsl(276, 100%, 81%)',
+        'moderate-violet': 'hsl(276, 55%, 52%)',
+        'desaturated-dark-violet': 'hsl(271, 15%, 43%)',
+        'grayish-blue': 'hsl(206, 6%, 79%)',
+        'very-dark-desaturated-violet': 'hsl(271, 36%, 24%)',
+        'dark-grayish-violet': 'hsl(270, 7%, 64%)',
+        // Gradient
+        'light-magenta': 'hsl(293, 100%, 63%)',
+        'light-violet': 'hsl(264, 100%, 61%)',
+        // Secondary
+        white: 'hsl(0, 0%, 100%)',
+        'light-grayish-violet': 'hsl(270, 20%, 96%)',
+        'very-dark-desaturated-violet': 'hsl(271, 36%, 24%)',
+        'very-light-magenta': 'hsl(289, 100%, 72%)',
+        'left-text-bg': '#ede5f9',
+      },
+      fontFamily: {
+        rubik: ['Rubik', 'sans-serif'],
+      },
     },
   },
   plugins: [],

From 11c6b63dad6445aba000c3156a320fbea37e3894 Mon Sep 17 00:00:00 2001
From: mbashia <mbashiavictor@gmail.com>
Date: Wed, 28 Aug 2024 09:19:23 +0300
Subject: [PATCH 2/4] complete chat app css illustration

---
 challenges/chat_app_css_illustration/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/challenges/chat_app_css_illustration/index.html b/challenges/chat_app_css_illustration/index.html
index 4cd488fc..65738613 100644
--- a/challenges/chat_app_css_illustration/index.html
+++ b/challenges/chat_app_css_illustration/index.html
@@ -37,14 +37,14 @@
     <div
       class="flex h-[100vh] w-screen flex-col overflow-y-scroll md:w-full md:flex-row md:overflow-y-auto"
     >
-      <div class="flex h-[85%] w-[100%] flex-row md:h-auto md:w-[40%]">
-        <div class="w-[600px] md:w-[65%]">
+      <div class="flex h-[85%] w-[100%] flex-row md:h-auto md:w-[50%]">
+        <div class="w-[600px] md:w-[50%]">
           <div
             class="-ml-32 h-[80%] w-[100%] rounded-b-[250px] bg-gradient-to-b from-[#bf31ff] to-[#9322ff] md:-ml-10 md:h-[90%]"
           ></div>
         </div>
         <div
-          class="-ml-32 flex h-[100%] w-[100%] items-center md:-ml-[6%] md:w-[45%]"
+          class="-ml-32 flex h-[100%] w-[100%] items-center md:-ml-[6%] md:w-[55%]"
         >
           <div
             class="shadow-3xl -ml-28 mt-14 h-[100%] w-[130%] rounded-3xl border bg-white p-3 pb-4 shadow-2xl md:-ml-24 md:mt-0 md:h-[70%] md:w-[100%]"
@@ -208,7 +208,7 @@
                     <div
                       class="flex h-6 w-6 items-center justify-center rounded-full bg-[#361e4f] text-white"
                     >
-                      <i class="fa fa-chevron-right"></i>
+                      <i class="fa fa-chevron-right text-base"></i>
                     </div>
                   </div>
                 </div>

From 91f31056dd56884cf1eb3a0dafcd79db637532e6 Mon Sep 17 00:00:00 2001
From: mbashia <mbashiavictor@gmail.com>
Date: Wed, 28 Aug 2024 09:20:46 +0300
Subject: [PATCH 3/4] complete chat app css illustration

---
 challenges/chat_app_css_illustration/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/challenges/chat_app_css_illustration/index.html b/challenges/chat_app_css_illustration/index.html
index 65738613..4c98ac61 100644
--- a/challenges/chat_app_css_illustration/index.html
+++ b/challenges/chat_app_css_illustration/index.html
@@ -38,7 +38,7 @@
       class="flex h-[100vh] w-screen flex-col overflow-y-scroll md:w-full md:flex-row md:overflow-y-auto"
     >
       <div class="flex h-[85%] w-[100%] flex-row md:h-auto md:w-[50%]">
-        <div class="w-[600px] md:w-[50%]">
+        <div class="w-[600px] md:w-[55%]">
           <div
             class="-ml-32 h-[80%] w-[100%] rounded-b-[250px] bg-gradient-to-b from-[#bf31ff] to-[#9322ff] md:-ml-10 md:h-[90%]"
           ></div>

From c1ee367d94e311d647675c096c21078e34d945a7 Mon Sep 17 00:00:00 2001
From: mbashia <mbashiavictor@gmail.com>
Date: Wed, 28 Aug 2024 09:21:56 +0300
Subject: [PATCH 4/4] complete chat app css illustration

---
 challenges/chat_app_css_illustration/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/challenges/chat_app_css_illustration/index.html b/challenges/chat_app_css_illustration/index.html
index 4c98ac61..d598bf87 100644
--- a/challenges/chat_app_css_illustration/index.html
+++ b/challenges/chat_app_css_illustration/index.html
@@ -38,7 +38,7 @@
       class="flex h-[100vh] w-screen flex-col overflow-y-scroll md:w-full md:flex-row md:overflow-y-auto"
     >
       <div class="flex h-[85%] w-[100%] flex-row md:h-auto md:w-[50%]">
-        <div class="w-[600px] md:w-[55%]">
+        <div class="w-[600px] md:w-[65%]">
           <div
             class="-ml-32 h-[80%] w-[100%] rounded-b-[250px] bg-gradient-to-b from-[#bf31ff] to-[#9322ff] md:-ml-10 md:h-[90%]"
           ></div>