From 3707a32c941e3adc8a73e7b3854565e8591f18e0 Mon Sep 17 00:00:00 2001 From: p-wojt Date: Tue, 11 Jan 2022 23:29:13 +0100 Subject: [PATCH] footer --- app.css | 29 +++++++++++++++++++++++------ index.html | 9 ++++++--- src/app.ts | 6 ++++++ static/close.png | Bin 6536 -> 16446 bytes 4 files changed, 35 insertions(+), 9 deletions(-) diff --git a/app.css b/app.css index 1fff075..37d54e6 100644 --- a/app.css +++ b/app.css @@ -4,8 +4,25 @@ body { transition-duration: 3s; } +button{ + cursor: pointer; +} + canvas{ height: 50rem; + cursor: pointer; +} + +footer { + position: absolute; + padding: 1rem; + bottom: 0; + right: 0; +} + +footer p { + text-align: right; + cursor: pointer; } html { @@ -19,6 +36,7 @@ input { li { padding: 0.75rem; + cursor: pointer; } ul { @@ -27,6 +45,7 @@ ul { text-align: center; } + .add-item-button { height: 2rem; width: 15.5rem; @@ -47,11 +66,6 @@ ul { box-shadow: 0 0.1rem 0 -0.1rem #6082B6, 0 0.15rem 0 -0.05rem black; } -.close-arrow { - width: 1rem; - height: 1rem; -} - .counter { font-size: 24px; text-align: center; @@ -105,7 +119,6 @@ ul { top: 50%; left: 50%; transform: translate(-50%, -50%); - margin-left: 5rem; width: 60rem; text-align: center; } @@ -140,4 +153,8 @@ ul { transform: translate(0, 0); margin: 0; } + + footer { + position: relative; + } } \ No newline at end of file diff --git a/index.html b/index.html index de81c53..69c26bd 100644 --- a/index.html +++ b/index.html @@ -13,9 +13,6 @@ mode + diff --git a/src/app.ts b/src/app.ts index 423ab67..c9ad9a3 100644 --- a/src/app.ts +++ b/src/app.ts @@ -291,3 +291,9 @@ function beginAnimateRoulette() { animateWinner(); } } + +const footerEl = document.querySelector('footer')!; +const authorsEl = document.getElementsByClassName('icons-authors')[0]! as HTMLDivElement; +footerEl.addEventListener('click', () => { + authorsEl.hidden = !authorsEl.hidden; +}); diff --git a/static/close.png b/static/close.png index 45e82a40c041d1f617d873e625a9a724f982b396..d52577884b5d653c5f93de34c0730c2454cb1631 100644 GIT binary patch literal 16446 zcmds7Ev#Kd5I$E_<3P5mc?O3>G_|-YTvZhchiVWtsG6FZsu~0afj~TqKr|sCL6DG; zkS2sQO+z64eVsk$%qK4R^?!*I_yZ1l(aAcO4iN-(&e;6%atz7A)NWVk1UJovxN=oz$o{pZrE|fybjYzR!+qj&{sX{4?Lg~UYm15&Y&N84Lx<8h zJ#ncwjOoOWV1s#FY5iS}(GOX(Lqczt$DM)7k8>K=F0SYqSTHWlzZ%crP{ViWDrp#1 zL%(r#D*ia00XZ{QZvYV>2}gPI@m~>h{yF5ZA=Ck4%NPNX|b3^1Sbk@B` z7GE&WN&{~|SDLZJKB5{b&8Q)*I@cBUm21<`&w=y|I@fvg>&40(t4!z9*utCn%=@a% z1P>_O1deQ`Ff;G5%$NpZov?kWxrn-Dnfsgd|uws+84_iWX}bxjaludk>9(` zF+$^)eP_@hEiL3-?qR;y4 zo6U`N>H^|hsHNXs%kQx4bHceUzvl~-+e)+j^Erd>6pv`a`M49|Bt#OrR?6fxF74Vq z{vIYUui1M@tT~0$TsmngFxM0pXdd(fd_|wyT2XV+%6{WS`H$pvEIk7PF~Uvb46crJ zrwrSsu51ReFO#iAkOy6Bto(Pe%C8umZIo#i(le|h%ilgntcO%rAA zaq)}D54p{A(q1>!wEuf1%)9q$ZK68+p4bDP&5?>O{#2sjVcjMe#gI$_2TmKJ1D zGgKh&n{9oLlsJR655K4bOnVRvE* zA_}EI{vX_2pL1vpHcwvvb`jshb$G8hsmZbH|3hhyGvJ)U`)-ajujOIS#Tk_G+60;_ zd++0>b4JE5fGp|8zqKh7D)JLY;!{|x6ldrA)Mr-`rZIX6c& zy^)^zwOXDdI}$45UO|rgP+%g(dx-b)K*2O3(KqrnNZ@{?sx*URiFetyPbP>-f(FcZ z1039!Mmu9*GR11RF}a}@tCDJGKs`h3`^+j#J+6(C&#DsUaekZw;VIm_rVgr3r~-1@ sMtI)5ZO45E@7({u2NfOSx=pm+<>!pZC7@@3{&Ceuy=PfC2K0OS7K~U>TmS$7 literal 6536 zcmbtYi9b|d*uS$gizUj;5GI2bG)$J#WGfk=Nfa%NvSrDV%2He-QYc2s7Sp1vnW#{f z@zX-cls(1xktJ(HS>nBZz3*S}-p^+~&z$db&i6UzIp^N{eeN}u&3*!wj0FIIz_i$F z3jlEFFB}jt@sb1DIBE1#_&^8&mwy@K2o41}+huYix#HowG#B|v{ zgB>pr`)+I|6mEz|zn^$hTRlAg<=n459ubAldyD(FhhW%k&wGD`th9Xg&OSG3o%Z24 zcX#68NoF;@;dt^1iy6(MtHaLB8C!0P`hpMlF?ZRT8<8+_2VWdB0Ib*@yCetezJ+Io3 zO|1yKCJzTm=e6}C^a`dn4ZVzP9m}Cgww$K}w9=vBp(18)jfjxxH1#T!00=o+Lqiix zMa^KDcVpKo7Y`=^tO5wy$jmAfsom&2%+#6;TN@bX*qr}qb|#pS)~?alpvm0hRQo2| zDI$CD`Kw+$&@^uPoxJjHYe`|9keRd`1e#LEl7@(1tb8tnyGlkk$HW{<$NbQ@6S5P>%xMui_QN^B1i!s$I z4d1X@V*b=eXI1 z3(g8NQ|mfktkGFAEt)Tv#TGbeM3Pnn0)q`;GN zGl&R}kmKBC@AnaM+P`L^A_1QVWlFz$p6$6)xU$E86z6zqq1G7q@M%nPx#+mFCHKy@ z^2D6A^%v6LtFI2s1?qGlz^edYBk%j$ISe3v+Xf~#cESMa>8g37it3sO6yOZn68EqQA}8NC_?1-HMI4|qutK6Z`$|}y>YhrvVD#9ST}X&%a__p zpD*q=92f(@mEehpDx+NsN|VgMo!_!8z1DX5XRZ3`Sm!tD9UH$-`?r?!({Dpr^~{)B z_B-L-_q*@Tpe0J~Xe+ewJnKCRedSKfnH$#f^A;#Mhn_W1bI(Gtvyy>#>!jt3ElSSu zKaj8nZda?At!xg<<=~0}LSz7ze)h6{@kPH^*QN?Yr@T)Rz_Z(dZaK5_%cOl6;i8Kgcl>hpi(0pKaLjq z^Y1EZ2#`&&A3UxgCYM3jJX;U1Bd_pN8AITs=q~&;kpN@p59&5?Ogti^lzxg}r_gvK zgseb>0`ScF#uX~ogaW7}E$FQ7!kU@@f0E})!ZoAs(ZKMAU{Zt{>b^0!Qh%YldVTbL z78qV1lvXW+dcX$f8v-4x<)R<>gBKe7N#Rnchafm#f3}+;9{n&8yio6x#@K?&;em?{ zUXBc0bPgX3ZSW*9wxJ#gz{Ps^?n<%fM?x^P-ZiaqGwQJjoN;}sp=H{?Wj9ZOq!ATo z3u2`lvc^-Y>{+o`X@?t4DHZmI60z%2vkOz6+uNpMWm0d(r#!Vk%)`p2X8EKPS+jDn z>r-!7rQ}&3;$t@$WNM`3SlgCk<+`%*Dfg@o3$VnlyW_X+o@CWyNnKe@x6)1?5@N{) z*@d@KPTF>1<-4rR-`79c;*XN}Vxjl`EoF01v_z$)+WXh{HV305>rEXEHb)mvySVDG z&=S@NPk@*-o_u+)iYJm7*OVNR$)oH*#v6Au?CKB_$%s(30apbNp)wg6O6_r#KQ7!% zMul!_btM}LX=HS$a-%CLOlUyH98;@vC1QleWU*t^SFUn0LJP9^u}!6}8)QDQ$k=1b z1+MGqLI*O=OYMQHEd3LkjQ65uxXR#!o@9d8rexQ3xKI9M2`}Y1S80^z?gWf#gEDEa z37Lg36))L8&w?f7O1m(1_7Ab733(J3@e=b679}B1+r>u5{4GnHkZB zj=mwHqS5g#LYT$xT&#Fy{f3J{{+XB zC6r?nJ$CVio3VwMs=_-i9vm}&p&p~~s*4|dFDO*2D!ACs=Il)rZeSF6xah$5@r3BA z{G%>`oPB(jJ|lm>iyquuz*4Wu(|5VRF&DDr7D5PiDEcKuh$Q!X z+!l&@snUg%_h?lKMZQ!OAr;0(301JKGC`ahW252>Se;Zb{O0;9o*dhNb8tGrMsfs3 zybZ{L4{Vpblw#DyQ2m~5mFbu#>tf*nvR)^P5Rb*oYr70}pS+DEARmI`DW8w@2zDZK zc;gA_M_L89k&gu9(Z`N73T_}Di+t{qkJJgWkhy?w%4hpmf=FbZvTs7VeW_qCGT+!Y z`j~xz;5D*EKHFsonvg}jqJ(t2WPvI2iJ&O@m|dLUA7rse)0&WP z!jpn&fCmnRc}Z@zlEVF)lebeBV`r+28_dboeU7#>r{RVw^0al)c9zDtk&0Z+=O{ZH z7Vdjq-WFZd4pTO6JTF)EIdX@&KW@@2kD`m*VF}`2ohXdzT3Q)?hf>Nk8f^%x5$U?XcpM-g5C z@fM6W3HZ+sWHF4_MX_I-h??FRo&%rbuLPhurHaFauotIjKaGf)0jnN(z8vCyAFSVJ ziE$ic5@r7oupXcL(%?=12u3{E294n#*0H70`mE+O9cekdygtOUIDa8`Hg=r382M098+XoT(j>ICNlQDf7! zZjzFHW&oBZm{(%YpIxm&@Zjj~$*88RiE0nPuHLvOoY!42@e2#0i9W-UdSO8;iZG!v z;_U2V5Vxj4w9D&6jM3Luc|TDC`2Q)QD{8xw2WzR@Z&gbH62sQu^X8cbC7zigys-3k zzobxG64vq3?Kc81FaysAl2!o34=FZeqGqIM^E%5g^bm#J1o=f2HXkzn30FaFXqpNcV*;uEv;hfzfRPXSPR>Ql_E?@!hEOA8<4iMw}rzike`~PV;zng(1=_&l`%iEAT zbocn(S+N@l(B$iCCci=44Wt!c4M|A(zMb~-4iN)H?3jp*Ml%2iqc8V3L38Lz>+k!I zq65ELy+-lD?f0)W3Vu?5->)@p0)AC{&GAHg`Q0&S1Z^2}5;AD_-#4qEe)#(7vNiK| zy39rkiiDso7oCS97{9|uj1@w2;F-nLK<7Y8Ks&qjGK>%6n2HAjBSvxe#9OE#v<6(x zcH~eHlpnTx%&L2K!*`kOov-v8WPU&r(9vlrdo{mD@ovq2V8?5APdNYYfxJ%gd?mRf z?8Q-~yYbsh>JN7Z^qmknj(`VYm$E@D`Xst@2j=*zwC1RTyGA z%q|?*88zbp&}5??XVng9eBX%!pO6gZ2nrsyeQ7|@8(!W;p+QDy3z~NZZS@E7med|$ z4p?hDd?smp$iG_(&rOf~)N35zK5>_1Y>($&z+5Z!{xuF<*D?OAr2K*ZhmLf(Rr|3; zba=76K%IY!?&vPP(Q!4rIHa_RZ>y2wr%Oh5L+pU zsF_b~ndu0u%xg}$?DNO-ped3MXsx|6*e;x-(;cRo`TN)u_)$@Zxph91?anzO?6CCB zw`Qxsj|e(!Ac4X@#j)qVFfGcrXK#Yr^In)Y=R1mwId+LJEGP0$vJb-Tz!x@z0vGmv z&SC#~Q_TW5_5t`|_Pn`u!5NVP$Cfp3>098-M!>cxhdqAVZs32NEgS!UHRiRk+)^3) z`eSa0u4J9e6^_51m-9p&AISq0?kWlqG=*CA-wq#fp|BXrG*Yp%RVEbvQhfxu@$b8O zoj?3W>8LaV{#DwClQ1!|z6$i13d1`=oSX5UB-@cJ!C|)3e~=j1-~9Ls?9*ROIvZSxsB*nq1&Y_;Md$n zcQP<<#5bAjC50ZGGSP-x0EgD(3g4hsB{(pyfcK^U6yRpEQ(YZX$3%?=Bs}@}pHLi0MR$t) zH;^bQBZ+T2y7&Y~%C?c%m<}NymqwwFfaV?be93N#p=T<(L*Oq)+GOUL__n>AhH~6= zz%w?coljFu+jQ6yG;hzPVY)XR&rLhT5sR>9;?#Yrkgr_nAshRAe6VLEeNI)j>wRAt=$m6CmFiaAS_cRSrFTMozQB`4{W z9KarTK@2CSl$3149y3AoB&X?=;;@bs#H-}HC8cMu4lu-0@;#krOzhEq_|@c`l4o16 zM{41%NqIWY#j*DH;H}9;CC|OEc9HPeq^CMBEU|}O;IqlkOI~cn+M2){lPYw|u-HQs zcw=%^N!eypE)W^$%E$jL*LFK<#L4A|WEEJFX&T9L_k^-!mQuGyhDVM-mdM&p(tO}? zk1xA{W#p(?pq|5%l@&^)X_l(rOO#zFRP5G#C3zo|l@e-^wCaA{_m`Cr?s3#=ym+52 zix*0!X|W#}qK9 zE@4{2QM6zfU`9uv@4_U)g;5xTS`DJl27~EZ2?Y_}{U2p|t%+oy5HO_4@5&}fl+Pm2 z1|aFnDeYe#dFN&@CRH<~Wy9Y}zbQU1=&eDjr6iiC;%@C$`Zm(; zf-6D1aE-eK>gD0Q?67&}j5rA-?2Cw4Ng9-E=?NBZ=S~TnFo_w>svj z);$ufM+S@1tm!Rk^1ElzkldkrJtEDK(~-ch`ry3kRoH~DA%30Gf8RC&f-1?R?o>G^gUa!=%m z;NHiamJrVxI$`=xj&dt6e|2Zr*1l&-#$81F}`yJU@Qf4l@81_e3G;6 zI>c4lX$gssZCjcyt^fnmblA4Oh+Bi2ImP#R9wl3^+_7{P1L8uq6qHq~)QAVq9^xK= zTvAY0-s&!P!tQX})o!gsUdg#rGmSCUnRLcq(q^s{b8wD<3uht#8}g4bM0Mb;!EakG z6iY+7@c$g^jH$eIYj6zu5=ep6XGZ+I)b!i~s`Hl1>v7Ws;XtOxLucvb><84AJJr|I z7VM3H7rO6@#a0FmaXk(=zlpD$$FPs8T-rE2euz74>HNkD5~uU+OJ;&|%$bSNDJ8@V zL}GRCowIZ$cW`n*{!$4C2cp1-H(8Rsz%8R?Z8i#sleP)P+*4*5Xg-kb>m)MK#e!YS~06 zy)Sd{8dhs1n6VyW&Fy^CHYYXhFi%{0clO|n-1;xC-z9%}I%N$AOeZa7g5S3^zvEU8 z2{S5oHuydIB8je6FDRx0JXD!lh~N9BCMdW{K{q2U`@?s?@$KhjwyTABzLy6;6eF`; zcqjvLod@h-RJZ~-t=BUO5uvekBXXNF(4)EbgZM48Lrxp ztaatg-c90`98QWtut ftGaJiXIC-5Tdpdtm$*g%po_WBX73YIHs^l;gb{gG