From 1b69fbd0df376c326c7a41aee43deac3c26c9c68 Mon Sep 17 00:00:00 2001 From: Rebecca <107712113+rebeccali04@users.noreply.github.com> Date: Sun, 28 Apr 2024 07:17:00 -0400 Subject: [PATCH 1/2] Feature-Resume display and download (#698) * Create ResumeDownloadButton.js * Updated github pages Updated github pages * Resume feature 1st version Missing adding feature to top bar * Style ran npm run format * Fixed UI to match the webpage Resume can now be accessed by the toolbar above and by the button in the greeting page. Fixed the title and subtitle arrangement. * Fixed format Fixed format * Update README.md with resume instructions * Updated resume feature Downloads resume after clicking button, Deleted resume container in website * Changed underlined font of bottun * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * Updated style to pass lint * Directly Download button --------- Co-authored-by: NMCBU1 <86202623+NMCBU1@users.noreply.github.com> Co-authored-by: NMCBU1 Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com> --- README.md | 2 ++ src/components/header/Header.js | 9 ++++++++- src/containers/greeting/Greeting.js | 13 +++++++------ src/containers/greeting/Greeting.scss | 3 +++ src/containers/greeting/resume.pdf | Bin 0 -> 5108 bytes src/portfolio.js | 12 +++++++++++- 6 files changed, 31 insertions(+), 8 deletions(-) create mode 100644 src/containers/greeting/resume.pdf diff --git a/README.md b/README.md index 6b4dd78c3e..974a1cb04f 100644 --- a/README.md +++ b/README.md @@ -189,6 +189,8 @@ const contactInfo = { .... } const twitterDetails = { ... } ``` +#### Resume upload +To upload your own resume, simply upload a pdf to `src/containers/resume` and rename the pdf to `resume.pdf`. #### Using Emojis diff --git a/src/components/header/Header.js b/src/components/header/Header.js index 12cc004309..6218f1950c 100644 --- a/src/components/header/Header.js +++ b/src/components/header/Header.js @@ -10,7 +10,8 @@ import { openSource, blogSection, talkSection, - achievementSection + achievementSection, + resumeSection } from "../../portfolio"; function Header() { @@ -21,6 +22,7 @@ function Header() { const viewAchievement = achievementSection.display; const viewBlog = blogSection.display; const viewTalks = talkSection.display; + const viewResume = resumeSection.display; return ( @@ -69,6 +71,11 @@ function Header() { Talks )} + {viewResume && ( +
  • + Resume +
  • + )}
  • Contact Me
  • diff --git a/src/containers/greeting/Greeting.js b/src/containers/greeting/Greeting.js index a2bc8eefc1..3e93aa3510 100644 --- a/src/containers/greeting/Greeting.js +++ b/src/containers/greeting/Greeting.js @@ -6,7 +6,6 @@ import landingPerson from "../../assets/lottie/landingPerson"; import DisplayLottie from "../../components/displayLottie/DisplayLottie"; import SocialMedia from "../../components/socialMedia/SocialMedia"; import Button from "../../components/button/Button"; - import {illustration, greeting} from "../../portfolio"; import StyleContext from "../../contexts/StyleContext"; @@ -41,11 +40,13 @@ export default function Greeting() {
    diff --git a/src/containers/greeting/Greeting.scss b/src/containers/greeting/Greeting.scss index 6c929d09aa..919418e2ed 100644 --- a/src/containers/greeting/Greeting.scss +++ b/src/containers/greeting/Greeting.scss @@ -33,6 +33,9 @@ display: flex; margin-top: 20px; } +.download-link-button { + text-decoration: none; +} .greeting-text { font-size: 70px; diff --git a/src/containers/greeting/resume.pdf b/src/containers/greeting/resume.pdf new file mode 100644 index 0000000000000000000000000000000000000000..4f58c1c79f0f949876a49a3e27d23f89fe0dbe2b GIT binary patch literal 5108 zcmai2c|26@+gFxq5Fv@^$iB?J+X~aj7NHQ6#uysgFf)=ZB4tlPWX-;$1zAG0ddgZ# z$`+Bm&Gt)+_e|^aJiYJlJ@dz$bDitDuXBIz?{$Cf@1_lA#ek80KS*W@}heFcEbL4A~QTWU=ldllggo!=rpDa z9RfF_d%JOt07yJmPY+;oSahlvw0a6O`R#^iy*yCwNoibSQc4@X;vs&CfV4v5$98H?Ow*W;12 zG!^!7WASHRwMXksuYTALz36Z{{H@x9C^kWYMreSGy%mTuoXqs*aBXA^fcb9YTFvP$45|V17~p^ajW{FOZ{k3YHdYd&o5aDHHRaOF)I zE^NSoJ8dh<@3qJOJIs*Ep?WgixM|!#6uxDFzz;C!{&bcli|z^%%=-sC-*Nln6$DOV zuzftK0U#;A(-@oqT@So|vXbyS>341+0UQy70g?JI^g|IasK4`X&OXTJ+q0kWd!r09#iM!>i3l&wnALFYRgz49;Y^uqkQu{1@{6c1@quS0# zJr2t!+=gk*9F*{X;_H7ZMb=*OSxCz?V7xQ{H#QgSEV(l~yS>RR@C|VyJE(bHdtxX9 zt|rQZ0AB4XQ-x}{Ri@eSkmGyvAfHCd(q5g%y*j*;=d5~JYG)8(#am$f3n9C?PF=fp z`DmNk!f*81JwAbQHP+{D}ev8~gF@b*8ZtPE|u6Q`{S&EEGU%@_G zt!$+OEUGl(*8tZY3{1Yw>i1x4EubV2Ky8H~sob?ec&v(HhX^>(WUx z_@lKaO6wbZp=mFs1D~BR_8m`F;lDkzmWCy;X0heYvG7~M?)QQ}Z(rG3y_#rqsL^vN zq~yWA<=nDcVMedkQ1-a);;%|vpDe%0jz^+FHWj!+-eJkxmZ*JpvT^DipHR5q$_OTp z!q+x(ykvJyaFNs@UJ)I>)<mgT*O;Mx(fm`*KGLfoJn5H zy8tmUnS=4lg|wvly~Y_bjcc zd*7*Td!uW&!T+R7_}1FfE&~2tjfw5#zWVj)>tqxoUDhatnM{T~{m--5Q2P?B0eXQN z>?h?U>^>+Jq>)fz*j|s|bv2Od^-IVb&&7ERWd61I`jwN4C&@!2usRp2d(VDwoo~P6^*UzeSLRoz3{iQrlH2t~q;~9H1`*n0} zRqZ|YVU-f%Q~BtX$v8c&{4Vhfvk9vuCA!*!$=aAo+2kf8&>TOu*&=kqa?k;0FyW^Ryq)*3%nSonTTOLX`+%f;lu#+m*r#`Ixynnq?mF&^eZZnI2QXP#zyew)uj6ifwnRk^xFn!YCUZCldE_Q<667qbaU8w0LB z(LA55)gc*cqrAOJdyH1-8rzeuB$$shxz%);RQ@nIa>~9^tIiumlSKkD6>pqLW`Pq9%g?wPBP{=L9=0MpgNPjrTCtP_ll*D`~ z_`2rpvDMWR@yI)!GuJv7JqKj|S#mogPqjon8N+pHKdQ#@7=w|rUmhAYDB6fT~4pBG(79z)WE(Qv2v7du?h}K z;RcPfh3$G!Gf=Qxg=AqTs0K*l25sB7!53BsLr+e2qAm?vNadV458v5V9?aW*in(Cc z%v7pkMcGFWHyss#on7>Sa72Q5!BNd-9GF~EddR$?Cw_9hs{m01q4e!bFPixpm zmotfjRWmFT6P9axmT7bIbKWg=-d_oQxwm*3Q&NsTYHQAm-BvX(N%NuDi_+)Tv;2j& zhJ>}cim57ROyZ7vq?qSrqQVEVOm;ZS;~ezACN~b8JbBFHX2%8fyE5Vgo48D@UrYti zm6mwkA&p6Mzo}(7su!}rbQlW$dhK-ffMM@Vhquk|KIVVb=pPQANpG^)`B2C5{m>Av zTVQDI`ypLk*-mrwjO;m|&^|V6zUj>1$J2VBSDwq&wPa67>Z1zoWM$uF^f02L^E4yN z(xMW@%;kf(sb^Ayjnhd9sb=MzN}Nn_15Lq4raGDvCO)XPsqT7SzjSn;v#I!{Qpj{; zIN;)OoGM=g>|>h6$el((o;rTaKY_qH~RCey#1L>7-e9riDnxVw^HOw4d<@ND)w zzq;#+O~9~*$W0#(gJNNLFG)8cziWji=Nr|3e)vQ2FwDWcnRR7X`zpEpJ!0z%o#`Fk5a;s$9?qs+XdMS2Pj)D)Xs>5Hfx8}!qy5$c_Y`d9J_6yH^g@!Ka^Tp=7ymr zUqLripQ;k$Pf{<@1?YC**=){=`3{fMG8BNKNM^l zn21h`Beh3K6xU9tRF;<z6K6_d0&a8P<6; z9-`l~xa5!%uq>kML|Gi|RgwB)`*nF;u+#gT1?GI{Xmh))-j}Gi8H3xqAtMdSRqM`@ z3?om+M$1+tCariJh%$;S_G_8HN1ELepW6C-!FfZ`foRy-=jf2v<@g|xYqhIoi0HwJ z7Zbdfj~uoY3RzOuQ8Ie}eBpi%Y2X-5EcK*`SjVP}f{PCxb${CaG0lJ$Gpg`JabHaw z;BT?@Ty1c_MBvmT@ttov^Ox5S1w0I(ro&bzx}bV&pZ~y(YA$)t9x@yivB{br3aM;s z+u1jGBfUWLlKSO0*O{`%LzXLMwr!p_o#^#+teJT!+x7JF5hoL0Vfo7zzWGs>bJ34w z?hlPo9UqmDPH!GZL@w7v#q8N+h!J0jiix?4Od)3!b@j;1v)sUQcTfM`rUl6RY#qv* zlxN<@Kk>2KZI^O#s(gn(D~pB=o-iGF`@ZUdfWSsTSm>_c!g3(5>FO4qRsMx{TW0>0 zI>g_{?e9l+t{@@N*)$fzhr?uj7bttFUZ4ol|8{9uF`bzlCe(`V=I2S}I(Smu*Z_Dy z*Jsl}83GVdco-gyK@-5UJ~$571Vv#mFeC^u4+A6;w6cZ!-8MhoE>g4n{!YFi3DvJm^luA&3AHi6Ou+ zU?hMLss=g=;ED>a-1?!1kX%*u4?)Cr{T}dp?f@4XP-GcU*>vvv z{}TagKWEN2S!HNU;yQAHM1d1CCfP8Jj7jEHA5aOpfIu)f0pHBl0c;QjV{ca`SNefS zGC=(q0I2GNx|}QMEm)vdXL!2-sz1X(qqU!pk0;%WizkAs5pB8R&;f%%!_ZhFnm_@t zSik|igQ0LpJcaCj`901)sv7zT$S za5X6ChC{*-XwVJ3N23WaG@d|20$3y#h6CFQ;Cn0*%tFMXDFB)XrorI|-_uY))JeAA zzV9d0f9qTPcLj(1yMUvd?QoAoh(<04#MlqPVC1*^9YinM!RjVOu7`xB#o;VzQNAPn z_?^85ypSC9MEkKM%$#+3LF8CRd!wOXgw5@js4J%w76>N09}ArvJ6iniwRn%B@2Izf z=H3cvSF8Oz4;sp0y`DaS66`bniUHWQ@iq#XdKsO*weDZy#nlCqpJ3N-%j`k-z&#E2 zgwGB@Y|kIn*6wg>Z7teV*}@n&)wOm@2SK`sthm{)_|)|4z2=tDp^H1pR!)Q>Up2rB zXNoY*PqHru5b0=$@Yi>_P?W2;?=`BKTH0R^TezF!y^ixGf;C_`py2TX7u&8vzgm zfJ8wMzb*iW#iFr*EAY#P1bM{00PkNmG#)Itf7uX3unF-`8%R@-m;baOkZ2Hyf7!5v zKVlI$4A|uOmmePcM_x3J@J9|bky}RpjK!dcf6L2ZQNi7Y#ck19GXg Date: Mon, 20 May 2024 02:45:21 +0530 Subject: [PATCH 2/2] Update README.md (#695) fixed a small typing mistake --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 974a1cb04f..98d81c4b63 100644 --- a/README.md +++ b/README.md @@ -198,7 +198,7 @@ For adding emoji 😃 into the texts in `Portfolio.js`, use the `emoji()` functi #### Customize Lottie Animations -You can choose a Lottie and download it in json format from from sites like [this](https://lottiefiles.com/). In `src/assets/lottie`, replace the Lottie json file you want to alter with the same file name. If you want to change the Lottie options, go to `src/components/displayLottie/DisplayLottie.js` and change the `defaultOptions` object, you can refer [lottie-react docs](https://www.npmjs.com/package/lottie-react) for more info on the `defaultOptions` object. +You can choose a Lottie and download it in json format from sites like [this](https://lottiefiles.com/). In `src/assets/lottie`, replace the Lottie json file you want to alter with the same file name. If you want to change the Lottie options, go to `src/components/displayLottie/DisplayLottie.js` and change the `defaultOptions` object, you can refer [lottie-react docs](https://www.npmjs.com/package/lottie-react) for more info on the `defaultOptions` object. #### Adding Twitter Time line to your Page Insert your Twitter username in `portfolio.js` to show your recent activity on your page.