From a47d3b6bb5193ca4133321ae585c7ba0ba59b5cb Mon Sep 17 00:00:00 2001 From: Negar Date: Wed, 20 Sep 2023 09:03:49 +0100 Subject: [PATCH 01/11] installed Sass --- package-lock.json | 37 +++++++++++++++++++++++++++++++++++++ package.json | 1 + 2 files changed, 38 insertions(+) diff --git a/package-lock.json b/package-lock.json index 9377a554..5560459a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,6 +21,7 @@ "react-masonry-css": "^1.0.16", "react-scripts": "5.0.0", "react-simple-typewriter": "^5.0.1", + "sass": "^1.66.1", "use-sound": "^4.0.1", "web-vitals": "^2.1.4" } @@ -8254,6 +8255,11 @@ "url": "https://opencollective.com/immer" } }, + "node_modules/immutable": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz", + "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==" + }, "node_modules/import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -13759,6 +13765,22 @@ "resolved": "https://registry.npmjs.org/sanitize.css/-/sanitize.css-13.0.0.tgz", "integrity": "sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==" }, + "node_modules/sass": { + "version": "1.66.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.66.1.tgz", + "integrity": "sha512-50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==", + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/sass-loader": { "version": "12.6.0", "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz", @@ -21976,6 +21998,11 @@ "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.12.tgz", "integrity": "sha512-lk7UNmSbAukB5B6dh9fnh5D0bJTOFKxVg2cyJWTYrWRfhLrLMBquONcUs3aFq507hNoIZEDDh8lb8UtOizSMhA==" }, + "immutable": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz", + "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==" + }, "import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -25792,6 +25819,16 @@ "resolved": "https://registry.npmjs.org/sanitize.css/-/sanitize.css-13.0.0.tgz", "integrity": "sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==" }, + "sass": { + "version": "1.66.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.66.1.tgz", + "integrity": "sha512-50c+zTsZOJVgFfTgwwEzkjA3/QACgdNsKueWPyAR0mRINIvLAStVQBbPg14iuqEQ74NPDbXzJARJ/O4SI1zftA==", + "requires": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + } + }, "sass-loader": { "version": "12.6.0", "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz", diff --git a/package.json b/package.json index 3db29b8d..f9a5fef3 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "react-masonry-css": "^1.0.16", "react-scripts": "5.0.0", "react-simple-typewriter": "^5.0.1", + "sass": "^1.66.1", "use-sound": "^4.0.1", "web-vitals": "^2.1.4" }, From 21dd39e4ac0764d6db3da01880833415922bff3d Mon Sep 17 00:00:00 2001 From: Negar Date: Wed, 20 Sep 2023 09:04:11 +0100 Subject: [PATCH 02/11] added custom font --- src/fonts/Mefika/Mefikademo.ttf | Bin 0 -> 38760 bytes src/index.css | 7 +++++++ 2 files changed, 7 insertions(+) create mode 100644 src/fonts/Mefika/Mefikademo.ttf diff --git a/src/fonts/Mefika/Mefikademo.ttf b/src/fonts/Mefika/Mefikademo.ttf new file mode 100644 index 0000000000000000000000000000000000000000..ada65bc22e1dc82bb09fb2da4ec962adc7d8c023 GIT binary patch literal 38760 zcmZ6!31DQ|S>Idd+bbq*AZyb(WshGvir2;~9Hq@OZF2-oa+a zU<0uU5FAKeLfFCs0vH|;wqU?vO9I4zV-gZ#AnX`p%zF?Vz*2tStsZcmO5L^GrS3i7 z_W%Chca9pW(P$)%FK!r(H{O2xOYeQ}AAiznH2%pweA>U`#%;GZrVU=d^BZ_SyyGSJ zKa{=v=Z3uhSfi1@@{WfdzV@RhKYGmj_p^QH{)f)YUc3M7n;H%EcHY18*%zLE z^(~Et{sjMyUj6i2-gt7tH#Oe*kJ;|N`gNc4+;9D8>&qGq>jRC(=eD1J)zhEReaF|H zW!vBKZ~ihE{p#~Cy!Gv$fBA1YxB7MdwO{v!XP^GlFZ$qf9KXZ%uX^F> zx4*IR)#?SdJ;wXx*FXKjtG?U+#2XupFJgb=qi=k}Ti$x|f&VLLG`{p_+5R6Ja_{`R z@Ez~H@`~i*Up4~ckNBkV-~VFzmoGjafAO)c|Jrz#_ijVWr~Gh?@s>}0lK^(Xhr|BD}WlRb_bl^Qit z{WpzB|BFUjztAXk*2vUJBiDH&RR62d;@GDCriQP-tYPSgeXek|f72-RI~u;>HUf?b z)MqqW>J<%Fj~bOe+lcjNH4=SyBUV4fvHganUB2T3eBM0yl>T|XYsTvb`S&fn{sh-| z$m{>Y`P(NSQ*S@{Gxe5}-_vJKep}r<`IW}|PyW67fs;Q{8z;Zlc;CrK8b5!Msr{4R zSN_TWP`||U{U?8@o;>*;_W4cq^C!Q;>kq3_C%@77gX4FoBep%ye*gL8qv|hDKBAsF z`Ka!md{FNF){l&o{Oi~9XsENi6HVxImwles89x(gHyGoH*XJ6KH$J!V&5idpey;J$ zjsM*ENaOb#f7bY)jZZaBxbhSBdvVX5#?{8t^`0MS{JX}lHh#VF+l@bL{CVS(xAs&g z|Lf$hPJaL7KcD>a$$vQcwv&HaANy(lom@Zue->BuX&=hVitE^EoNwG{+}C)j@%*i= zY2)u7d84@XXg3y*L1Xx7kJZNFvEDfKX^+ju_N~VZeUZmubIW-n{t4M%4NL_^}<=^Mf#olUpCBS>7zls@3jvd;P(1X?bNdUR|3^*EbeBoI1U^ zwS8u1ceb~GFh4wd?)-&|myRx9xq9t-y**9yVlZ4iRsU>m^E2b;@T~kC@$-LtIUei( z_x|kPzrT^DpSJbd`rmJ9q(xd3ZGMJ~-|Fh>r){cVuA?C@KE6%0)vxP6G7IxBtZ%R% zce>6mdA|~D2R|8pIDTF7So%oz1NkHQ|J(eF;%mweRlnZ)VCP!*V(*dOU-v&bc>Um$ z!|z#oYWb0skBfrc?)#j(ZL$!~8N!>jDRsAIHs8OB#hWayX zcHX$3Ggqz3v7K1UuRYyX(+Q9L$^QKCNF8je`QiL<|Hx#oBgH2?8%JuoKixLimjmtA zQ1N>>SHG!LJQ|;MRytug&fC5YuZNSwH4MvEDz_qKZd%&5ywI_O&>C(ZjXv|$)2UV3 z&3Isym)aLwBiqQ@#l@ww>RVOk@rNHfbVeQDk4;M(aXXt|S?(LT7g@?t&8@4!lb^2= zGc+t^XfHL2Bwu>^__2#`yxyOutL15DsZ7_eKlkp-FPpA}U0U z$^38>n@+6cmbuA!)!G^A!ghwrZWT^pbE|e)REM)8)sojvY)nVnnw{l?BYlv6CT3z- zrm0M2$4TJi&Gv!UcRkaxERPFgi!!}9w=&P~X&r_BPIo=EV=prbOXq_>p#`M$g9^j-rD%Q#+Ni2YkRxp{_d1}j1BH3R->_qc_IQ_+aHMq*ftoq^-vp>7pNMvEtYD`$T)MNOR9PPseYaVCeAGn(k1 zQb+m7(}B%^Xl=X3%8mD4ULC#cwcByJIzE5%iWj~4LR-16uL37_Tq8}BPE^>d^DLe^ zSMKYjjuU>xSG;9^59)X6Uu*nu;{#$} zVp`~#Ay%g9=gA?~HJ^@bv`VaxAr@;B2^<*=WUY?VZByifHcn3|C|R`j0dwQbm@#ek=eO$P@$GCj1t zsVv*_tt5;>%a2?$Op#Wg&CF4y3QXU0EX@EqoHEd%^2hEl@CUmaN2|?vW&3((rJMRj z_}154UK?obSZ-iDp2f2tKNZ||U?5m+8bNFx|E1zbtGnHHSXnx7TrSi1Li5_DG19ti zZE6+DcX-Ou43(w5G7fAn(vC4WCwi!~ZMMUsI}a;V1;ufca&1#S=AL-A9Me&r84a{D z?ZB~pwj%dT*}YcM>8{U*XQHCzwVOrI^&VL*Uvb{%_OMRF_Pl1`8d`U`R@)A29eMAl zFBk0)KUALlf__B*S>uD)Wrb>p{14~&&?ALrO!jLDinI^swUwa-SflLGnpLwybfMz& z$#`O8oNPcLL~#)IPHSiswIiS4#%gs_BhebC;^ebERB@=0J8y96oKlQjEZz_enNIkO zs4QQEyQ@`G+=62lj$M^~g#y)QofdYnCvLK`^+Ou>Yx#!X(YSisG{wqIhi6ZQSgCaQ z#-?}PvttLhXxN%Twas+JDFZ8LYIogjUCx8hYmM!HGqQX)FtbG27Uy!xW!qiyJ4Tk> zpV@BWJATg!ayv|&pxyDZqn%do9pf{JMsdZ;i8ANSw#AMlQwD7ih`rLswEyD;r8+T+HF8(!8@j-^yMLp0YBgTuNQ!0o8 zb1AX4&6nGev602SHRo5SR_I4o5%A@n6Ie-q?E0p5y|Q(Gw%CwW)aVz$mG&(r;_Aip@j>`&G@;fc+|6XXtweF~Ke7dtz=7AQ#2$Qv zM-f~wLJ4aSAey#6KbY6PsYF@lsN%eKS@l`U!k&yrW$orhqS1C)m5a#f*y@*pj2kvg z!#83h^bwVWuKwNUf|XzxT)*E{+!gXe9f0axgXAX3(||3V+={d)`(7zQM@0w|j5C zcbo;rlI`e1$9A;RTaI*MX*{SJefDTc>0yz{4Oy9;X&nbq7CDKHuW5Guz-;0@eIp5q zf7og(<5K7Zpu7C!7u3h}FEw7$cv(YoTx^Yy!6irxURXJ%Sz9$X-YTjB$;F^AB!{1` zEqUSm>%hM7AV_%DtmadM<5ULE5)%w8cRF%L+e&@Iblr(ovZcvnv;FkNx$78Ks8 znJq>kaLPf`cUow_xHjbjZK}8-dtt-@x7jFnd)qH->G}XdB5L`l>ONKU;A}$T-!R^^iv(i%2+nM?sU+7=*>8O z%TmhG+38vGlGOwl6dj$JycAmo5=q3#yrL5Z9d-O07(N(GKifm6TvvHksiJ^OaIlB) zMTaBqHI?akF+`neUjIy3_Vr-46lZO`QPQUHV%Byrh6 zBLI4qUT0ua%Niv3nx>&pM}{2t=_2VM*?r2g9Q>ThmKoe=P%OLAqpg6LW!c2ic(t?X zjdQ2S{3nYiiO_IWbqoqK)ilQ08_L#Pk;FKo z(IO-NBmJ|DOO1ycUQjEwluTp($JORdu2nq6@$w?_F$gG~?iQFYO0k<7N>(5cut zTO`IEDMLgspWvBlkqI^*%4e8C9kW{E*VLP$xa*-I+^?tZo-TLh^GmPzQrElJ#DJY~ z2UYSc%bnbYBlZ~W;hA&u?q1ak`&(x5!o*#TtY#8vz1%){*d8X8lN*oBHv^nc;6EMA z?;aFZlDcM0Sn_j2If%@&{ma0Rz*S#am`)c#B3VaWxU~P&a2Vvze8%TJEdbT(pNn%~ z7M`R z=N=qwl6?m2qcU?WKQ3aIkQ0oWup|D-59_bfKTg8&fO=AWCd0meP|ath#LbLrt@BD;9avDJ{|xompNu)D z?cnS#Dk29v-ck=|HlLvo7Vsj07IPs$*n0O7CVA4Ta^M)jOB`3^ND&Nyn&8A)3h~^66h@+1~-KCkRm|_ zDfx+)HObR@x>$+A+;vlHlngp?WussOf4lZvwt{=eaE`7+KA<`rF3_$+_5yq|RANN{ z{J_z6yR|#OxkV`^9l6>VnnGUK=z`_qF50bVY2y3t+>6s*=vJ1KwE=ogvV3+p3-572 zY_9LF9Qd9Gj+up^&Dh7+lUL%Vm79=Xavxq{rA`b1VCA@Clu{CT?$Nh(6DL203g7?% zLkb*?OXY$stjTEG_?UqWUd`{wP2wro2jI&21x^x4EGGnG9sdsRO%J$AR&xzQ;|X}< zD)kW%rfJ7Yg^Xp$H^$l>wgLkq15qj;bS2|#w)+f`M}p?9#ct57LZjoSo;Lkf?8nL% z3`BYb`eiu4+6=UZYn0Tf^cZ&>T2S*c_{7ThvsTF<<||xc!SxMKMQr2-RmVseD8jdj zUy+opmC)&1jt#DN+OC)L$qVdxZJYc`CN_vAiC1&T;zzgNC!x=`4WuW&0!vJF-XB+ZKY^A2zFub8E!78>Gesw6x9wr9rm>*z| zVzB}=#JUPGRonsR<-4%?8ols=SR(d`%@P^KA`ARV?fqi|aDK}v;9n*OfE?MKFPiM$ zy3ST*#d?f|vz_A^$yQB>&8LUFYaJ;)RqAFGms8Ow4WWnE>{JJ380s{>^FmUt#E9F^ zg9x_78(4No;$vVe2*wH!xfzgFgPzUI@O(RS5=X!~P?85~QHhP4@n}7`QP{R~=jqox z6Aj$vAUSjo{Hy0*`l#ow+r3PME7j7deGeBwa;1DMupn#zQ$1}pd*b@bb;;MF$DVG7 z&<`pr2Hhn0tnB#5(G}ZjuDryvdPExZ1qHzlkntEEgXu9<7n8AFm+uAcQ~=)!hGP_vlkdx&o`VZ zzs+{e26<+WU%5O!v+T8A1|QNb{Z(t#8f*RPm)@M4VKxN06~pfXlwsxyE>S25LMa}? zL~YHWTzqJz$~#KUZlFjG!@|#fGkPbSTa?ACqgIna7ewjGJre)CiVV2M3GI__C5Qd7 z#w*}NMLUqLD41R-m`%vo7I1~a@>={g8zij25TngN3eiROHhBR6sL!B_-C~T=%Ryh) z>5&ajN1uObD>vJTX|>|6zx9=$^Q2_z5CRTP(J9{Q~! zD4XLr085bBJ8IB1P3`wztv<1J=gq^XZ(dm*wY$zzJ5EB&TYA@-jVF*8RD&U`A85(7 zOVf`$qDdH8M|n7p?mTZ^OZ;lyZ|nUD`8A)*V9PfYSUP{#PQgEc0 zSwNC#gt2q5Q@vtz3Rc~M-m~}3^fj{wS3DbNjt_?bJmbYtUhdzK=laxU6F!*wf%dd- zQtBi%mq1BYcf3$gb%xqN^t=aU-$|xb^=C24Y@vvGy7au4Jrk=Va)QHYn6B< z8aCS9Td=ju9qiddx31DJoHf;A)btfUjH zJ8&&|Wx1Ir08cq%(7J6AZ?R;pfgVvL@Ljh77pVK`0ce@~b6#^QxJ1UQ;=p7$||amwFBChDk{U=ed*#XQYH0WE*KZ zXO18)d8sm!S^|4oiIcS=G!m1+YbZBfUha=0BeEnLP7klaQUGxPOt@|CG`sEiJ6*#g z_26#wF1QZJCl_v!;!8?R65jGn5Z3X}h^Oxwu~;6ty2he~N5xpVmn9rH#)hFt1T}o@ z3zLTRc&cv@_j2+k2GHUm|B3w(h_G$$qZz}GYuAB`Bs{TGDnMG`5O>KhF!!8}w7}w>o?A;-u+?nN8-2Q^rR?Nn(%?9U6hK)x9Fc}{IkZlU@y2Waf!Ad9eJ*Gss519MWsZ$ z*lMGS=u|1{kG}KSgtUcV#P8Uy37Z453t`dutv$1*ZYRiybL`CsSDckhL(-!;$y9xo z^Eg&9Ln4?c^^tP+0c%60pQgB$4Se@$=k~pL7PV3+Xc;-~l~GQ2-+l&&x_o2Bzp&91 z5YFw%;OmtrM;)P};Rd%~+*Ict`YO{5D$p>03m+r0`1Nbw)KMX45 zp@k)A%}<{z!mXfZ>MSZ=(QV$@Bv=xO zk2Vt$5pIqejAYOf5=^OqX>y&ITw_~O5Cif-HG-2@>%Z1N-1u(Z%%>6v@hJpHoKX!m zkA%iy)WvTR$nYNmed~}YPZCl^`gls>sfbawP3m_D4fOh=FS=Ej7Vx`3!QvV@Co!^) zzY<3!)(R@A3g8Kq$~tlaIvn%nBo)(w0>i`T^7?CmZ@3XSl{~1-;7UnE0*#`(8-BXS zK#>RHB(RruPBD{HU{}V`)wO$HzU4Pbh7-r|A^DStu+&VP;sFnn_kA013D<$0p5DLz zU>!Ec_NkMQGIg_yPwdUJ{nTOTCQYDQCL-esGjNdv1Bz>e*S( za%*A1Nhc-IvGIW5YCGQXtljkP#3{S(XFuT$ zdm+47%UvN^Jd=*kw61`cOl1EL^fPeSry5(0KWWgnq^JYK7D({8Wx^P7ZQx~Ji~WiU zi2Ms@cWm&%2s#15;{~QfAP(D|@EWNKgH;PubfYQ-axo0GHXIpyGenE9Q6)i2HB|`1 zvX5`T7w`p=Jk@$ALL(v&g(~3YQI>a{%dBID$ z@@WBQLKdg*aeckwQr9=CuqXZ-dAqQq5!NnH#q{vPAzq>6bC`eOvs_~d7!EWd=ZCtJ z@>Tr6=jRwM@9~`Q5fq=iOZ!)Bqavko%p^mfJbbwB51ZGA&s@NWG43JL#u>lRUnTWCX}}zD{@wxvGg_$Ixl9)#v8& zhfWjF-P7f`AK9JUJ~iIFdU^>MXNL~VO;$xcup!YFbV@}R>OgAEr4^nDh;XJ=>|9Aa zsWD>+OC;ZXU9!>t*3H0$-5Fn9H=k@fMcdOhmg-t5&;Uh-tFS#4twn=(yylDhMg~zx zF9tVhb?oLR@O20Sy;bnl?^E~C8$xg6+6*zr>Qr4}t^E+%M~Y+AnX-)|0x3=B`_dc( zOhP?Go!JFGm1Yt213eNS=Iq!4;Q19&tJYf7Xf&neU;^PLuCDA6e27`8j@ky(VMn|8fb-6=dx?G}!Qy^Wx^=3bn4pP@cuScMab zJQ#A%jocK?YZhQKOGnQ|)afnf>{@g_1h?lKlg)yzM%8dn{mq8s;{g+E4 z4%uNhR|brKY!3W1FD-j>;5k1263$^rvP_O)s1>r{r~-kJg9OliqCpxRp==<9N%%h( zgTM#-5?qCBRA-%oe7iGU&N`#@2=>WCqhdxi4iaaU(=QSb@i7hxxr`A8NKjXKY)PJWDjfe$ynweg*e@1uza z7bkkQ=uTP$y=_tmv}sColRTR}7|&aZCC-wtSOXzBjzPr5@d_M%Fb9dl+mb-w2Iq8r zP{|j$>=F;bRVeTr5s1s=FcA*E4g-*}=S#%vA)@(|GnU06RIbA1C4SK!X25KREIZ$d zm(z7~dxZhDL9seW10q&k{g-+RWUA>VV2Z4b6C{tfI(cOIWj6-*i)S+Qa0zhJjVwE^ zn+AZc(3e0Vi_?2Es>WuVNBz9-wmqjWRxy0$ArNu8GzwhL&Rd=RjaIAtxS4p%_+Mn_ zHq&Nc=Q&`?Ftd5K*}i1owj=ofg@h>N8oi*r`>2=PhFWk4k=piJw3k%DhV%BZe^1$W z%x*dflfvp*$*8~DorLhg{d|A7Xe#PKf}L^Ql-2k#!Y~Gt+rcEnBgbj9++7cr`=yJa zO-{f2x)XZMGv~6vjDl!<*Q7L!?`shTVqX&Gx^c^B#3%nspVB|lc(Cy#d_%*kdw)>= zoyjf{5usGAI^2nT5V%0veR4e!G^T^B3dAM<%dYfb3KYW1h*S{$c$-R5TsxQ$eOpy? zwueF5xbq34<%hmg05=_n0N@tQ<@K*R+U@p=vMWv=2}uJ4SK3*Vdj&PY2LM&As(oQ? z!DWi zShW7`_0HZ@>y`4G%F!1N{M~V8^}Mr1JB(lliFIvT<@%>cDF{A9nom8CUnjN1bnrRJ z$+v?!ey#Dlyb-vkNIXkMXDF>M1!<~eqII!chK)=YA2gK=0R^Y!riK8ukGWOfrB*f- z|KjY(NOLZ+mIaKI;>NA9hn=ZnM8K9hlaD2>Ame3sE`ShVlL*%a%jvMxeJl?jC*{o= z_u|~D!yTbtMRxTAC%6lg6+4uD#8t8(*7~KSro>~Tq@d`NVqv1S;|n_)$A^iy0fZ?9 zGoUQd0rY?agAon11zlo6#SjS-$IOSeHMXs^WsS*1C`31d?nZSjmb3XJa&+l6Nzrg) z^t90HAP$t|7Qabi$Uevxj$hGnB^E~B$+K&=+y3tIZbwy_P(CCrp>cFNJwxE~tST=A zVmSIt_U5J0&DZ4CO>EGDwCCIJf{oFntbh{m2)PFo4>f8prAVReFf)Tq-|CgVm4>DH z6|-mdf;g^SE?i*`mC~v?I_v<1LOnu;RI zqqwD*w<@nVcAx{!m)1W~(;dOgi)@G1OkOUuqt<6)r#z&j&R6ZthEbg)69=f=N!GMb zGwAz@+THH{7y`dZnSoLq{`&}A3Q56unbQ13?I<>K7diq`!^0gGr<>RJZ)|NMAr$YH z!ojK{C1ge(xPr!Dj?(H?;_=ZPkOzAbJ9{8UD!=pgBnA0;(!ht?LkrkVXNEMuMv+rh z;5zb0If#ObP2XP_)82r0X_LLO2}}RVrHvIjX4k#qsc##tK6~+$PXS3ez4E@4CQZpq z-0b3guX_FKrf&c?ON#^5Sf?4c?EV`bU8fH)GDzyU)v9{r#u7BMa;6vK)%_0)@YW8# zTeu^yod%w(%CA3ogo;5#b($(3ZDlli(x;n4_V{FWLA$kOFK6ABU)^7350&wAy_l}u zDPL$CpBhjTkT7DA12s>6Lj555?=?D&A8mXWUP&~eh)HTdE`o=~qgwnRo$0o9Q3;A9 zCnlQnj7S&VwALK?PpP+4!-< zG@3vS;{v?UJIuTdGHP4uf=LJVO?~6DpW8i4$wEYw4zjL&5@Z@zT=N;>@b(U9FHodS+~R!8@~ zYUlYH80b`#!Xb$8wKxQ+ilX6Wu~QCFS8EAp2RcvsWcZsBd(4JK?Jw3p+IU;ziyB{s z^lx=-iQ&^KQPWPPWQ&q?BALllLIx=)^^roXT{@(JcU0bAboml3luh5B1R6nP@}RXE zJFc-=MY;@b6C^mXNhORO3i>0bIGhpN2}R&!pdd+c2Om?kCOfZHb}RErqOfWIufKvPD~mkQK=}YR+2zZ)ZZjo-Y0EcKLl{IFtGHZ68xRa0eN%Zt-NKMVd$sEb`IQ=(iaT3ki_uo z!iv)f4hxwL(g0q9kue?7bA!1PU#tFxI^i?SDfkYsX-&4EpQ!jk$DrSN)Ts1gJ*8sa zqM%hXKef(??*Z80d}{wD*#-O8&JGwQ$I9nLW!U4QMd+GHuc9a_fr)B`?1Iu$7ncSk zfpieL(hY+-NL+*!tkKeuQoqwAOtsVQFv$`aSBAmCoi%sY9-FLBg|hR=0U?>NxNo5aAO?p^i-U>Sr*2JA_K%fou=X5YHLhI7Nr^V zmPb+Ix}7>c((^9(h~c%=*6Nv2Rv=)C7=s>(y4gHsyHybe8TGUt6def{Q3@0(+wfI}yu*BMxDsb1dM>lJqDw~Q6v zU$S1d2~uoTqko3(0ffqA<25jN60{aaD(s;D}yH{aF}2 zxgNP9AbUaaOMh!8U3%^cdUBT(`Nbv?jh zhi(st+J^9Q%v~s$!$3<-Yv6b;ec;MDecvOGZK9;Y=Xux-g~pA}nEI(1PM7T5cATZ& zg<)&96WQ(K)2(q&m(n4i%+FXpZ4I>BD~cW*8`T;@PC$)i<;Lq@hRL3LOVXbYm!%$s z3&a-H@M3eTDZmC-gGOWrH>)?GDn=*2p4~AT2U9=t*SGuUpE_>_SiDQMN2VkpeWRs1 zCWSLEE4d?!jv%AzXI7kF zw5SIHlDLI2*TSm>HZ+~lE`Frmc1xsqhDDUCo7}cVB^H!KtqMZE?v19l`u+V${~KQR z!rMFU=DDl=)l;bxC0S~x^YSQK+rIocH(na1*J#8V=?p)obTsZ(=XVY}nNg*?8^OU~ zvuRaPYUQp@11AY|a{BP*w4-|I>3Qr8I(|Hf+Mk1O)@tw7Z+_|HLG)eEuh99}Y+c*V zAuQw8^=VReuHN(7rvKoTC!WsyCHj-?D0ZX5bF%KzxII6U?og%EXp`?mPVXE&oXU#a z!xht-cBXCWLynn-CVd~y7Op_XkvUx7r+-BMPUCwUKfpNFDZLDY(;{OeZ*S3$c__mv z83m@dZ5&A5|L=N+3I^{MA5JZVkrOG1sqG&Og}tQJ0K1X4B1p_#G7C0e)O9ODtFNp1 z9@1!y4*(|Q9Rg75uM*LS6Xsb=mNS?@6SX%P=^rH0o<0w)g2o!q+PL7Hi51OjucDs{ z-IaMo7X4f}Ua~Gm6U-S%MHd4gL2J7ntF#~`E zxDsqZUg}=&?r)S!o{_}iL(e?)51o{$9?;q{87?n_uHg@kKYwa>^{+6w%idVAeOmId z4q!je89@;@?ReeqB?hD@g}1n$(G*vXcKN&^R|`#ve2nFj>wmQ#~}ZNcgrms)D}cKg>NO*t(~fzNF(M3SsNTD;q=r zKXFSP6vrQ~>u2%F_v^FzgN?gxWe#Y*W?~&8s2v;GU;A&{3Ih$3n%wqX&tQOumd`?SD74VHZAk;`Ad&&b5(R{F?$ER zkT~Iy+0094-Ev6Ta7niM#m{`l&Gp+aIn0c(6W?z7a7og9%_9-bkaY_ow@2RmGy1yz&Bhar#vvZ!NJ@j; z&5!TYSKHpMVvFOX&!m`ZZ>TdOM@J(>^3uySH2#3p*?6O-AtKnC^3}OHd>%3)Em(G zuJXR1cV*|!V&}(_mu!&)LM?B#dg0BcEhPu1={LXN+$$%8bfAW}-*NHv&pv0xtuPFd zTsKc$n4YRSbg^`kqrRKuVdZv>=*e#LGSRmx=sHr^{yX&7>pyOMK`nn70a8YhD<~(X zl@I=S#5E_>QiT+1m z!qt)4E~3pRx+{E#H0CiE%Tlo!QHw5S%_5YEa;P-?POZ1VA`)(T-k`oiANNIKHU!X? z0I5zrWdtR%s5+2GV+Y!9_BYz&J9eDlI+JxPXQGW4o_+kQF4?=o=yb7v_3?CLc_R&{ z{c)n#d`gS{U}=2evyUiaU`oL3D7M{6x!jAvT#sZB>2hY&0ezMiu9|%?|YzPDb8Hu+#cO zv{04q_iwaf_uM*jYD_B#f^HJHqn-9`=0tgWzM zK^Qs%8l<*s+HCMo^}sXY()tA1Ns3Hc;bLUB9h96xt<)R{LlD$pSF6b|JRyNNx052NSJH4P>Hh;p)9gkF^jz;V^-;QD-5RBZZMsK=`fO- z8Zn(dfPRL9(1lGC)Qot!Ko=L`#}-#Y_oV`Vn*bh+jmc4x&K4Hai5+HXFlCPnfa5EN zPH8!Tv|vidBgIfdrU1#ArKf;ttCn}l^4x$R!9;~JbIX1w94##u66@#-_w+aA{qFp+ z^9J;}^z|g#Z!I;~9q(Z{R&q8(8tdSE8do&hymDpfjsu;ynRY~nU+yqjTo^UVWb`g! zzmD7m6OkZCH<%nPrD-BnkWk$qFA(U+wb6%?^ruZ~ifPI$O76tTRCxpblh8n!*<>!d zF`T%q&Fu~5F2cwnZ;M{&f3H8Re~3QlUv2!3%2ik9pHPz!Yj9x39RyJ8z&;#^6e3PC4Us}^)#fAa2~Q@>rl6A%nWVU}*^w#4C!|E{$ePrJLJ4r3Rkre&kSyA}G};}> zl!}TdSWn$rcs{ub*&X#53M(TfF3}NxC?CpMIbu3dcDb+Sq_6OAl>^@)$p`rbb`46k z#}gX!B*~RF1Xqr%Pa@j5HnFEfuuA`n*0O@_a_O>HvyM+`(X$hplBEO8ux$&x@_-RI zRIezxz#aIa7`RiZy2E4>ZO|AZ4{i*G(e-vWjm==K7{m|XkH0vF&Na%X{ zb09J7w6Oe4@K+}#z%Uy^xvB3=sidOwW{>ljjs#J^;|%m#_IYh(JedAsDK^jU*{<6VvKXPp3YYk_k3Mwvn@)h6lCtY0itc7M7vWrtgk2g|6bIDzB9zZv_p zMW*J^SH93|(PMeEKn)s7@NhOctjz)cH@l2B)3UjVIWf-@7`MhL>eonw@$6}wR^R{ zQBV@67cRZ*dx23=?}3yOrk0_?@KhW3sKdR3**cY356>t|EKp6r6`>s_^IZg0*Snkc z@wYVNrM0`ahRjmTPMuL5Y2XH4fX&b=YGZ<{!LaD_vI=eElgt!0hATjFLpPVE=nb`o z5E{=@*;@O61KsVxz%q6Q58hnrCxOlRus1QjOwsEo&;?U46L{_9Lgt(bcf;uPs4B@J z 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 literal 0 HcmV?d00001 diff --git a/src/index.css b/src/index.css index 762a684a..d5e31efa 100644 --- a/src/index.css +++ b/src/index.css @@ -14,6 +14,13 @@ src: local("Chalk_3"), url("./fonts/Chalk/Chalk-3.ttf") format("truetype"); +} +@font-face { + + font-family: "Mefika"; + src: local("Mefika"), + url("./fonts/Mefika/Mefikademo.ttf") format("truetype"); + } body { background: var(--dark-900); From 5aadf9c0962e5a2ed13f098ce4241292234f3aae Mon Sep 17 00:00:00 2001 From: Negar Date: Wed, 20 Sep 2023 09:09:49 +0100 Subject: [PATCH 03/11] renamed the file --- src/Components/Header/Header.module.css | 86 -------- src/Components/Header/Header.scss | 268 ++++++++++++++++++++++++ 2 files changed, 268 insertions(+), 86 deletions(-) delete mode 100644 src/Components/Header/Header.module.css create mode 100644 src/Components/Header/Header.scss diff --git a/src/Components/Header/Header.module.css b/src/Components/Header/Header.module.css deleted file mode 100644 index bb9376e4..00000000 --- a/src/Components/Header/Header.module.css +++ /dev/null @@ -1,86 +0,0 @@ -.header { - position: relative; - height: 1000px; -} - -.blur-circle-shape { - position: absolute; - top: -125px; - left: -125px; - border-bottom: 500px; - border-radius: 100%; - width: 861px; - height: 351px; - background: yellow; - z-index: 0; - filter: blur(250px); -} - -.headings-header { - height: 100%; - margin-left: 40px; - z-index: 2; -} - -.heading-header-title { - position: relative; - font-size: 1.2rem; - color: var(--green-400); - margin-left: 70px; -} - -.heading-header-title::before { - content: ""; - position: absolute; - top: 50%; - left: -70px; - transform: translateY(-50%); - width: 60px; - height: 2px; - background-color: var(--green-400); -} - -.heading-header-title::after { - content: ""; - position: relative; - top: 50%; - left: -28px; - transform: translateY(-50%) rotate(45deg); - width: 10px; - height: 10px; - background-color: var(--green-400); - box-shadow: 0 0 1px 3px var(--dark-900); - border-radius: 4px; -} - -.heading-header-second-title { - color: #004aad; - font-size: 2.3rem; - margin-top: 0; /* Updated */ - font-weight: bolder; - line-height: 50px; -} - -.text_open-source-project { - font-size: 55px; -} - -.span_open-source-project { - font-weight: bolder; - text-decoration: underline; - text-decoration-color: #feea3a; - font-size: 125px; -} - -@media (max-width: 640px) { - .text_open-source-project { - font-size: 25px; - } - .span_open-source-project { - font-size: 75px; - } -} - -.heading-header-second-title span { - color: var(--white-100); -} diff --git a/src/Components/Header/Header.scss b/src/Components/Header/Header.scss new file mode 100644 index 00000000..be83a1cc --- /dev/null +++ b/src/Components/Header/Header.scss @@ -0,0 +1,268 @@ +$t: 2s; +$e1: cubic-bezier(0.8, 0, 0.1, 1); +$e2: cubic-bezier(0.6, 0.04, 0.98, 0.335); +$er: linear; +$color: hsl(15, 75%, 40%); +$slides: 9; +$images: url("../../../public/img/dummy_image/1.jpg") + url("../../../public/img/dummy_image/2.jpg") + url("../../../public/img/dummy_image/3.jpg") + url("../../../public/img/dummy_image/4.jpg") + url("../../../public/img/dummy_image/5.jpg") + url("../../../public/img/dummy_image/6.jpg") + url("../../../public/img/dummy_image/7.jpg") + url("../../../public/img/dummy_image/8.jpg") + url("../../../public/img/dummy_image/9.jpg"); + +header { + position: relative; + height: 100vh; + width: 100vw; + overflow: hidden; +} +.untitled { + position: absolute; + height: 100%; + width: 100%; + + animation: rotateHue infinite $t * $slides * 2 linear; + animation-delay: calc($t / 9); + + &__shutters { + position: absolute; + height: 150vmax; + width: 150vmax; + left: calc(50% - 75vmax); + top: calc(50% - 75vmax); + pointer-events: none; + z-index: 2; + animation: rotateFrame $t * 4 $er infinite; + + &:before, + &:after { + content: "hellooo"; + position: absolute; + height: 100%; + width: 100%; + left: 50%; + transform: translate3d(-50%, 0, 0); + background-color: $color; + + pointer-events: auto; + } + &:before { + bottom: 50%; + animation: openTop $t * 2 infinite; + } + &:after { + top: 50%; + animation: openBottom $t * 2 infinite; + } + } + + &__slides { + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; + + background-color: $color; + } + + &__slide { + position: absolute; + height: 100%; + width: 100%; + opacity: 0; + animation: showHideSlide infinite $t * $slides * 2 steps(1); + @for $i from 1 through $slides { + &:nth-child(#{$i}) { + animation-delay: $t * ($i - 1) * 2; + object-fit: cover; + .untitled__slideBg { + background-image: nth($images, $i); + } + } + } + } + + &__slideBg { + position: relative; + height: 100%; + width: 100%; + top: 0; + left: 0; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + background-color: $color; + background-blend-mode: hard-light; + opacity: 1; + z-index: -1; + animation: bgInOut 4s -4s infinite; + } + &__slideContent { + position: absolute; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); + color: white; + line-height: 1; + letter-spacing: -0.025em; + z-index: 2; + opacity: 1; + text-shadow: 0 0 0.5em rgba($color, 0.25); + mix-blend-mode: lighten; + span { + display: block; + font-size: 12vmin; + font-family: "Mefika", sans-serif; + } + } +} +.button { + font-family: "Roboto Mono", sans-serif; + text-decoration: none; + + font-weight: 800; + text-transform: uppercase; + font-size: 3vmin; + display: inline-block; + position: relative; + border: 3px solid white; + box-shadow: -0.5vmin 0.5vmin 0 rgba(white, 0.5); + background: transparent; + margin-top: 5vmin; + mix-blend-mode: lighten; + color: white; + padding: 4.5vmin 4.5vmin 4.1vmin 4.5vmin; + letter-spacing: 0.2em; + text-shadow: none; + line-height: 1; + transform: translate3d(0.5vmin, -0.5vmin, 0); + transition: all 100ms linear; + &:hover { + transform: translate3d(1vmin, -1vmin, 0); + box-shadow: -1vmin 1vmin 0 rgba(white, 0.5); + background: white; + color: black; + } + &:active { + transform: translate3d(0px, 0px, 0); + box-shadow: -0px 0px 0 rgba(white, 0.5); + } +} + +@keyframes openTop { + 0% { + transform: translate3d(-50%, 0, 0); + animation-timing-function: $e1; + } + 40% { + transform: translate3d(-50%, -65vmax, 0); + animation-timing-functon: $e2; + } + 70% { + transform: translate3d(-50%, -65vmax, 0); + animation-timing-functon: $e2; + } + 100% { + transform: translate3d(-50%, 0, 0); + animation-timing-function: $e2; + } +} +@keyframes rotateHue { + 0% { + filter: hue-rotate(0deg); + } + 20% { + filter: hue-rotate(45deg); + } + 25% { + filter: hue-rotate(90deg); + } + 45% { + filter: hue-rotate(135deg); + } + 50% { + filter: hue-rotate(180deg); + } + 70% { + filter: hue-rotate(225deg); + } + 75% { + filter: hue-rotate(270deg); + } + 95% { + filter: hue-rotate(315deg); + } + 100% { + filter: hue-rotate(360deg); + } +} + +@keyframes rotateFrame { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(180deg); + } +} +@keyframes openBottom { + 0% { + transform: translate3d(-50%, 0, 0); + animation-timing-function: $e1; + } + 40% { + transform: translate3d(-50%, 65vmax, 0); + animation-timing-functon: $e2; + } + 70% { + transform: translate3d(-50%, 65vmax, 0); + animation-timing-functon: $e2; + } + 100% { + transform: translate3d(-50%, 0, 0); + animation-timing-function: $e2; + } +} + +@keyframes showHideSlide { + 0% { + opacity: 1; + pointer-events: auto; + z-index: 1; + } + #{ calc(100% / $slides)} { + opacity: 0; + pointer-events: none; + z-index: -1; + } + 100% { + opacity: 0; + pointer-events: none; + z-index: -1; + } +} + +@keyframes bgInOut { + 0% { + transform: rotate(-45deg) scale(1.1); + animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); + } + 33% { + transform: rotate(0deg); + } + 50% { + transform: rotate(0deg); + } + 66% { + transform: rotate(0deg); + animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); + } + 100% { + transform: rotate(45deg) scale(0.9); + } +} From 4312699b8418db8db154474ad59ea5a99d007ed9 Mon Sep 17 00:00:00 2001 From: Negar Date: Wed, 20 Sep 2023 09:10:10 +0100 Subject: [PATCH 04/11] redesign the header --- src/Components/Header/Header.jsx | 120 +++++++++++++++++-------------- 1 file changed, 67 insertions(+), 53 deletions(-) diff --git a/src/Components/Header/Header.jsx b/src/Components/Header/Header.jsx index c1ea5ecf..db359703 100644 --- a/src/Components/Header/Header.jsx +++ b/src/Components/Header/Header.jsx @@ -1,19 +1,16 @@ -import React, {useState, useEffect} from "react"; +import React, { useState, useEffect } from "react"; // import styles of this component -import styles from "./Header.module.css" +import "./Header.scss"; // import other components -import ContainerCard from '../ContainerCard/ContainerCard'; -import Nav from "../Nav/Nav" +import ContainerCard from "../ContainerCard/ContainerCard"; +import Nav from "../Nav/Nav"; import BrickLayout from "../BrickLayout/BrickLayout"; -import { Typewriter } from 'react-simple-typewriter' - - - +import { Typewriter } from "react-simple-typewriter"; // Header component const Header = () => { - const [isMobile, setIsMobile] = useState(window.innerWidth > 640) + const [isMobile, setIsMobile] = useState(window.innerWidth > 640); useEffect(() => { function handleSize() { @@ -23,54 +20,71 @@ const Header = () => { return () => { window.removeEventListener("resize", handleSize); - } - }, []) + }; + }, []); return ( -
- -
-
); -} +}; export default Header; From 55c86a1b161e92fbf8be252a217711308d6a6d74 Mon Sep 17 00:00:00 2001 From: Negar Date: Sun, 24 Sep 2023 08:34:01 +0100 Subject: [PATCH 05/11] redesigned header and added animation --- src/Components/Header/Header.jsx | 137 ++++++++++++++++++------------- 1 file changed, 79 insertions(+), 58 deletions(-) diff --git a/src/Components/Header/Header.jsx b/src/Components/Header/Header.jsx index db359703..de0ef4e2 100644 --- a/src/Components/Header/Header.jsx +++ b/src/Components/Header/Header.jsx @@ -1,12 +1,11 @@ import React, { useState, useEffect } from "react"; // import styles of this component import "./Header.scss"; - // import other components -import ContainerCard from "../ContainerCard/ContainerCard"; -import Nav from "../Nav/Nav"; -import BrickLayout from "../BrickLayout/BrickLayout"; -import { Typewriter } from "react-simple-typewriter"; +// import ContainerCard from "../ContainerCard/ContainerCard"; +// import Nav from "../Nav/Nav"; +// import BrickLayout from "../BrickLayout/BrickLayout"; +// import { Typewriter } from "react-simple-typewriter"; // Header component const Header = () => { @@ -23,65 +22,87 @@ const Header = () => { }; }, []); return ( -
-
-
-
-
-
- Before I die.... -
+
+
+
+ + An Open

