Feat - Add social links

pages/index.js

@@ -22,6 +22,19 @@ export default function Home() {
         <section className="hero">
           <aside className="hero__aside">
             <h2 className="hero__author_name">Jesse Egbosionu</h2>
+            <section className="hero__links">
+              <a href="https://github.com/jesseinit" rel="noopener" alt="GitHub">
+                GitHub
+              </a>
+              <span> · </span>
+              <a href="https://linkedin.com/in/jesse-egbosionu/" rel="noopener" alt="Linkedin">
+                LinkedIn
+              </a>
+              <span> · </span>
+              <a href="https://twitter.com/jesseinit/" rel="noopener" alt="Twitter">
+                Twitter
+              </a>
+            </section>
             <p className="hero__description">
               I'm a fullstack (backend focused) software engineer from Lagos, Nigeria, still living
               in Nigeria. The vast majority of my career have been spent understanding and

styles/globals.scss

@@ -76,9 +76,13 @@ a {
   &__author_name {
     font-weight: 500;
     font-size: 1.2em;
-    margin: 5px 0 30px;
+    margin: 10px 0;
   }
 
+  &__links {
+    margin: 0 0 20px;
+    font-size: 0.9em;
+  }
   &__description {
     font-size: 1em;
     margin-bottom: 40px;
@@ -96,5 +100,5 @@ a {
   position: absolute;
   bottom: 0;
   font-size: 0.9em;
-  margin-bottom: 50px;
+  margin: 20px 0;
 }