new about page

src/content/about.md

@@ -1,16 +1,9 @@
----
-layout: ../layouts/Layout.astro
-title: "About"
----
-
-## Hello World!
-
-![](/portrait.png)
-
-My name is Graham Hall, a web developer from Rhode Island.
+My name is **Graham**, a web developer from Rhode Island.
 
 When I'm not writing code, I'm usually enjoying one of my other hobbies; video games, music, hiking, photography, art, the list goes on...
 
 I write about web development on [my other blog](https://ghall.dev/blog), but I wanted an outlet to write about some of my other interests. So, I put together this site to share whatever's on my mind about the world of tech, gaming, life, whatever strikes my fancy.
 
 If you want to get in touch, I'm on [Mastodon](https://home.social/@ghalldev).
+
+My portrait was done by [Natalia Vazquez](https://www.nataliavazquezgarcia.com).

src/pages/about.astro

@@ -0,0 +1,18 @@
+---
+import Layout from "../layouts/Layout.astro";
+import AboutText from "../content/about.md";
+
+const styles = {
+  img: {
+    display: "block",
+    maxWidth: "300px",
+    margin: "auto",
+    marginBottom: "26px",
+  },
+};
+---
+
+<Layout title="About">
+  <img src="/portrait.jpg" alt="me" style={styles.img} />
+  <AboutText />
+</Layout>