Added Bio component

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>

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%;

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>