From b5d1453248c55c36f353e43762a34d37c3b9cd49 Mon Sep 17 00:00:00 2001 From: Ville Mustonen Date: Tue, 27 Aug 2024 15:24:00 +0300 Subject: [PATCH] cleaned up frontend from extra files --- Frontend/Dockerfile | 2 +- Frontend/default.jpg | Bin 17049 -> 0 bytes Frontend/src/css/body.css | 45 --- Frontend/src/css/buttons.css | 94 ------- Frontend/src/css/modal.css | 123 --------- Frontend/src/css/stars.css | 364 ------------------------- Frontend/src/css/svg.css | 36 --- Frontend/src/html/loginModal.html | 19 -- Frontend/src/html/signUpModal.html | 19 -- Frontend/src/html/tournamentModal.html | 34 --- Frontend/src/js/stars.js | 8 - Frontend/src/onlineplaytest.html | 82 ------ Frontend/src/scss/_stars.scss | 364 ------------------------- Frontend/src/scss/styles.scss | 1 - 14 files changed, 1 insertion(+), 1190 deletions(-) delete mode 100644 Frontend/default.jpg delete mode 100644 Frontend/src/css/body.css delete mode 100644 Frontend/src/css/buttons.css delete mode 100644 Frontend/src/css/modal.css delete mode 100644 Frontend/src/css/stars.css delete mode 100644 Frontend/src/css/svg.css delete mode 100644 Frontend/src/html/loginModal.html delete mode 100644 Frontend/src/html/signUpModal.html delete mode 100644 Frontend/src/html/tournamentModal.html delete mode 100644 Frontend/src/js/stars.js delete mode 100644 Frontend/src/onlineplaytest.html delete mode 100644 Frontend/src/scss/_stars.scss diff --git a/Frontend/Dockerfile b/Frontend/Dockerfile index 57731f9..0db61c6 100644 --- a/Frontend/Dockerfile +++ b/Frontend/Dockerfile @@ -24,7 +24,7 @@ COPY --chown=www:www ./Frontend/package-lock.json /app/package-lock.json COPY --chown=www:www ./Frontend/vite.config.js /app/vite.config.js COPY --chown=www:www ./Frontend/src /app/src COPY --chown=www:www ./Frontend/src /www/ -COPY --chown=www:www ./Frontend/default.jpg /www/avatars/ +COPY --chown=www:www ./Frontend/src/assets/images/default.jpg /www/avatars/ COPY --chown=www:www ./Frontend/tools.sh /app/tools.sh # Install npm dependencies diff --git a/Frontend/default.jpg b/Frontend/default.jpg deleted file mode 100644 index 931b95367252c47dac955f6e624222ac48a829ef..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 17049 zcmcJ02|SeT-v3A`RvH>lC4^A%vLhyRl{+5+Rh`$iDCU zHVnr9*7J0h=RD_}_dW0VPoIlVGq;)hx_;aD`~CgqWbkAHbV*50Q4T~v00I#J|3D|h zAXyN}xpTzlh)9TuiO-)WAtj?GC%bTgjQ%ne1vN7RD+@CN6Vp|8K8~x`dDxhkZr$PJ zxh)_pEX>MrS4vD!l21rj@bpax&YwR|c7cqJoSaVZ8q+nw|MlbK6Nr-J4CoAqkl;G# z3?%^}CBaD(h!wa`B7&a}(C-g|GlXY}&JmNGC%ph%P<{z?hJcXp%vnMrqO)g#t9^ji zL1!t6E?*OnIY*^tOnlvuTJS|=3JKf&;szS^?hSUKC(r!OlU|{vqi48rlj9aAm#~QF z9kILOvJW6~@(PMd8k$-#xVDb2iK&^ng{76Xle3Gfo4bdn|I2{DpjWShqoUu&#Kygg zPe@Hm&&bTm&dDt)Ei3<6QCU^}xv}X>b4%;jww~U;{sGM3kD6zKN`Gv)$&8_X7 z-97C70q%5P1i(IjJ$~ERANEBF?CZ?gvxH}fPxnP|#tm46lxK;q37oquqeg7(NOfKC z1qt>2$duxS^K3%u8#GUzb(3CU7oNPadAhZqJNut)%(=3Y(ryPk`wV&r* zC87fnEO1(8KSh5Z{CvBIs{ul-&T}g@7!<5$dGiFMclH^g_IW>jtwg%M&#^Qme&WYb zv97Zgr%0(l5~-H7Sk_Wx$A~-Y!?>HY$y9^qM!<#$-InSN<{1xBjGB@Z6E%3CW{Fz? zlU<$cV;fBfU(xG@?h{9iS$ZY~s(g8$o3`I)XVd}n@zOFMw-h%|iIz&W2R9?ReN9l) zdM&g^t((P60s}Ac&?C$N3l!oi9`xeIJtJu4Wr~A&e&X%LqrBLf;_9Nf_Uac?cEdr$ z3tpIqTykDQ^Tj&89Hb{8FGjv&=`A$18q6_(TJ0Xu|9NSByYsNR->$CH`UR5lT`7p# zlnmKfA)Kga5J#ev{`P9&k4F_d$n)b%j`^J-Hm>w=$EZf)vlNe#95JC7gS36!7UiaJ zqHnEtFSpk6-(`fqXCaodajjf>Qhg8CK}=r25rVjZtKT~8WJVWP_O9uU%?XBQ)yu9) zL3DeanPoMv4u5)p*zU(`9UbCnmO2>}K+Z72%*g~dnHP#vqh-1YvVojjac_qsY;3S6 zpig&wBpO6vgI+B*@!%S)sxPyOb5SEr?GrH*g)V1JeFA7|)$Cp6DU15RhOS0#wO}LU z7_}NirVsc5`d5pFX>Vhs=}9tslu*CEspebNo6#@}*4%v-&O6GPUuP?fxMX9%vVFeg z&0{+HgO7}>1Ew5*1R15Q8-CGR=XqLALUupE{nvQhpeEH`j$fhE&`p{SxHAWRUfOiAn9`ummR1;Yw@3{_BY#^B zLJj&)7hGndDW(=eC7<*v)D&mJ+DW4a+1MQ`Ieg;*o0!ZrZt3z&*fHQ&DC^-p$}^og z#@gvbpq=1()bBl!GEuWGx&49Hbs-YC;bPC=TPVrHPpQGTK>yoSXm7ZY&hW-2M5Sod zMJg7GO2HOJ1!sS27-iaj&W=TUAo{-dPz+>niOkl&POxTY9aKaFQyY09vT=%E?o zO|`?Sd$WipFL?ZtxXbrA*8vP?dC=AHP$`I~a2{7k$39ahXO3SC*8c}SGzUTrYl-?- z_WkqM9);hDg@lXntvKYSu_q94F9c$Y0AmrCP4bnCaIogUs*fQ zTC2`=p*#V-E=;Y=dm`OIfodzEF3_V!v*8i5*syTnV3BYUO$Z%n8i>?|8cx6aTJHhy z$%Lf0QlI}v>)SxtI}sZ;>a>fsX)oFmdQuafN~DRGrNAyy!5?leAJXqEXI3ORG^Q}q zc?K64CKg(5TDz`N8JihCLCE51<}g>bhQ4n+3^0}TBlpy_&JF1}+7@ZQ;g^$H2dJ@$8}Co_zb-J0-2!x!^j5#Gfn|oOwopsljGzq>2e(JdE!Fv z+O~Ka1T1{G_t8;6L(~Kl8F2!PU2i+pwhzkyyQr5An9DwPoSB9%U;zb(x5)6qI01 zc~sk)o|PPnXag3D(k#?#X0Y4WP!01nJz#IiGC4Q_i7z#3&c<;sdCwtU?DhH7!qKel z_;UbMX$IV9%=_NIOH;7qfOP5N?0mxOHx4o!e;}F$tn(xSRFwrj5$1?2CA0R>%J*Km zPMmxK5-wO@+@T5cd>`5Cg!#I40xE=K>qwSPK<#r@5Ne0}kq=VX?$KyEpFu)s=2%nN zqe_5ddhy?>gFr2n7weE8PKZjFzSTJNLNG>NlGE|*n^wW_3~euls9&;oDV6$PC+mNc+|RtGV^`NmpOVA% zTE$a~LqU zBg~RoYA|=v!M%U>IfbZCID4eejqO5pf^wnbX*}TphSL!BK^tMd@Nt9kHR*cv@$}cD zYG0bp*GL}T5v(8?N5vPXc1xS>MLdG-5m2VYj{j|B{=3Niv)8luaRazsPQVun>CnppH5QnQ{Ln|9{AbyX9C~r^xL*I`tI*VncPAj3P5`HFqF{w=pG22TYpdAp2uxTiC6P1S z6(|WR?(d@!=*bcBte1O9rt4Tsz^|N=_y1iC{s*rUJTlrX*v-^H#@QE$#=n8N*3c%U zjB%u!)$<`TEc@Ij4?gy^9Pe-+1UtG~#lwTjGH$u4umB$fFZ9*@XWp*Y>%twzw`un@ zkxa}?iq4Z^mz)h=F~HNb!E}2{;p;5L!MdR$Y-dzyTDev)(Y)~@Jyeb*u&4l{3D-+* z)<}dBN$c1USFg@R7^P-gF`(;;%{iV=23?ke-a>SG)*CvhNC@qax?F>iI=DRq>?!vG zLaj>h-&;Q}vYD*j3zm@%L9HUJinZ0s(iHq1n#P!tLikc^1clWFo9z}MV^f#HUs)l)b=@@ud zh>hM+uk2aBGWVmXF;JsBC!oQHa$O2I_~XUZv!+|w_&ZuBMq~V%OHoc&)0c9A!ghZ8QsRZJ%+-(?|sy9d?raj z%kMpNFK`f%AN~Uu`%{Fgsqr4NE5Zw}lFUA`q#E=C4$%D6ojmL^PC(a`>v1b5ARJ|G zztpl_U8TK_Holz5b93;hBoD0!76mR8y8S0vhH$8kUK#*)a`hw0kYlG~n<6u^4DB=N zkNw21S3&~>*EUA`e0o+RCbSTrFdjxk?+Wz|pc*S1eEXK3EV9!`LT29de&NcmB^-iH z;-7uw55et=`ZPYmZS+b-L<$XO9UvaG;ofAmmZsDj1nnC3Y53ej(Y zOoGXwQsiD**}1{XPLf%o$)w&T0~9X9-&pD)e_~tT+PMT*iv{YX`}x!pYwrN#g#EMh z^S^pNr(-xndPM7^geFoc?O{BC9c2g<6tviP2!+e_)S|!k@}=Wf9wL;i3Ml_9jN{jCm~n@lgxE6C!ld2 zV*EG53M0z*Ephbx629^nGxfSF((t3tkue6pOu$PsoBU!%`tF86&ydPr>>xdTjGWym zB&|y@gRAEgsNa@hqBMm3G$~TEXZmLA`}RxA=XY5Fx8lO(=ZVahldc;^)JJb0btZL` zj4Ai0mo3#W*(K)aTe*ce+3p)RaxOG>Vg51uY$;Xz(Wa}g)Lia@j;;4Y?wnig+EN&M zVb5b4S%vguxy0m|AczogrkPgq%L{3@NCY_t^-|*jL!eUaxZ6r@*7F6b-GI z=rfGW{B!uZeQ-=>)M|z)2bKTKY#475jq~RRtU8@SxscM^FGEJ)OIiLXpwWk z{vLI}m%m$OnftzYl+M-g=;9*4DHOW?*?Ik|=WU80JYHJYpFQ*J!%)NyiC-)y7i2%R z-y7hh2)UcwkS5*cS0`s#bn#M%hnV*mm1*uy!98w>j7F|x$Y4cFL%?^n;CfV`vXduq?28z-CUEc^;+@gB7y zC!mPvW1G*N)83Ls7C527uV&V(9=_R23#q{eREvJUH1HyC=#&@hMeQq$8sWR!<7+y^@h! z?Z8~E9#-TLVOz_bTH0Z?XZzOmWHqU#s8>B#SM*FxNUNlX%jF@?g6 z0Q%?6f!#X+xs7iwe)Dm9Yiv3i@lHv-M()ucO`2^b{tNg~{8PgZxcsb?1AjC;+b_dU zPD}knLI2lEnXp=XK_jSh9qFVUSD}E}0AM*FIm5HCf@@{qA0)dMM>L zbnRdse5WL06FiVhITs}_Ds-u+?}pZnQG{$*O_f)Bl^yH4!k4<_esXGfeoRD12FJ}A zEMR`stEZv%XA5PvuX}jJas34JY!Pz;V%9jeY0kscQGN85a8Hgi#aq@-8p^q&UixP5 z3I^FK?O1pL82t-U^VFMYn)W+e94&+Q7@T;jU(=Z{6&?HN4R7z<#S8C0=dJxF1bHib zlwZN+4mHDKS9cd@ZNI!Ly{!E{3d)Y@Hj9^+%7g1V8yrI^Zg(8mD}`Y40Eo8T$=k6m zxg{Lc>LyYAm18Uo6#ZOKMVij6GX7eiXp{~e*LAX3jt^(h)06X`_se9i6cjXaRMQ9cz3U;LmJZ3o~s*7ik1 zVe!DQ?`|lSTs#F1J0KuQ(ImqNDlGEq8V{wlAg1s*zi`yUT z`x3*WU&y$z`6mVW9Rz6o4X_*knSsQg{Q(3h{sjcM|KvUYc?L?UuBj+_+3qCxz`sUR z2vYbkJr%`aDy}2S&kR+{(LY`f&5!JiWQwjZ!NRvC@i7s1LQ(ILTy!QZ6U7D7_tO?U zXtrx(=-JY!0rreeGXyI>U;MMEpIs@!jncP)YEX(r)L=<*;+RXuIMQ zP&jHI6P`|$Q zzP=+`K96+X-qI~_K|zKw9S0+gLi1=Y{zs@Izx+XMgQd7`9i4mIBW=U#!u0H?e9YuQ z*Dl4SCC5da?Kz!sl$p%vyS+1YVH@xl&H!~8JbH&zjdYaiW0_8OR%Y((vs04YZB zb7a2(J+mw~*(Es{>T;#E`Fu;n7`P`j1M*0+Bm2wOA1w5nY?E6H*vm^pJZ5E6PCVS5 zZ+;J-r$%tWyd2oC@If_E1g)kECwz>ie<~Gj7T|H4RSn;{g@ST@m&)4{!2-<36K`?u z4nZqAL#q0{=$~Zs^51FvAF??dfZM;yc*V~k68>X0|4SL4oaT57o<|#@?q(*%V|V_i zv?pOLl1(x+H&{?797MxBI&wv{)6wy&!W+|QLz}|=;A!o*A39*czS=LA*Tyo-GZg!L z<>TYc-xl4*=t#vK954>GgvDHt&B!+C`aT`;$qknK6oClg!8pjv{R!I$mLjt4XIldqV%F_ zt9b5P#0N3fWS_iVXXFb*(%!d>i8cjtGDmQsH$poqY1`kdoWfh$`rto+nn~f!Y@1@T z(fsxv;7769^V^TDw)crY(~@c(38j-^mBsq-kJT%+_df>X^0f8^CThCw^|E~HROB@` zJ3h~igD1QDPY|t;_F6I|7~GnXaTW!4-JU>Z>+%J)b<(AxmWKGUQVbbYV9j2NEgNl> zt-Hi2EK}JU?EeZ0oxa9BSVwbn{DQs!p1T>mKLroR6uL{mN;a^KgX^gD!3drJO`pY! zj?X2Mxm&-#%?MNtu6fGV+ol`l#wo!bKWxnqP#9-+V|J#Unld!jentvf?w%FmZRRqi z>`(3Wp||Vk&3x=B7=c#U59GSXeW9(pf!?-|HmGJDy_YpBa|}fr_nB2`IxK4D<)47~ z_ivbNa~O?er6X<^)L+<#t8bcT^Q^EPz|UC?dPnl-fLq=2#x86~r%YcsE+!-oeR_D9 z$;4lRtEiYalDE{oh@AY!Ck0k{4k3L8g}JVEcqJ?~n`qIrGn*YSReB5MtSdjs3aI7C z+*f{hC01Zgt|4JEsFT|hX)iNWVVPRztM268<7QDnmz@U`b1pe*HLW$fv)tvr2gh6% zB19d{(RQs*`#WPruN_2aEb8oBR{T2CZ3xjVOfUT2Dg)8xq}Pg!`NSnhB1Mvc;@pp( zM%UT-XDD}ayNR6b8E@yJ(W>M4^(=0cK-c5J#~s8~vjKf_uH z-SYuA(gZ*hsi_{Z3p`k3Gg#A79IDIeaxzNMh$!_7ajSrN=OZN(m7n>XN=T@`laO3& zewUDbV?LNDE%Yy)Y2!DYDf>66uI`Ugo%kPOeCgQZoA63!eU>`S<1Aw5&%w9SPo>O% z?9u*US4gvBf1LfHRA2#=1*e^UY8q?KV%Tl?pAOiN=Db=QZF8KJMACvQR8P={RL*XVjd?j?%z`;0OhX77TOO4Wq; zZd6Cl#Tw;#dXZ6B5BBWT@Y1UIKk6;$85Zo^Wy)mpe@kargQ19Eq~fRf`Wq z)8ku{Ha1_JfLOkJA*#JRop(@t1(b;};AUO`qRpQV4k+Jf>S-hsRQkqrHQy3SdY*lH zQ-p>(|D8T}fT~J8$h1^o=vva+N;1*;j*yNGAN)gX#JJ#79K<;Y@9Zos=xr8M{8X)@ba3UR;sQvKmNGc?pAw zE)tc=TFd#rz;lchs6pISKCX4Da9jETZUM-7;Z`u}5zjrAvP3ob?x738}f{Wzt!tMDr$h29%LPxocWYcmae3e*_ieGKN>ysvndgS~e)R&mb5 z%+-TAM5y@d6VE8C$9{V8(|#mFil&dVg9R0(^41-+#ofjAi^ucUyuY(iNbed{BQ{I;|oy0?*qu6$!IZqMuj&sOM&lKi+daxFqBZ=#dr%VZ6!=wnp& z!+Nyi_lD#Cz1`iTylhnBHz$r)aV43@U-p5)2k9W*PhNC~N+Dy2pBk5tl`Sqgp5Ep% zpfyJSE?-ULEoN%DaD5Vt^do7#UK`z9cP92TyifR*uCm0#=Lef z&0x73ySpt`%2W}%Ygr(k7ILc1a{=1?@GouNi?OV(IB-cIAchd+rvqp`y7tc81%8}cV4E-wA#?QGZx@lfvI0MOy>N&Xr$3S`Ffys3QvJ)-{l1c8d`na z|4~B{8M*rP!-G2&Rwia5eMnb!-UuV>E$+nEe1)c!F{SLGIuTWcz0DOXJjNf1S!`w^ zj88xqwyi>jnvJ3|j~XOJ)4MG7>eP=Bb0?sQD?B`QB2xE5yS&EB45obb=JYuajx<%*l!+> zquB{?E}ee^+;HIErX-Dc(N-S{5oX;g{SVTCxqT&(da6a`{lbSK7Y1QAHZKKQ!@B&9 zuI{%q-eI}CDKZv)m#6sSf+={bM+mEjV|B1u@!SGONHgh;UmUjSYB@Y4rfh4hedO5L z4Zu<#2FE8+T?b>qxAK1W75-8B%aUhozuv+i)H=hJ8yW?@M+6c@`%jL4F1-_zzaLB{ zf69zvcdUrB4#CKj{(ZNNa^ZSzZA_{Tf2HNq#F(J2iacNc<=%eoFU@nb$D1;RJ0WA~WDe5pp;a1C%@cN=Z!{J_1T-%*2H8a!$#Id6?1mO z47c_B=IZOBy?a=a-nyzv5NO)0ZH?54iF+<{)ErAuBz&1l^6=md(Bf&(yxcTFFour) zluX9Jej$6j`C{7jqg=#naPs&%3ow;dU~vTAF!}+Lve5{^&e&B11dXtcN#m1|hRI=u za`y4tV*wml@bT8&t&aNG{@emj{yqS}9Q2O-G(<}FV!LylsXG+`U@0#x9Ji8|nUa#D zXUzFZiL?ka(pCkNK7IV za7DJ?8mOrr{q9T&FEU)0+;^xi|B#F(ns{biDqs@z%<5LAvYQx~wsX$ry5uJHW0R5X zW5{Dz)~iI{dRN2{;T8yH;8_;)A);fOzG`Yo5o8?W_+@5 za!gI`zNiiJT|V9!p=v&hdtj|Sn)W_9wd}Hf#wmyLqEfZoe5~|`4QNX(cxS*8YWhkr^9zC~~zbomh|e>l-!=&?^j?-X^#1ouS_4V zUw7M4EZqK?1ha6?Fbu$e>+1z&?er-A8`=ev2H#f)5fSCj*oR9-ew4-hFwz~c-C^c4 zxQ|nbloKP&t1u(164`EfEeY|MdaAQ-_r3qH_yI*b1CCXBVQZ+P7H^u`+axIp-Jm!sHy&PGKJbw;xCbHqaElOhQ9#H1M-Z1Y zr<7;in7pf2?4dF|uL3gOfk`cC3Ky54XinxcV{JJIKCqMX;b0TC%)P!P)5m$lIkkg@ zw)V_CnK7&8DndV6>YH?<++_{mgYm(j5Xjy;L_Lnds0?zvsnh|pAm4;OtgPuSu)n6h zXt`oWSW?7#r^{p)bq$q~plzU3%FRi4b&CXbeY4)5_Mux}SxWWSaMRbGKYMg-b%{4x zngz726I>A~6Xt{TRpJ|%`h)l3zc}b$n>l~Pr++3T*Zkz5xBs4lzI-nDh{$xYdPKJ% zJK+pI2f z%q-1Urbh`1l%}Prt(9}V1-oX+V*@Eli*^K}kgXKoYs4*X1Mg1uw+ziTh_a$5yT8W& zRq>K_#!Yq7Te(O9rNAD9+hd z+U{iUVX6g+at_DMcwM^R%ET`q2}=%1)nC3Nah>s+#^G0mNkr43`csHOf_jE{ujXRj zN7+m(H}Ud8zaN60r7W+cR6NZi()26`#`M{o!|)~QcTMmt{h~>k!&a_&_O^+d&$M?< zmQ?gm;^h`nS6aqqbtG@wBztz&+e5cWr@YlBeQI{erKP2Jin15+UBJY}YIgo&pM#sc z?;Rp#dgUK|2huIU{i7T(bhpSY7jkLWz$vyE<1U<^g#V%eI9QUu!Z#(WrDZIZh8Y0V zlllgpYHzI{9Iey)=lSQYEO{dl!agz+NJbs^7L~C?0%%BrSu6O3^Be6*9wwdB3Yxz@ZtDpe?#uBJwlawFu8%3hcRBx< z^d)RSS=wRkFBv-)j0|336p&7#qcT0y1m_?8=Px z#KDnp%*=sNi4xju-Pxdi0x$0$(Y#%60kx|$HlPiV6yU4(sJr*ogz|X#1OyDSIC}vt z(Y(oViV=5z)k`gJU)(m2W4d($q8dWSHn)vGDh=-$5MUAry~Wybh=EzW^CCGEM^GJs zClbs&+y-s{>4tmr1oT{yOhE76o6jLk3MpEej|tS(Al_+i{Yd?oG8v%J`FE0b`tMzN z|E`|ydn^Xiti;SBNVVQKiGoh-Ci#Y^om_nbAClj@?!+l5{>=#g@Py9n#a5O0yHNrI z{Eny6Q%1Xxw3k{w&~!fmHAtHXw;k~72KVN!0_x_hE&qJ4U93CfSqIJ2froD4Z;!~; z`&7<1UObK5IT7p6cpuS4ix)-mM5m)C=-@uh{(*UEt%OeEU!x~#sX0~&?-??(6Q}~2 z#94BIR>~=tMgI+#)jo~vuloaiF(0c5Qv`~S<#!A3qiLI-T06f^t%_$e*Ka;QQ?&TP z(8Vy2e(Z`g)hkXpx)ydkJ8}Uy^p)kQO9Qy9pc{@=bcXlNFI}W*nYho|gsH|f)m`4C z##3)X0!!^1*luc|$-?9qk)WZgvJJOGOEfaXgv}+q8EP(41k`>BuLxBin+|I) z<*F6CsHw60QP*184p^;&%Z}4+J?RY}Z-`W_I`8=4jRvxcyLH5`)SN4~sd9)T0ef8W z^op<^Knbcj0wWJ)HuuYDlveDT9_nH?Cd!0 zpjrGDodk_uaW63FDYqG=QV&w?owu~Reiz1kEW_NeQyBNfkU_iMXpn5~O)YVj5731MeNCv-0;H(`GT!{u(VYPC$fkN6~|e?GS5wH0rTXGYS8?K^g_ zIKB$id=jPHy0g70q=IMUF5Mjh7jPW$e3QU?+trJlfEczJZsA)#?;+d~wo`|w%3Y%U zxC~abg}d|%DE^xUN0Sd_guocbVK-{WdMklbGLaMquC)>W!k4!u zV1Lf1Of3(BC&f2rg0~_Oa6}x#X2%urdOJRr@glOk@ta<5^%2?Og@c{pjO23-Of;t>csnXW8vdH)RQDYkgJkH~>X9ndIuo{(4L?W6?w8YuxKx_yPd4I(v>MLk$R<|I3cVv8UVmwl6ZLG%SJ&6V#iw8q=lcLds*h+FK1c*6 zD)%u$i0KRQC9#gLs18@R@9dM#Wf#6Po@CyYB!l?`qtd0m%+`T!Z=_tocaBrJihai0+b7CW^%xqBQjm4%C@e=J#Qay z0;2yO$0W`ge8a6&{|0*VAc69SQI(NwpO3iDg|i!@GE940=|!z6Q3`{CMN%Ye**UkO zfNW+Ap{9BfeUDfvOE}rY5i76c+-rXTUjyc$1EbB@fw>s@O~z^Rj}c5m(4d>jVe)UI z79F}9mcu*7KVTP?8toc=1&$ypTx~|=i$e3NNv@*`LB|hFeMW%6>7W_u)H;u>Z^9K+ zUnRFBqguZtjm#8FMnRn(<|#F+oKEUI`Aq=$**f)dYeWWowJcgTy!uk)Yh#1?^s8g~ z7T3Mi@#J?;1TLkpSTXcuaFvujtPet5V8FHwNXnkqvtzg*N+*aD!tqxivW)DsG$9XE zbJIWs&xv?xw%tP?EVn1f7c0HBlIxbVn6hY;s&hquXlUVgvGmW%`+zsuq?wM{Q*rNX z>J0SqUiFgkpPgMRxa7R+%-Z359nEu5!di9%!sDiL{m2bYdS~}bG2rE05 z+g7Sou3-%Fo0MKonLh!c^rX3apW3cnc4tSkYRsy(#QBRuSQ1?U&PsmcbcH3FItXBNOwY*l^QkuJA2ok zu1(>OF6W`<$i2DM8=R!_Q)cD6d=x(vT zE@W+Dr9HZl!p-hBK6HmL9cCofS#vzzhqONMT~|fd`(WeTXnBtp)A7m+^%<}4l?~@!a+7z<< zxO?*yH4V+<4Xrc?r8m4#{T_IWe8p>#rNc#;F!Qkd#yq_lV-6r3j-^`4tuRTqDrT2&*SOu(L6?)y$Yl~l|asTd93;-u&j6A`NCE>;_5 z)d!^D&H1jsHXyVZYm$D1Q80HFSio|#7)w%UIZOfO(S!>6Iu9*axNUsbCef5N@x#t8 zYnaCkA0tDR%?p!j<9BqsjSoD$5>1(<4CJ?I7R+>7g!aUO7EVBN0Ia)W*c11S#mL4* zBh(J5iF=^geT3R_!gd??g0*^>O2=*bBwH%)gsg7tnx!?a zth)S1r@`h#e7L+6d>)K@qf>Je=*?y-fvdzeK_2}>+_In zIwP+z_nep5WYF;rxh?#aH|?hG(5T8}d)1j1hh{zXmbB?Pqb9Nl2Opc^<=J9Q1BODW z(^yFEIS<^VescpvBuUlm9l^S0RxJ z59l-|u9&?-FtWdit(l^8-ZIB}wi8VMZ3IB8g+C3Z~qJ}RB=j1x5KH6LJ zE}QM-;5ZdmyWRj2$luYw{}2Bs*i>exVlS3pf7KA#H<82SM-K3-=XkaVO5Kc@mB`FI zhNDlR=bz(mV0T%2vpUNbW}@g}+DTClBx2r9_%D$I?&R3iJBvojIU8?Y3`NMW6&2GS9GOc`XbeCtGYgF?y2XA${ zVpun*Iv0%?Lq1R6UhC(#TQ(U_F$~aJTOS-S=Xur?y{-s+sVT`AVrE@;qr2>Zd7lW~ zHK60cgSB%y0TD3aV`h`N_H&%FoA*4gOJ&qJV94?1K_8{pw{dV+D!!&C$SP(Dbh!0? zwI;lFcg6NdeskfYqO;U>+YwRNoHKZ-#aUx{$;)}Uw`GAnI{IsB-8iv-*2}Dw$!(v` zq^2h~482b~mDL?*{=($`D)avTeD1=Ajc0kuYDGW)6C;H+W<+EL(x87$Gapy5lk54K nk2z?`Mmjjc?80~qO((bR#G^+lz?YvD{wEdozjO`3$&ddBfGnJz diff --git a/Frontend/src/css/body.css b/Frontend/src/css/body.css deleted file mode 100644 index 815f711..0000000 --- a/Frontend/src/css/body.css +++ /dev/null @@ -1,45 +0,0 @@ -body { - overflow: hidden; - background-image: url("../assets/images/Pong.jpg"); - background-size: cover; - background-repeat: no-repeat; - background-position: center; - color: lightgrey; -} - -.font { - color: white; - display: flex; - justify-content: center; - font-family: "Teko", sans-serif; - font-size: 20px; -} - -.ErrorMessage { - font-size: 23px; - font-family: "Teko", sans-serif; - color: red; - margin-top: -10px; /* Space between title and error message */ - margin-bottom: -10px; /* Space between error message and body */ - text-align: center; -} - -.signup-link { - margin-left: 10px; -} - -.form { - display: flex; - flex-direction: column; -} - -#imageInput { - display: none; -} - -#playerForm { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} \ No newline at end of file diff --git a/Frontend/src/css/buttons.css b/Frontend/src/css/buttons.css deleted file mode 100644 index 985dbe9..0000000 --- a/Frontend/src/css/buttons.css +++ /dev/null @@ -1,94 +0,0 @@ - -.buttons { - background-color: transparent; - border: none; - color: rgb(255, 255, 255); - text-decoration: none; - outline: none; - cursor: pointer; - font-family: "Teko", sans-serif; - font-size: 50px; - margin: -10px; - padding: 0.1px 5px; - box-shadow: none; - display: inline-block; - text-align: center; - text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black; -} - -.buttons:hover { - background-color: transparent; - color: rgb(0, 0, 0); - transform: scale(1.5); - transition: transform 0.3s ease-in-out; - text-shadow: none; -} - -.buttons:focus { - outline: none; - box-shadow: none; -} - -.buttonContainer { - position: relative; - z-index: 2; - top: 0; - left: 0; - top: -100px; - width: 100%; - height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} - -.submitContainer { - display: flex; - justify-content: center; - align-items: center; - height: 100%; -} - -.submit { - background-color: transparent; - border: none; - color: rgb(255, 255, 255); - outline: none; - font-family: "Teko", sans-serif; - font-size: 200%; -} - -.submit:focus { - outline: none; - box-shadow: none; -} - -.submit:hover { - background-color: transparent; - color: rgb(0, 0, 0); - text-shadow: -2px 0 rgb(251, 245, 245), 0 2px rgb(255, 255, 255), 1px 0 rgb(255, 255, 255), 0 -2px rgb(255, 255, 255); -} - -.close { - position: absolute; - top: 10px; - right: 10px; - border: none; - background: none; - color: white; - font-family: "Teko", sans-serif; - font-size: 220%; - text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black; -} - -.close:focus { - outline: none; - box-shadow: none; -} - -.close:hover { - background-color: transparent; - color: rgb(0, 0, 0); - text-shadow: -2px 0 rgb(251, 245, 245), 0 2px rgb(255, 255, 255), 1px 0 rgb(255, 255, 255), 0 -2px rgb(255, 255, 255); -} \ No newline at end of file diff --git a/Frontend/src/css/modal.css b/Frontend/src/css/modal.css deleted file mode 100644 index 6d9babc..0000000 --- a/Frontend/src/css/modal.css +++ /dev/null @@ -1,123 +0,0 @@ -.modal-dialog { - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - margin:auto; - /*top: 1.5%; - bottom: 1.5%; */ -} - -#threejsContainer { - position: relative; - width: 800px; - height: 600px; /* Adjust the height as needed */ -} - -.modal-content { - display: flex; - justify-content: center; - align-items: center; - height: 100%; - width: 400px; - background: radial-gradient(ellipse at bottom, #0d1d31 0%, #0c0d13 100%); - overflow: hidden; - position: relative; - margin-top:200px; -} - -.modal-body { - display: block; - justify-content: center; - align-items: center; -} - -.modal-title { - color:white; - text-align: center; - font-family: "Teko", sans-serif; -} - -.modal-header { - border-bottom: none; -} - -.labelFont { - color: white; -} - -.form-group { - margin-bottom: 10px; - width: 200px; -} - -/* ABOUT */ -.aboutTitle { - display: flex; - justify-content: center; - color: white; - background-color: transparent; - border: none; - outline: none; - font-family: "Teko", sans-serif; - font-size: 40px; - margin-bottom: -5px; - box-shadow: none; - text-align: center; - text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black; -} - -.aboutText { - display: flex; - justify-content: center; - border: none; - color: rgb(255, 255, 255); - outline: none; - font-family: "Teko", sans-serif; - font-size: 25px; - margin-bottom: -5px; - box-shadow: none; - text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black; -} - -.aboutBody { - display: block; -} - -.aboutText:hover { - background-color: transparent; - transform: scale(1.5); - transition: transform 0.3s ease-in-out; - text-shadow: none; -} - -/* Profile */ -.profileTitle { - display: flex; - justify-content: left; - color: lightsalmon; - font-family: "Teko", sans-serif; - font-size: 40px; - margin-bottom: -5px; - box-shadow: none; - display: inline-block; - text-align: left; - text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black; -} - -.profileText { - display: flex; - justify-content: left; - border: none; - color: lightgray; - font-family: "Teko", sans-serif; - font-size: 25px; - margin-bottom: -5px; - text-shadow: -2px 0 black, 0 2px black, 1px 0 black, 0 -2px black; -} - -.modal-footer { - border-top: none; - display: flex; - justify-content: center; -} \ No newline at end of file diff --git a/Frontend/src/css/stars.css b/Frontend/src/css/stars.css deleted file mode 100644 index a851a52..0000000 --- a/Frontend/src/css/stars.css +++ /dev/null @@ -1,364 +0,0 @@ -.stars { - position: absolute; - top: 652px; - left: -770px; - width: 423px; - height: 450px; - transform: rotate(-45deg); -} - -.star { - --star-color: white; - --star-tail-length: 6em; - --star-tail-height: 2px; - --star-width: calc(var(--star-tail-length) / 6); - --fall-duration: 9s; - --tail-fade-duration: var(--fall-duration); - - position: absolute; - top: var(--top-offset); - left: 0; - width: var(--star-tail-length); - height: var(--star-tail-height); - color: var(--star-color); - background: linear-gradient(45deg, currentColor, transparent); - border-radius: 50%; - filter: drop-shadow(0 0 6px currentColor); - transform: translate3d(104em, 0, 0); - animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite; } - @media screen and (max-width: 750px) { - .star { - animation: fall var(--fall-duration) var(--fall-delay) linear infinite; } } - .star:nth-child(1) { - --star-tail-length: 6em; - --top-offset: 87.84vh; - --fall-duration: 9.644s; - --fall-delay: 9.74s; - } - .star:nth-child(2) { - --star-tail-length: 6.25em; - --top-offset: 68.32vh; - --fall-duration: 8.775s; - --fall-delay: 9.877s; - } - .star:nth-child(3) { - --star-tail-length: 5.9em; - --top-offset: 0.38vh; - --fall-duration: 7.621s; - --fall-delay: 5.044s; - } - .star:nth-child(4) { - --star-tail-length: 6.69em; - --top-offset: 25.49vh; - --fall-duration: 6.574s; - --fall-delay: 6.033s; - } - .star:nth-child(5) { - --star-tail-length: 7.43em; - --top-offset: 28.9vh; - --fall-duration: 10.651s; - --fall-delay: 7.33s; - } - .star:nth-child(6) { - --star-tail-length: 5.85em; - --top-offset: 44.78vh; - --fall-duration: 10.116s; - --fall-delay: 8.484s; - } - .star:nth-child(7) { - --star-tail-length: 6.92em; - --top-offset: 53.24vh; - --fall-duration: 10.804s; - --fall-delay: 3.257s; - } - .star:nth-child(8) { - --star-tail-length: 5.99em; - --top-offset: 74.37vh; - --fall-duration: 7.744s; - --fall-delay: 7.047s; - } - .star:nth-child(9) { - --star-tail-length: 5.92em; - --top-offset: 98.31vh; - --fall-duration: 11.173s; - --fall-delay: 9.207s; - } - .star:nth-child(10) { - --star-tail-length: 6.77em; - --top-offset: 43.04vh; - --fall-duration: 6.314s; - --fall-delay: 4.463s; - } - .star:nth-child(11) { - --star-tail-length: 6.65em; - --top-offset: 37.64vh; - --fall-duration: 10.155s; - --fall-delay: 9.058s; - } - .star:nth-child(12) { - --star-tail-length: 6.23em; - --top-offset: 21.13vh; - --fall-duration: 10.8s; - --fall-delay: 4.784s; - } - .star:nth-child(13) { - --star-tail-length: 5.64em; - --top-offset: 27.33vh; - --fall-duration: 10.012s; - --fall-delay: 1.905s; - } - .star:nth-child(14) { - --star-tail-length: 6.37em; - --top-offset: 92.6vh; - --fall-duration: 10.299s; - --fall-delay: 1.334s; - } - .star:nth-child(15) { - --star-tail-length: 6.69em; - --top-offset: 31.07vh; - --fall-duration: 10.713s; - --fall-delay: 0.383s; - } - .star:nth-child(16) { - --star-tail-length: 6.03em; - --top-offset: 86.04vh; - --fall-duration: 9.778s; - --fall-delay: 6.438s; - } - .star:nth-child(17) { - --star-tail-length: 6.95em; - --top-offset: 94.73vh; - --fall-duration: 7.426s; - --fall-delay: 0.99s; - } - .star:nth-child(18) { - --star-tail-length: 6.57em; - --top-offset: 32.17vh; - --fall-duration: 11.708s; - --fall-delay: 3.842s; - } - .star:nth-child(19) { - --star-tail-length: 6.23em; - --top-offset: 55.83vh; - --fall-duration: 9.527s; - --fall-delay: 9.054s; - } - .star:nth-child(20) { - --star-tail-length: 5.27em; - --top-offset: 71.28vh; - --fall-duration: 11.281s; - --fall-delay: 9.634s; - } - .star:nth-child(21) { - --star-tail-length: 5.93em; - --top-offset: 45.89vh; - --fall-duration: 11.768s; - --fall-delay: 2.449s; - } - .star:nth-child(22) { - --star-tail-length: 7.31em; - --top-offset: 81.43vh; - --fall-duration: 6.473s; - --fall-delay: 6.981s; - } - .star:nth-child(23) { - --star-tail-length: 7.2em; - --top-offset: 67.76vh; - --fall-duration: 9.297s; - --fall-delay: 0.83s; - } - .star:nth-child(24) { - --star-tail-length: 5.28em; - --top-offset: 86.77vh; - --fall-duration: 8.486s; - --fall-delay: 6.243s; - } - .star:nth-child(25) { - --star-tail-length: 6.38em; - --top-offset: 34.17vh; - --fall-duration: 11.28s; - --fall-delay: 8.797s; - } - .star:nth-child(26) { - --star-tail-length: 7.49em; - --top-offset: 45.69vh; - --fall-duration: 11.26s; - --fall-delay: 2.354s; - } - .star:nth-child(27) { - --star-tail-length: 5.58em; - --top-offset: 85.48vh; - --fall-duration: 11.933s; - --fall-delay: 3.807s; - } - .star:nth-child(28) { - --star-tail-length: 6.82em; - --top-offset: 89.52vh; - --fall-duration: 9.003s; - --fall-delay: 2.398s; - } - .star:nth-child(29) { - --star-tail-length: 6.51em; - --top-offset: 68.05vh; - --fall-duration: 11.969s; - --fall-delay: 4.861s; - } - .star:nth-child(30) { - --star-tail-length: 7.4em; - --top-offset: 74.29vh; - --fall-duration: 10.872s; - --fall-delay: 7.879s; - } - .star:nth-child(31) { - --star-tail-length: 6.17em; - --top-offset: 45.78vh; - --fall-duration: 11.042s; - --fall-delay: 9.725s; - } - .star:nth-child(32) { - --star-tail-length: 7.04em; - --top-offset: 14.82vh; - --fall-duration: 11.321s; - --fall-delay: 4.517s; - } - .star:nth-child(33) { - --star-tail-length: 5.27em; - --top-offset: 23.66vh; - --fall-duration: 7.796s; - --fall-delay: 7.337s; - } - .star:nth-child(34) { - --star-tail-length: 5.46em; - --top-offset: 98.58vh; - --fall-duration: 8.312s; - --fall-delay: 6.506s; - } - .star:nth-child(35) { - --star-tail-length: 6.3em; - --top-offset: 52.87vh; - --fall-duration: 8.803s; - --fall-delay: 3.044s; - } - .star:nth-child(36) { - --star-tail-length: 5.22em; - --top-offset: 62.61vh; - --fall-duration: 7.768s; - --fall-delay: 5.106s; - } - .star:nth-child(37) { - --star-tail-length: 6.46em; - --top-offset: 96.73vh; - --fall-duration: 7.259s; - --fall-delay: 8.849s; - } - .star:nth-child(38) { - --star-tail-length: 7.2em; - --top-offset: 14.03vh; - --fall-duration: 10.62s; - --fall-delay: 4.094s; - } - .star:nth-child(39) { - --star-tail-length: 6.47em; - --top-offset: 12.02vh; - --fall-duration: 6.779s; - --fall-delay: 0.414s; - } - .star:nth-child(40) { - --star-tail-length: 5.18em; - --top-offset: 8.28vh; - --fall-duration: 9.473s; - --fall-delay: 0.026s; - } - .star:nth-child(41) { - --star-tail-length: 5.79em; - --top-offset: 99.67vh; - --fall-duration: 11.487s; - --fall-delay: 1.244s; - } - .star:nth-child(42) { - --star-tail-length: 5.95em; - --top-offset: 83.7vh; - --fall-duration: 9.159s; - --fall-delay: 4.584s; - } - .star:nth-child(43) { - --star-tail-length: 6.99em; - --top-offset: 61.95vh; - --fall-duration: 6.15s; - --fall-delay: 9.113s; - } - .star:nth-child(44) { - --star-tail-length: 7.16em; - --top-offset: 38.39vh; - --fall-duration: 9.667s; - --fall-delay: 5.155s; - } - .star:nth-child(45) { - --star-tail-length: 6.04em; - --top-offset: 90.92vh; - --fall-duration: 11.087s; - --fall-delay: 0.721s; - } - .star:nth-child(46) { - --star-tail-length: 6.2em; - --top-offset: 74.62vh; - --fall-duration: 9.805s; - --fall-delay: 2.999s; - } - .star:nth-child(47) { - --star-tail-length: 5.01em; - --top-offset: 47.41vh; - --fall-duration: 8.064s; - --fall-delay: 2.837s; - } - .star:nth-child(48) { - --star-tail-length: 6em; - --top-offset: 76.74vh; - --fall-duration: 11.738s; - --fall-delay: 3.877s; - } - .star:nth-child(49) { - --star-tail-length: 5.48em; - --top-offset: 92.73vh; - --fall-duration: 7.19s; - --fall-delay: 3.765s; - } - .star:nth-child(50) { - --star-tail-length: 5.46em; - --top-offset: 2.52vh; - --fall-duration: 6.008s; - --fall-delay: 6.308s; - } - .star::before, .star::after { - position: absolute; - content: ''; - top: 0; - left: calc(var(--star-width) / -2); - width: var(--star-width); - height: 100%; - background: linear-gradient(45deg, transparent, currentColor, transparent); - border-radius: inherit; - animation: blink 2s linear infinite; } - .star::before { - transform: rotate(45deg); } - .star::after { - transform: rotate(-45deg); } - - @keyframes fall { - to { - transform: translate3d(-30em, 0, 0); } } - - @keyframes tail-fade { - 0%, 50% { - width: var(--star-tail-length); - opacity: 1; } - 70%, 80% { - width: 0; - opacity: 0.4; } - 100% { - width: 0; - opacity: 0; } } - - @keyframes blink { - 50% { - opacity: 0.6; } } \ No newline at end of file diff --git a/Frontend/src/css/svg.css b/Frontend/src/css/svg.css deleted file mode 100644 index 25318dc..0000000 --- a/Frontend/src/css/svg.css +++ /dev/null @@ -1,36 +0,0 @@ -.headerContainer { - display: flex; - justify-content: center; - align-items: center; -} - -#logo { - stroke-dasharray: 1000; - stroke-dashoffset: 1000; - animation: drawAndErase 10s linear infinite; - stroke-linecap: round; - fill-rule: evenodd; - font-size: 20pt; - stroke: #000; - stroke-width: 0.25mm; - fill: none; -} - -@keyframes drawAndErase { - 5% { - stroke-dashoffset: 1000; - fill: transparent; - } - 20%, 50% { - stroke-dashoffset: 0; - fill: transparent; - } - 50%, 75% { - stroke-dashoffset: 0; - fill: rgb(0, 0, 0); - } - 90%, 100% { - stroke-dashoffset: 1000; - fill: transparent; - } -} diff --git a/Frontend/src/html/loginModal.html b/Frontend/src/html/loginModal.html deleted file mode 100644 index fb07cb8..0000000 --- a/Frontend/src/html/loginModal.html +++ /dev/null @@ -1,19 +0,0 @@ -
-
- - -
-
- - -
- -
-
-

