From 9cda905891f1b67be113860f148e4366c193bb3d Mon Sep 17 00:00:00 2001
From: Maxi Ferreira <charca@gmail.com>
Date: Tue, 30 Nov 2021 15:43:35 -0800
Subject: [PATCH] Added Bio component

---
 src/components/Bio.astro         | 29 +++++++++++++++++++++++++++++
 src/layouts/BaseLayout.astro     |  1 -
 src/layouts/BlogPostLayout.astro |  3 ++-
 3 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Bio.astro

diff --git a/src/components/Bio.astro b/src/components/Bio.astro
new file mode 100644
index 0000000..e8bf10c
--- /dev/null
+++ b/src/components/Bio.astro
@@ -0,0 +1,29 @@
+<div>
+  <img src="/assets/profile-pic.png" alt="Headshot of Maxi Ferreira">
+  <p>
+    Hi, I'm <strong>Maxi</strong>. I'm a software engineer and data scientist based in Los Angeles.
+    You can follow me on <a href="https://www.twitter.com/Charca" target="_blank">Twitter</a>,
+    see some of my work on <a href="https://www.github.com/Charca" target="_blank">GitHub</a>,
+    or read more about me on <a href="https://www.maxiferreira.com" target="_blank">my website</a>.
+  </p>
+</div>
+
+<style>
+  div {
+    align-items: center;
+    display: flex;
+  }
+
+  img {
+    width: 100px;
+    height: 100px;
+    border-radius: 100px;
+    /* border: 3px solid #fd6378; */
+    display: block;
+    margin-right: 20px;
+  }
+
+  p {
+    font-size: 1.125rem;
+  }
+</style>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 6e8158a..5e5761d 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -40,7 +40,6 @@ const { title, description, permalink } = Astro.props;
     position: relative;
     margin: 0 auto;
     max-width: 1400px;
-    background-color: white;
     padding: 1em 2em;
     box-sizing: border-box;
     width: 100%;
diff --git a/src/layouts/BlogPostLayout.astro b/src/layouts/BlogPostLayout.astro
index 28942da..2ae8b42 100644
--- a/src/layouts/BlogPostLayout.astro
+++ b/src/layouts/BlogPostLayout.astro
@@ -1,5 +1,6 @@
 ---
 import BaseLayout from './BaseLayout.astro';
+import Bio from '../components/Bio.astro';
 
 const {content} = Astro.props;
 const {title, description, publishDate, author, heroImage, permalink, alt} = content;
@@ -16,7 +17,7 @@ const {title, description, publishDate, author, heroImage, permalink, alt} = con
       <slot />
     </article>
     <hr />
-    <!-- <Bio /> -->
+    <Bio />
   </div>
 </BaseLayout>