Skip to content

Commit

Permalink
add github link
Browse files Browse the repository at this point in the history
  • Loading branch information
dreamz12345 committed Jun 15, 2024
1 parent b7fcf12 commit b457741
Show file tree
Hide file tree
Showing 4 changed files with 28 additions and 2 deletions.
Binary file added portfolio/src/Assets/GitHub_Logo_White.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added portfolio/src/Assets/github-mark-white.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions portfolio/src/Pages/Projects.css
Original file line number Diff line number Diff line change
Expand Up @@ -89,6 +89,14 @@
min-width: 20rem;
border: 2px solid rgb(100, 100, 100);
}
.projectsPhotoGitHub {
object-fit: fill;
width: 30rem;
min-width: 20rem;
margin-top: 7rem;
margin-bottom: 7rem;

}


.projectsTechnologiesUsed {
Expand Down
22 changes: 20 additions & 2 deletions portfolio/src/Pages/Projects.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,37 @@ import pongSquare from "../Assets/pong_square_size.jpg";
import pythonLogo from "../Assets/python-logo-only.png";
import arduinoLogo from "../Assets/arduino-logo.png";
import cplusplusLogo from "../Assets/c++-logo.png";
import GitHubLogo from "../Assets/GitHub_Logo_White.png"
import GitHubLogoCat from "../Assets/github-mark-white.png"

import placeholderPhoto from "../Assets/myPhoto.jpg";
import { NavLink } from "react-router-dom";



const Projects = () => {

var github_link = "https://github.com/dreamz12345/"

return (

<div className="page">
<ScrollToTop/>
<div className="pageAboveFooter">
<Navbar />
<div className="pageContent">


<div className="projectsLinksDiv">
<a href={github_link} className="projectsLink">
<div className="projectsPhotoDivRight">
<img src={GitHubLogo} alt="projectsPhoto" className="projectsPhotoGitHub"></img>
</div>
<div className="projectsLinkTextDivRight">
<span className="projectsLinkTextRight">All of my Projects</span>
<span className="projectsLinkTextRightMedium">You can see them directly at my GitHub Page.</span>
</div>
</a>
</div>

<div className="projectsLinksDiv">
<NavLink to="/projects" className="projectsLink">
Expand All @@ -27,7 +45,7 @@ const Projects = () => {
</div>
<div className="projectsLinkTextDivRight">
<span className="projectsLinkTextRight">Pong Game</span>
<span className="projectsLinkTextRightMedium">Famous oldschool game written by me in Python Turtle.</span>
<span className="projectsLinkTextRightMedium">My take on famous oldschool game written in Python Turtle.</span>
<div className="projectsTechnologiesUsedDiv">
<img src={pythonLogo} alt="projectsPhoto" className="technologiesUsedPhoto"></img>
</div>
Expand Down

0 comments on commit b457741

Please sign in to comment.