updated

kjcreddy666 · Apr 7, 2024 · 8e99b0e · 8e99b0e
1 parent 319a7a3
commit 8e99b0e
Show file tree

Hide file tree

Showing 23 changed files with 111 additions and 103 deletions.
diff --git a/src/components/Cards/EducationCard.js b/src/components/Cards/EducationCard.js
@@ -132,7 +132,7 @@ const EducationCard = ({ education }) => {
     return (
         <Card>
             <Top>
-                <Image src={education.img} />
+                <Image src={require(`../../images/${education.img}`)} />
                 <Body>
                     <Name>{education.school}</Name>
                     <Degree>{education.degree}</Degree>

diff --git a/src/components/Cards/ProjectCard.js b/src/components/Cards/ProjectCard.js
@@ -3,7 +3,6 @@ import styled from 'styled-components'
 
 
 const Button = styled.button`
-    display: none;
     width: 100%;
     padding: 10px;
     background-color: ${({ theme }) => theme.white};
@@ -15,7 +14,7 @@ const Button = styled.button`
     cursor: pointer;
     transition: all 0.8s ease-in-out;
 `
-const Card = styled.a`
+const Card = styled.div`
     width: 330px;
     height: 490px;
     background-color: ${({ theme }) => theme.card};
@@ -33,9 +32,6 @@ const Card = styled.a`
         box-shadow: 0 0 50px 4px rgba(0,0,0,0.6);
         filter: brightness(1.1);
     }
-    &:hover ${Button} {
-        display: block;
-    }
 `
 
 const Image = styled.img`
@@ -113,9 +109,12 @@ const Avatar = styled.img`
 `
 
 const ProjectCards = ({project}) => {
+    const handleButtonClick = () => {
+        window.open(project.github, "_blank");
+    }
     return (
         <Card >
-            <Image src={project.image}/>
+            <Image src={require(`../../images/${project.image}`)}/>
             <Tags>
                 {project.tags?.map((tag, index) => (
                 <Tag>{tag}</Tag>
@@ -130,7 +129,7 @@ const ProjectCards = ({project}) => {
                     <Avatar src={member.img}/>
                 ))}
             </Members>
-            {/* <Button>View Project</Button> */}
+            <Button onClick = {(project)=> {handleButtonClick()}}>View Project</Button>
         </Card>
     )
 }

diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js
@@ -30,6 +30,9 @@ const NavContainer = styled.div`
 `;
 
 const NavLogo = styled(LinkR)`
+    color : #fff;
+    font-size : 1.5rem;
+    font-weight : 500;
     width : 80%;
     padding : 0 6px;
     display : flex;

diff --git a/src/components/Skills/index.js b/src/components/Skills/index.js
@@ -137,7 +137,7 @@ const Skills = () => (
                                 {
                                     item.skills.map((skill) => (
                                         <SkillItem>
-                                            <SkillImg src={skill.image}/>
+                                            <SkillImg src={require(`../../images/${skill.image}`)}/>
                                             {skill.name}
                                         </SkillItem>
                                     ))

diff --git a/src/data/constants.js b/src/data/constants.js
diff --git a/src/images/C-logo.png b/src/images/C-logo.png
diff --git a/src/images/CPP-logo.png b/src/images/CPP-logo.png
diff --git a/src/images/CSS3-logo.png b/src/images/CSS3-logo.png
diff --git a/src/images/Git-Iogo.png b/src/images/Git-Iogo.png
diff --git a/src/images/GitHub-logo.png b/src/images/GitHub-logo.png
diff --git a/src/images/JavaScript-logo.png b/src/images/JavaScript-logo.png
diff --git a/src/images/Python-logo.png b/src/images/Python-logo.png
diff --git a/src/images/bootstrap-logo.png b/src/images/bootstrap-logo.png
diff --git a/src/images/cmrit-logo.png b/src/images/cmrit-logo.png
diff --git a/src/images/html5-logo.png b/src/images/html5-logo.png
diff --git a/src/images/java-logo.svg b/src/images/java-logo.svg
diff --git a/src/images/narayana-logo.png b/src/images/narayana-logo.png
diff --git a/src/images/nodejs-logo.svg b/src/images/nodejs-logo.svg
diff --git a/src/images/portfolio-logo.png b/src/images/portfolio-logo.png
diff --git a/src/images/simon-logo.png b/src/images/simon-logo.png
diff --git a/src/images/spotify-logo.png b/src/images/spotify-logo.png
diff --git a/src/images/viswabharathi-logo.jpg b/src/images/viswabharathi-logo.jpg
diff --git a/src/images/vscode-logo.png b/src/images/vscode-logo.png