- Don't have an account? -

-
\ No newline at end of file diff --git a/Frontend/src/html/signUpModal.html b/Frontend/src/html/signUpModal.html deleted file mode 100644 index ffb90ed..0000000 --- a/Frontend/src/html/signUpModal.html +++ /dev/null @@ -1,19 +0,0 @@ -
-
- - -
-
- - -
-
- - -
-
- - -
- -
diff --git a/Frontend/src/html/tournamentModal.html b/Frontend/src/html/tournamentModal.html deleted file mode 100644 index d303f1a..0000000 --- a/Frontend/src/html/tournamentModal.html +++ /dev/null @@ -1,34 +0,0 @@ -
-

Select number of players:

-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
- - -
- \ No newline at end of file diff --git a/Frontend/src/js/stars.js b/Frontend/src/js/stars.js deleted file mode 100644 index a925e6b..0000000 --- a/Frontend/src/js/stars.js +++ /dev/null @@ -1,8 +0,0 @@ -function generateStars(containerSelector, numberOfStars) { - const starsContainer = document.querySelector(containerSelector); - for (let index = 0; index < numberOfStars; index++) { - const starDiv = document.createElement('div'); - starDiv.className = 'star'; - starsContainer.appendChild(starDiv); - } -} \ No newline at end of file diff --git a/Frontend/src/onlineplaytest.html b/Frontend/src/onlineplaytest.html deleted file mode 100644 index 3801c4d..0000000 --- a/Frontend/src/onlineplaytest.html +++ /dev/null @@ -1,82 +0,0 @@ - - - - - - - testi - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Frontend/src/scss/_stars.scss b/Frontend/src/scss/_stars.scss deleted file mode 100644 index a851a52..0000000 --- a/Frontend/src/scss/_stars.scss +++ /dev/null @@ -1,364 +0,0 @@ -.stars { - position: absolute; - top: 652px; - left: -770px; - width: 423px; - height: 450px; - transform: rotate(-45deg); -} - -.star { - --star-color: white; - --star-tail-length: 6em; - --star-tail-height: 2px; - --star-width: calc(var(--star-tail-length) / 6); - --fall-duration: 9s; - --tail-fade-duration: var(--fall-duration); - - position: absolute; - top: var(--top-offset); - left: 0; - width: var(--star-tail-length); - height: var(--star-tail-height); - color: var(--star-color); - background: linear-gradient(45deg, currentColor, transparent); - border-radius: 50%; - filter: drop-shadow(0 0 6px currentColor); - transform: translate3d(104em, 0, 0); - animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite; } - @media screen and (max-width: 750px) { - .star { - animation: fall var(--fall-duration) var(--fall-delay) linear infinite; } } - .star:nth-child(1) { - --star-tail-length: 6em; - --top-offset: 87.84vh; - --fall-duration: 9.644s; - --fall-delay: 9.74s; - } - .star:nth-child(2) { - --star-tail-length: 6.25em; - --top-offset: 68.32vh; - --fall-duration: 8.775s; - --fall-delay: 9.877s; - } - .star:nth-child(3) { - --star-tail-length: 5.9em; - --top-offset: 0.38vh; - --fall-duration: 7.621s; - --fall-delay: 5.044s; - } - .star:nth-child(4) { - --star-tail-length: 6.69em; - --top-offset: 25.49vh; - --fall-duration: 6.574s; - --fall-delay: 6.033s; - } - .star:nth-child(5) { - --star-tail-length: 7.43em; - --top-offset: 28.9vh; - --fall-duration: 10.651s; - --fall-delay: 7.33s; - } - .star:nth-child(6) { - --star-tail-length: 5.85em; - --top-offset: 44.78vh; - --fall-duration: 10.116s; - --fall-delay: 8.484s; - } - .star:nth-child(7) { - --star-tail-length: 6.92em; - --top-offset: 53.24vh; - --fall-duration: 10.804s; - --fall-delay: 3.257s; - } - .star:nth-child(8) { - --star-tail-length: 5.99em; - --top-offset: 74.37vh; - --fall-duration: 7.744s; - --fall-delay: 7.047s; - } - .star:nth-child(9) { - --star-tail-length: 5.92em; - --top-offset: 98.31vh; - --fall-duration: 11.173s; - --fall-delay: 9.207s; - } - .star:nth-child(10) { - --star-tail-length: 6.77em; - --top-offset: 43.04vh; - --fall-duration: 6.314s; - --fall-delay: 4.463s; - } - .star:nth-child(11) { - --star-tail-length: 6.65em; - --top-offset: 37.64vh; - --fall-duration: 10.155s; - --fall-delay: 9.058s; - } - .star:nth-child(12) { - --star-tail-length: 6.23em; - --top-offset: 21.13vh; - --fall-duration: 10.8s; - --fall-delay: 4.784s; - } - .star:nth-child(13) { - --star-tail-length: 5.64em; - --top-offset: 27.33vh; - --fall-duration: 10.012s; - --fall-delay: 1.905s; - } - .star:nth-child(14) { - --star-tail-length: 6.37em; - --top-offset: 92.6vh; - --fall-duration: 10.299s; - --fall-delay: 1.334s; - } - .star:nth-child(15) { - --star-tail-length: 6.69em; - --top-offset: 31.07vh; - --fall-duration: 10.713s; - --fall-delay: 0.383s; - } - .star:nth-child(16) { - --star-tail-length: 6.03em; - --top-offset: 86.04vh; - --fall-duration: 9.778s; - --fall-delay: 6.438s; - } - .star:nth-child(17) { - --star-tail-length: 6.95em; - --top-offset: 94.73vh; - --fall-duration: 7.426s; - --fall-delay: 0.99s; - } - .star:nth-child(18) { - --star-tail-length: 6.57em; - --top-offset: 32.17vh; - --fall-duration: 11.708s; - --fall-delay: 3.842s; - } - .star:nth-child(19) { - --star-tail-length: 6.23em; - --top-offset: 55.83vh; - --fall-duration: 9.527s; - --fall-delay: 9.054s; - } - .star:nth-child(20) { - --star-tail-length: 5.27em; - --top-offset: 71.28vh; - --fall-duration: 11.281s; - --fall-delay: 9.634s; - } - .star:nth-child(21) { - --star-tail-length: 5.93em; - --top-offset: 45.89vh; - --fall-duration: 11.768s; - --fall-delay: 2.449s; - } - .star:nth-child(22) { - --star-tail-length: 7.31em; - --top-offset: 81.43vh; - --fall-duration: 6.473s; - --fall-delay: 6.981s; - } - .star:nth-child(23) { - --star-tail-length: 7.2em; - --top-offset: 67.76vh; - --fall-duration: 9.297s; - --fall-delay: 0.83s; - } - .star:nth-child(24) { - --star-tail-length: 5.28em; - --top-offset: 86.77vh; - --fall-duration: 8.486s; - --fall-delay: 6.243s; - } - .star:nth-child(25) { - --star-tail-length: 6.38em; - --top-offset: 34.17vh; - --fall-duration: 11.28s; - --fall-delay: 8.797s; - } - .star:nth-child(26) { - --star-tail-length: 7.49em; - --top-offset: 45.69vh; - --fall-duration: 11.26s; - --fall-delay: 2.354s; - } - .star:nth-child(27) { - --star-tail-length: 5.58em; - --top-offset: 85.48vh; - --fall-duration: 11.933s; - --fall-delay: 3.807s; - } - .star:nth-child(28) { - --star-tail-length: 6.82em; - --top-offset: 89.52vh; - --fall-duration: 9.003s; - --fall-delay: 2.398s; - } - .star:nth-child(29) { - --star-tail-length: 6.51em; - --top-offset: 68.05vh; - --fall-duration: 11.969s; - --fall-delay: 4.861s; - } - .star:nth-child(30) { - --star-tail-length: 7.4em; - --top-offset: 74.29vh; - --fall-duration: 10.872s; - --fall-delay: 7.879s; - } - .star:nth-child(31) { - --star-tail-length: 6.17em; - --top-offset: 45.78vh; - --fall-duration: 11.042s; - --fall-delay: 9.725s; - } - .star:nth-child(32) { - --star-tail-length: 7.04em; - --top-offset: 14.82vh; - --fall-duration: 11.321s; - --fall-delay: 4.517s; - } - .star:nth-child(33) { - --star-tail-length: 5.27em; - --top-offset: 23.66vh; - --fall-duration: 7.796s; - --fall-delay: 7.337s; - } - .star:nth-child(34) { - --star-tail-length: 5.46em; - --top-offset: 98.58vh; - --fall-duration: 8.312s; - --fall-delay: 6.506s; - } - .star:nth-child(35) { - --star-tail-length: 6.3em; - --top-offset: 52.87vh; - --fall-duration: 8.803s; - --fall-delay: 3.044s; - } - .star:nth-child(36) { - --star-tail-length: 5.22em; - --top-offset: 62.61vh; - --fall-duration: 7.768s; - --fall-delay: 5.106s; - } - .star:nth-child(37) { - --star-tail-length: 6.46em; - --top-offset: 96.73vh; - --fall-duration: 7.259s; - --fall-delay: 8.849s; - } - .star:nth-child(38) { - --star-tail-length: 7.2em; - --top-offset: 14.03vh; - --fall-duration: 10.62s; - --fall-delay: 4.094s; - } - .star:nth-child(39) { - --star-tail-length: 6.47em; - --top-offset: 12.02vh; - --fall-duration: 6.779s; - --fall-delay: 0.414s; - } - .star:nth-child(40) { - --star-tail-length: 5.18em; - --top-offset: 8.28vh; - --fall-duration: 9.473s; - --fall-delay: 0.026s; - } - .star:nth-child(41) { - --star-tail-length: 5.79em; - --top-offset: 99.67vh; - --fall-duration: 11.487s; - --fall-delay: 1.244s; - } - .star:nth-child(42) { - --star-tail-length: 5.95em; - --top-offset: 83.7vh; - --fall-duration: 9.159s; - --fall-delay: 4.584s; - } - .star:nth-child(43) { - --star-tail-length: 6.99em; - --top-offset: 61.95vh; - --fall-duration: 6.15s; - --fall-delay: 9.113s; - } - .star:nth-child(44) { - --star-tail-length: 7.16em; - --top-offset: 38.39vh; - --fall-duration: 9.667s; - --fall-delay: 5.155s; - } - .star:nth-child(45) { - --star-tail-length: 6.04em; - --top-offset: 90.92vh; - --fall-duration: 11.087s; - --fall-delay: 0.721s; - } - .star:nth-child(46) { - --star-tail-length: 6.2em; - --top-offset: 74.62vh; - --fall-duration: 9.805s; - --fall-delay: 2.999s; - } - .star:nth-child(47) { - --star-tail-length: 5.01em; - --top-offset: 47.41vh; - --fall-duration: 8.064s; - --fall-delay: 2.837s; - } - .star:nth-child(48) { - --star-tail-length: 6em; - --top-offset: 76.74vh; - --fall-duration: 11.738s; - --fall-delay: 3.877s; - } - .star:nth-child(49) { - --star-tail-length: 5.48em; - --top-offset: 92.73vh; - --fall-duration: 7.19s; - --fall-delay: 3.765s; - } - .star:nth-child(50) { - --star-tail-length: 5.46em; - --top-offset: 2.52vh; - --fall-duration: 6.008s; - --fall-delay: 6.308s; - } - .star::before, .star::after { - position: absolute; - content: ''; - top: 0; - left: calc(var(--star-width) / -2); - width: var(--star-width); - height: 100%; - background: linear-gradient(45deg, transparent, currentColor, transparent); - border-radius: inherit; - animation: blink 2s linear infinite; } - .star::before { - transform: rotate(45deg); } - .star::after { - transform: rotate(-45deg); } - - @keyframes fall { - to { - transform: translate3d(-30em, 0, 0); } } - - @keyframes tail-fade { - 0%, 50% { - width: var(--star-tail-length); - opacity: 1; } - 70%, 80% { - width: 0; - opacity: 0.4; } - 100% { - width: 0; - opacity: 0; } } - - @keyframes blink { - 50% { - opacity: 0.6; } } \ No newline at end of file diff --git a/Frontend/src/scss/styles.scss b/Frontend/src/scss/styles.scss index 4ecd8cb..0918c73 100644 --- a/Frontend/src/scss/styles.scss +++ b/Frontend/src/scss/styles.scss @@ -4,5 +4,4 @@ @use "body"; @use "buttons"; @use "modal"; -@use "stars"; @use "svg"; \ No newline at end of file