camerin
/
portfolio
mirror of https://github.com/RaspberryProgramming/portfolio.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Modified github card for /about

This commit is contained in:
Camerin Figueroa 2022-02-14 13:44:58 -05:00
parent c8072a72f4
commit 98873dd765
2 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/About.js
View File

@ -43,9 +43,9 @@ class About extends React.Component {
social media below, just click the image and it'll bring you to the selected website.
</Card>
<Card title="Github" image="/img/github.webp" link="/github">
You can access a list of github repositories that I've created directly on this site.
<GithubRepos style={{width: "50vw"}} username="RaspberryProgramming" single/>
<Card title="Github"link="/github">
<p>You can access a list of github repositories that I've created directly on this site.</p>
<Link className='btn' to='/github'>Learn More</Link>
</Card>
@ -58,18 +58,18 @@ class About extends React.Component {
<div className="links">
<a href="https://github.com/RaspberryProgramming" target="_blank" rel="noreferrer" className="link">
<a href="https://github.com/RaspberryProgramming" target="_blank" rel="noreferrer" className="link bg-white">
<img src="/img/github.webp" alt="Github"/>
</a>
<a href="https://www.linkedin.com/in/camerin-figueroa-2662bb157/" target="_blank" rel="noreferrer" className="link">
<a href="https://www.linkedin.com/in/camerin-figueroa-2662bb157/" target="_blank" rel="noreferrer" className="link bg-white">
<img src="/img/linkedin.webp" alt="LinkedIn"/>
</a>
<a href="https://www.hackerrank.com/figueroa0609" target="_blank" rel="noreferrer" className="link">
<img src="/img/hackerrank.webp" alt="Hacker Rank"/>
</a>
<a href="https://app.hackthebox.eu/profile/734741" target="_blank" rel="noreferrer" className="link">
<a href="https://app.hackthebox.eu/profile/734741" target="_blank" rel="noreferrer" className="link bg-white">
<img src="/img/hackthebox.webp" alt="Hack The Box"/>
</a>
<a href="https://www.udemy.com/user/camerin-figueroa/" target="_blank" rel="noreferrer" className="link">

12
src/components/css/About.css
View File

@ -12,7 +12,7 @@
}
.About .title {
margin-top: 2rem;
margin-top: 4rem;
color: #BF8D8C !important;
font-size: 48px;
}
@ -46,6 +46,16 @@
margin: 10px;
}
.About .link.bg-white {
background-color: white;
border-radius: 5px;
display:flex;
height: 10rem;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 600px) {
.About .links .link img {
width: 25vw;