Source

Project + +
+ +
+
+ + {" "} + Join us and

share your wish +
-
-
-
- It is an - Open Source - Project + + GitHub Repo + +
+
+
+
+
+
+
+
+ + plant seeds🌱

of inspiration{" "} + +
-
-
-
-
- Join Us - And Share - Your Wish +
+
+
+ + to codify 💻

your purpose{" "} + +
-
-
-
-
- - GitHub Repo - +
+
+
+ + to compile your

bucket 🪣

list + +
+
+ +
+
+
+ to learn how to contribute 📚 +
+
+
+
+
+ + to learn

new skills🎯 + +
+
+
+
+
+ + to advance

your career💼 + +
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
); From b4bdeb9c1ff7c7b7491b3865b88bbdfc26147e4b Mon Sep 17 00:00:00 2001 From: Negar Date: Sun, 24 Sep 2023 08:34:58 +0100 Subject: [PATCH 06/11] removed 2 pictures and redesigned header --- src/Components/Header/Header.scss | 107 ++++++++++++++++++------------ 1 file changed, 65 insertions(+), 42 deletions(-) diff --git a/src/Components/Header/Header.scss b/src/Components/Header/Header.scss index be83a1cc..d50a7a9f 100644 --- a/src/Components/Header/Header.scss +++ b/src/Components/Header/Header.scss @@ -3,30 +3,87 @@ $e1: cubic-bezier(0.8, 0, 0.1, 1); $e2: cubic-bezier(0.6, 0.04, 0.98, 0.335); $er: linear; $color: hsl(15, 75%, 40%); -$slides: 9; +$slides: 7; $images: url("../../../public/img/dummy_image/1.jpg") url("../../../public/img/dummy_image/2.jpg") url("../../../public/img/dummy_image/3.jpg") url("../../../public/img/dummy_image/4.jpg") - url("../../../public/img/dummy_image/5.jpg") url("../../../public/img/dummy_image/6.jpg") url("../../../public/img/dummy_image/7.jpg") - url("../../../public/img/dummy_image/8.jpg") url("../../../public/img/dummy_image/9.jpg"); header { - position: relative; + background-color: #09090a; height: 100vh; - width: 100vw; - overflow: hidden; + flex-direction: row-reverse; +} +.text__container { + flex-basis: 30%; + display: flex; + flex-direction: column; + gap: 10vmax; + padding: 5vmin; + .opensource__title { + span { + color: $color; + font-family: "Mefika", sans-serif; + font-size: 5vmax; + animation: rotateHue infinite $t * $slides * 2 linear; + animation-delay: calc($t / 17); + } + } + .github__section { + font-family: "Roboto Mono", sans-serif; + font-size: 3vmin; + font-weight: 800; + color: #efe4e4; + span { + line-height: 2vmax; + letter-spacing: 0.5vmax; + } + + .button { + text-decoration: none; + text-transform: uppercase; + display: inline-block; + position: relative; + border: 3px solid white; + box-shadow: -0.5vmin 0.5vmin 0 rgba(white, 0.5); + background: transparent; + margin-top: 5vmin; + mix-blend-mode: lighten; + color: white; + padding: 3vmin 3vmin 2.4vmin 3vmin; + letter-spacing: 0.2em; + text-shadow: none; + line-height: 1; + transform: translate3d(0.5vmin, -0.5vmin, 0); + transition: all 100ms linear; + &:hover { + transform: translate3d(1vmin, -1vmin, 0); + box-shadow: -1vmin 1vmin 0 rgba(white, 0.5); + background: white; + color: black; + } + &:active { + transform: translate3d(0px, 0px, 0); + box-shadow: -0px 0px 0 rgba(white, 0.5); + } + } + } +} +.animation__container { + position: relative; + flex-basis: 70%; } + .untitled { position: absolute; height: 100%; width: 100%; - animation: rotateHue infinite $t * $slides * 2 linear; - animation-delay: calc($t / 9); + animation-delay: calc($t / 7); + overflow: hidden; &__shutters { position: absolute; @@ -66,7 +123,6 @@ header { width: 100%; top: 0; left: 0; - background-color: $color; } @@ -113,7 +169,6 @@ header { z-index: 2; opacity: 1; text-shadow: 0 0 0.5em rgba($color, 0.25); - mix-blend-mode: lighten; span { display: block; font-size: 12vmin; @@ -121,38 +176,6 @@ header { } } } -.button { - font-family: "Roboto Mono", sans-serif; - text-decoration: none; - - font-weight: 800; - text-transform: uppercase; - font-size: 3vmin; - display: inline-block; - position: relative; - border: 3px solid white; - box-shadow: -0.5vmin 0.5vmin 0 rgba(white, 0.5); - background: transparent; - margin-top: 5vmin; - mix-blend-mode: lighten; - color: white; - padding: 4.5vmin 4.5vmin 4.1vmin 4.5vmin; - letter-spacing: 0.2em; - text-shadow: none; - line-height: 1; - transform: translate3d(0.5vmin, -0.5vmin, 0); - transition: all 100ms linear; - &:hover { - transform: translate3d(1vmin, -1vmin, 0); - box-shadow: -1vmin 1vmin 0 rgba(white, 0.5); - background: white; - color: black; - } - &:active { - transform: translate3d(0px, 0px, 0); - box-shadow: -0px 0px 0 rgba(white, 0.5); - } -} @keyframes openTop { 0% { From 47f935124f86eefafe539f5657c66dc78da8c83c Mon Sep 17 00:00:00 2001 From: Negar Date: Sun, 24 Sep 2023 08:36:18 +0100 Subject: [PATCH 07/11] creating handwriting animation for future --- src/Components/Title/Title.jsx | 258 ++++++++++++++++++++++++++++++++ src/Components/Title/Title.scss | 124 +++++++++++++++ 2 files changed, 382 insertions(+) create mode 100644 src/Components/Title/Title.jsx create mode 100644 src/Components/Title/Title.scss diff --git a/src/Components/Title/Title.jsx b/src/Components/Title/Title.jsx new file mode 100644 index 00000000..5f723edf --- /dev/null +++ b/src/Components/Title/Title.jsx @@ -0,0 +1,258 @@ +import React, { useEffect } from "react"; +import "./Title.scss"; + +function Title() { + const masks = [ + "a-1", + "a-2", + "n", + "o", + "p-1", + "p-2", + "e", + "n-2", + "s", + "o-2", + "u", + "r", + "c", + "e-2", + "p-2-1", + "p-2-2", + "r-2", + "o-3", + "j-1", + "j-2", + "j-3", + "e-3", + "c-t-1", + "c-t-2", + ]; + useEffect(() => { + masks.forEach((mask) => { + const id = `#mask-${mask}`; + + let path = document.querySelector(id); + + const length = path.getTotalLength(); + console.log(length, id); + path.style.strokeDasharray = length; + path.style.strokeDashoffset = length; + }); + }, []); + + return ( +
+ + + + + + {" "} + + + + + + {" "} + + + + + + + + + + + {" "} + + + + + + + + + + + + + +
+ ); +} + +export default Title; diff --git a/src/Components/Title/Title.scss b/src/Components/Title/Title.scss new file mode 100644 index 00000000..90d8080d --- /dev/null +++ b/src/Components/Title/Title.scss @@ -0,0 +1,124 @@ +$t: 2s; +$slides: 9; +$color: hsl(15, 75%, 40%); + +.svg-draw { + width: 15vmax; + height: 20vmax; + stroke: $color; + animation: rotateHue infinite $t * $slides * 2 linear; + @keyframes rotateHue { + 0% { + filter: hue-rotate(0deg); + } + 20% { + filter: hue-rotate(45deg); + } + 25% { + filter: hue-rotate(90deg); + } + 45% { + filter: hue-rotate(135deg); + } + 50% { + filter: hue-rotate(180deg); + } + 70% { + filter: hue-rotate(225deg); + } + 75% { + filter: hue-rotate(270deg); + } + 95% { + filter: hue-rotate(315deg); + } + 100% { + filter: hue-rotate(360deg); + } + } + animation-delay: calc($t / 21); +} +@keyframes strokeOffset { + to { + stroke-dashoffset: 0px; + } +} + +#mask-a-1 { + animation: strokeOffset 1s linear forwards; +} +#mask-a-2 { + animation: strokeOffset 1s linear forwards 1s; +} +#mask-n { + animation: strokeOffset 0.5s linear forwards 2s; +} +#mask-o { + animation: strokeOffset 0.5s linear forwards 2.5s; +} +#mask-p-1 { + animation: strokeOffset 0.5s linear forwards 3s; +} + +#mask-p-2 { + animation: strokeOffset 0.5s linear forwards 3.5s; +} + +#mask-n-2 { + animation: strokeOffset 0.5s linear forwards 4s; +} +#mask-e { + animation: strokeOffset 0.5s linear forwards 4.5s; +} +#mask-s { + animation: strokeOffset 0.5s linear forwards 5s; +} + +#mask-o-2 { + animation: strokeOffset 0.5s linear forwards 5.5s; +} +#mask-u { + animation: strokeOffset 0.5s linear forwards 6s; +} +#mask-r { + animation: strokeOffset 0.5s linear forwards 6.5s; +} + +#mask-c { + animation: strokeOffset 0.5s linear forwards 7s; +} +#mask-e-2 { + animation: strokeOffset 0.5s linear forwards 7.5s; +} + +#mask-p-2-1 { + animation: strokeOffset 0.5s linear forwards 8s; +} +#mask-p-2-2 { + animation: strokeOffset 0.5s linear forwards 8.5s; +} +#mask-r-2 { + animation: strokeOffset 0.5s linear forwards 9s; +} +#mask-o-3 { + animation: strokeOffset 0.5s linear forwards 9.5s; +} +#mask-j-1 { + animation: strokeOffset 0.5s linear forwards 10s; +} + +#mask-j-2 { + animation: strokeOffset 0.5s linear forwards 10.5s; +} +#mask-j-3 { + animation: strokeOffset 0.5s linear forwards 11s; +} +#mask-e-3 { + animation: strokeOffset 0.5s linear forwards 11.5s; +} +#mask-c-t-1 { + animation: strokeOffset 0.5s linear forwards 12s; +} +#mask-c-t-2 { + animation: strokeOffset 0.5s linear forwards 12.5s; +} From ad5b88abc27d36c6349f80aa79fdc4402fe16525 Mon Sep 17 00:00:00 2001 From: XanderRubio Date: Tue, 26 Sep 2023 01:21:27 +0200 Subject: [PATCH 08/11] Adding updates again --- src/Components/Header/Header.jsx | 15 ++++++++------- src/Components/Header/Header.scss | 8 ++++---- 2 files changed, 12 insertions(+), 11 deletions(-) diff --git a/src/Components/Header/Header.jsx b/src/Components/Header/Header.jsx index 8af7cce6..c8eba962 100644 --- a/src/Components/Header/Header.jsx +++ b/src/Components/Header/Header.jsx @@ -44,7 +44,7 @@ const Header = () => {
GitHub Repo @@ -58,7 +58,7 @@ const Header = () => {
- plant seeds🌱

of inspiration{" "} + Plant seeds🌱

of inspiration{" "}
@@ -66,7 +66,7 @@ const Header = () => {
- to codify 💻

your purpose{" "} + To codify 💻

your purpose{" "}
@@ -74,7 +74,7 @@ const Header = () => {
- to compile your

bucket 🪣

list + To compile your

bucket 🪣 list
@@ -82,14 +82,15 @@ const Header = () => {
- to learn how to contribute 📚 + To learn how to contribute 📚 +
- to learn

new skills🎯 + To learn

new skills 🎯
@@ -97,7 +98,7 @@ const Header = () => {
- to advance

your career💼 + To advance

your career 💼
diff --git a/src/Components/Header/Header.scss b/src/Components/Header/Header.scss index d50a7a9f..9180558e 100644 --- a/src/Components/Header/Header.scss +++ b/src/Components/Header/Header.scss @@ -2,7 +2,7 @@ $t: 2s; $e1: cubic-bezier(0.8, 0, 0.1, 1); $e2: cubic-bezier(0.6, 0.04, 0.98, 0.335); $er: linear; -$color: hsl(15, 75%, 40%); +$color: hsl(198, 96%, 49%); $slides: 7; $images: url("../../../public/img/dummy_image/1.jpg") url("../../../public/img/dummy_image/2.jpg") @@ -10,7 +10,7 @@ $images: url("../../../public/img/dummy_image/1.jpg") url("../../../public/img/dummy_image/4.jpg") url("../../../public/img/dummy_image/6.jpg") url("../../../public/img/dummy_image/7.jpg") - url("../../../public/img/dummy_image/9.jpg"); + url("../../../public/img/dummy_image/5.jpg"); header { background-color: #09090a; @@ -163,12 +163,12 @@ header { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); - color: white; + color: rgb(248, 252, 252); line-height: 1; letter-spacing: -0.025em; z-index: 2; opacity: 1; - text-shadow: 0 0 0.5em rgba($color, 0.25); + text-shadow: #FEEA3A 5px 10px 10px; span { display: block; font-size: 12vmin; From aa31e72a0bd5eca5c80334fe261e05b6797b7830 Mon Sep 17 00:00:00 2001 From: XanderRubio Date: Tue, 26 Sep 2023 01:26:10 +0200 Subject: [PATCH 09/11] Updating color in Header.scss file --- src/Components/Header/Header.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/Header/Header.scss b/src/Components/Header/Header.scss index 9180558e..6ef1ef67 100644 --- a/src/Components/Header/Header.scss +++ b/src/Components/Header/Header.scss @@ -2,7 +2,7 @@ $t: 2s; $e1: cubic-bezier(0.8, 0, 0.1, 1); $e2: cubic-bezier(0.6, 0.04, 0.98, 0.335); $er: linear; -$color: hsl(198, 96%, 49%); +$color: hsl(250, 96%, 49%); $slides: 7; $images: url("../../../public/img/dummy_image/1.jpg") url("../../../public/img/dummy_image/2.jpg") From 0daa9afdce0604c8f2d37da2dff1de787db40add Mon Sep 17 00:00:00 2001 From: XanderRubio Date: Tue, 26 Sep 2023 13:17:49 +0200 Subject: [PATCH 10/11] Updating className and adding randomContributor component --- src/App.js | 2 +- src/Components/Header/Header.jsx | 50 ++++++++++--------- .../MasonryLayout/MasonryBox/MasonryBox.jsx | 2 +- .../RandomContributor.module.css | 2 +- 4 files changed, 29 insertions(+), 27 deletions(-) diff --git a/src/App.js b/src/App.js index 7fff2ca2..1960c759 100644 --- a/src/App.js +++ b/src/App.js @@ -9,7 +9,7 @@ import RandomContributors from "./Components/randomcontributor/RandomContributor const App = () => { return ( - +
{
@@ -53,64 +54,65 @@ const Header = () => {
-
-
-
-
+
+
+
+
Plant seeds🌱

of inspiration{" "}
-
-
-
+
+
+
To codify 💻

your purpose{" "}
-
-
-
+
+
+
To compile your

bucket 🪣 list
-
-
-
+
+
+
To learn how to contribute 📚
-
-
-
+
+
+
To learn

new skills 🎯
-
-
-
+
+
+
To advance

your career 💼
-
-
-
+
+
+
-
+
+ ); }; diff --git a/src/Components/MasonryLayout/MasonryBox/MasonryBox.jsx b/src/Components/MasonryLayout/MasonryBox/MasonryBox.jsx index d20e315e..c85a1814 100644 --- a/src/Components/MasonryLayout/MasonryBox/MasonryBox.jsx +++ b/src/Components/MasonryLayout/MasonryBox/MasonryBox.jsx @@ -76,7 +76,7 @@ const MasonryBox = ({ className={styles.enlargedPhotoText} onClick={toggleText} // Adds 100% width if users text is 50 or less characters. - style={userText.length <= 50 ? { width: "100%" } : null} + style={userText.length <= 100 ? { width: "100%" } : null} >

{presetText}

diff --git a/src/Components/randomcontributor/RandomContributor.module.css b/src/Components/randomcontributor/RandomContributor.module.css index 09b4908e..e87fa55b 100644 --- a/src/Components/randomcontributor/RandomContributor.module.css +++ b/src/Components/randomcontributor/RandomContributor.module.css @@ -6,7 +6,7 @@ right: 0; background-color: #006dff; z-index: 9999; - margin: 200px 40px 0 0; + margin: 927px 194px 0 0; border-radius: 16px; padding: 1rem; transition: 0.5s; From 4bae0bc2d2c6d75a51c4b251a0cc4a6639bf6e82 Mon Sep 17 00:00:00 2001 From: XanderRubio Date: Tue, 26 Sep 2023 13:24:35 +0200 Subject: [PATCH 11/11] Taking away the RandomContributors component --- src/App.js | 1 - src/Components/randomcontributor/RandomContributor.module.css | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/src/App.js b/src/App.js index 1960c759..1991dd23 100644 --- a/src/App.js +++ b/src/App.js @@ -9,7 +9,6 @@ import RandomContributors from "./Components/randomcontributor/RandomContributor const App = () => { return ( -