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

About - Added Leet Code to Social Media Section

This commit is contained in:
Camerin Figueroa 2023-02-12 18:08:28 -05:00
parent aa9bcd2a9f
commit b1e425f408
2 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/About.js
View File

@ -91,16 +91,18 @@ class About extends React.Component {
<img src="/img/linkedin.webp" alt="LinkedIn"/> <img src="/img/linkedin.webp" alt="LinkedIn"/>
</a> </a>
<a href="https://www.hackerrank.com/figueroa0609" target="_blank" rel="noreferrer" className="link"> <a href="https://www.hackerrank.com/figueroa0609" target="_blank" rel="noreferrer" className="link bg-hackerrank ">
<img src="/img/hackerrank.webp" alt="Hacker Rank"/> <img src="/img/hackerrank.webp" alt="Hacker Rank"/>
</a> </a>
<a href="https://app.hackthebox.eu/profile/734741" target="_blank" rel="noreferrer" className="link bg-white"> <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"/> <img src="/img/hackthebox.webp" alt="Hack The Box"/>
</a> </a>
<a href="https://www.udemy.com/user/camerin-figueroa/" target="_blank" rel="noreferrer" className="link"> <a href="https://www.udemy.com/user/camerin-figueroa/" target="_blank" rel="noreferrer" className="link bg-white">
<img src="/img/udemy.webp" alt="Udemy"/> <img src="/img/udemy.webp" alt="Udemy"/>
</a> </a>
<a href="https://leetcode.com/RaspberryProgramming/" target="_blank" rel="noreferrer" className="link bg-black">
<img src="/img/leetcode_logo.webp" alt="leet code"/>
</a>
</div> </div>
</div> </div>

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

@ -39,15 +39,14 @@
} }
.About .links .link img { .About .links .link img {
width: 10rem; width:10rem;
} }
.About .links .link { .About .links .link {
margin: 10px; margin: 10px;
} }
.About .link.bg-white { .About .link {
background-color: white;
border-radius: 5px; border-radius: 5px;
display:flex; display:flex;
height: 10rem; height: 10rem;
@ -57,6 +56,18 @@
margin: 5px; margin: 5px;
} }
.About .link.bg-white {
background-color: white;
}
.About .link.bg-black{
background-color: black;
}
.About .link.bg-hackerrank {
background-color: rgb(14, 20, 25);
}
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.About .links .link img { .About .links .link img {