From 401c4c71ede0e1a4ef11a593cf9f6f299b07261b Mon Sep 17 00:00:00 2001 From: Rahul Yadav Gurrampally Date: Tue, 15 Oct 2024 23:46:17 -0400 Subject: [PATCH] added alternative svgs --- src/containers/greeting/Greeting.js | 3 + src/containers/greeting/HelloImage.js | 271 +++++++++++++ src/containers/skills/CloudInfraImgTwo.js | 227 +++++++++++ src/containers/skills/FullStackImgTwo.js | 131 ++++++ src/containers/skills/SkillSection.js | 4 + src/pages/experience/Experience.js | 4 + src/pages/experience/ExperienceImgTwo.js | 465 ++++++++++++++++++++++ src/portfolio.js | 2 + 8 files changed, 1107 insertions(+) create mode 100644 src/containers/greeting/HelloImage.js create mode 100644 src/containers/skills/CloudInfraImgTwo.js create mode 100644 src/containers/skills/FullStackImgTwo.js create mode 100644 src/pages/experience/ExperienceImgTwo.js diff --git a/src/containers/greeting/Greeting.js b/src/containers/greeting/Greeting.js index db02c259a..df014946a 100644 --- a/src/containers/greeting/Greeting.js +++ b/src/containers/greeting/Greeting.js @@ -5,6 +5,7 @@ import Button from "../../components/button/Button"; import { greeting } from "../../portfolio"; import { Fade } from "react-reveal"; import FeelingProud from "./FeelingProud"; +import HelloImage from "./HelloImage"; export default function Greeting(props) { const theme = props.theme; @@ -50,6 +51,8 @@ export default function Greeting(props) { src={require("../../assets/images/feelingProud.svg")} > */} + {/* use this for another image */} + {/* */} diff --git a/src/containers/greeting/HelloImage.js b/src/containers/greeting/HelloImage.js new file mode 100644 index 000000000..77d30e9f6 --- /dev/null +++ b/src/containers/greeting/HelloImage.js @@ -0,0 +1,271 @@ +import React, { Component } from "react"; + +class HelloImage extends Component { + render() { + return ( + // <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); + } +} + +export default HelloImage; diff --git a/src/containers/skills/CloudInfraImgTwo.js b/src/containers/skills/CloudInfraImgTwo.js new file mode 100644 index 000000000..9dfd67401 --- /dev/null +++ b/src/containers/skills/CloudInfraImgTwo.js @@ -0,0 +1,227 @@ +import React, { Component } from "react"; + +export default class CloudInfraImgTwo extends Component { + render() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); + } +} diff --git a/src/containers/skills/FullStackImgTwo.js b/src/containers/skills/FullStackImgTwo.js new file mode 100644 index 000000000..a69783694 --- /dev/null +++ b/src/containers/skills/FullStackImgTwo.js @@ -0,0 +1,131 @@ +import React, { Component } from "react"; + +class FullStackImgTwo extends Component { + render() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); + } +} + +export default FullStackImgTwo; diff --git a/src/containers/skills/SkillSection.js b/src/containers/skills/SkillSection.js index 7cc72c17a..803c51cf1 100644 --- a/src/containers/skills/SkillSection.js +++ b/src/containers/skills/SkillSection.js @@ -7,6 +7,8 @@ import DataScienceImg from "./DataScienceImg"; import FullStackImg from "./FullStackImg"; import CloudInfraImg from "./CloudInfraImg"; import DesignImg from "./DesignImg"; +import CloudInfraImgTwo from "./CloudInfraImgTwo"; +import FullStackImgTwo from "./FullStackImgTwo"; function GetSkillSvg(props) { if (props.fileName === "DataScienceImg") @@ -15,6 +17,8 @@ function GetSkillSvg(props) { return ; else if (props.fileName === "CloudInfraImg") return ; + else if (props.fileName === "CloudInfraImgTwo") return ; + else if (props.fileName === "FullStackImgTwo") return ; return ; } diff --git a/src/pages/experience/Experience.js b/src/pages/experience/Experience.js index 58cf6ae61..91bb2e297 100644 --- a/src/pages/experience/Experience.js +++ b/src/pages/experience/Experience.js @@ -8,6 +8,8 @@ import { experience } from "../../portfolio.js"; import { Fade } from "react-reveal"; import ExperienceImg from "./ExperienceImg"; +import ExperienceImgTwo from "./ExperienceImgTwo"; + // const experience = { // title: "Experience", // subtitle: "Work, Internship and Volunteership", @@ -159,6 +161,8 @@ class Experience extends Component { alt="" /> */} + {/* //use this for another svg */} + {/* */}

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); + } +} diff --git a/src/portfolio.js b/src/portfolio.js index 3f5c96e70..5fa1c3fd4 100644 --- a/src/portfolio.js +++ b/src/portfolio.js @@ -134,6 +134,7 @@ const skills = { { title: "Full Stack Development", fileName: "FullStackImg", + // fileName: "FullStackImgTwo", //use this for different svg skills: [ "⚡ Building responsive website front end using React-Redux", "⚡ Developing mobile applications using Flutter, React Native and solo android apps using Kotlin", @@ -216,6 +217,7 @@ const skills = { { title: "Cloud Infra-Architecture", fileName: "CloudInfraImg", + // fileName: "CloudInfraImgTwo", //use this for another svg skills: [ "⚡ Experience working on multiple cloud platforms", "⚡ Hosting and maintaining websites on virtual machine instances along with integration of databases",