diff --git a/README.md b/README.md index 6b4dd78c3e..98d81c4b63 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 @@ -196,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. 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 0000000000..4f58c1c79f Binary files /dev/null and b/src/containers/greeting/resume.pdf differ diff --git a/src/portfolio.js b/src/portfolio.js index f05bd00dcd..6ec26fef19 100644 --- a/src/portfolio.js +++ b/src/portfolio.js @@ -365,6 +365,15 @@ const podcastSection = { display: false // Set false to hide this section, defaults to true }; +// Resume Section +const resumeSection = { + title: "Resume", + subtitle: "Feel free to download my resume", + + // Please Provide with Your Podcast embeded Link + display: true // Set false to hide this section, defaults to true +}; + const contactInfo = { title: emoji("Contact Me ☎️"), subtitle: @@ -398,5 +407,6 @@ export { podcastSection, contactInfo, twitterDetails, - isHireable + isHireable, + resumeSection };