From 26a464c4a06ec59f7c14e1c4d87f5ad2defabfff Mon Sep 17 00:00:00 2001
From: Camerin Figueroa <cam@camscode.com>
Date: Mon, 14 Feb 2022 13:44:58 -0500
Subject: [PATCH] Modified github card for /about

---
 src/components/About.js      | 12 ++++++------
 src/components/css/About.css | 12 +++++++++++-
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/components/About.js b/src/components/About.js
index f0d1121..1fb5ea4 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -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">
diff --git a/src/components/css/About.css b/src/components/css/About.css
index eec3836..271b20d 100644
--- a/src/components/css/About.css
+++ b/src/components/css/About.css
@@ -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;