upgrade to astro 2.0

src/layouts/About.astro

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

src/layouts/BlogPost.astro

@@ -1,20 +0,0 @@
----
-import Layout from "@layouts/Layout.astro";
-import BlogHeader from "@components/BlogHeader.astro";
-
-const { title, pubDate } = Astro.props.frontmatter;
----
-
-<Layout title={title}>
-  <BlogHeader title={title} date={pubDate} />
-  <article>
-    <slot />
-  </article>
-</Layout>
-
-<style is:global>
-  img {
-    display: block;
-    margin: auto;
-  }
-</style>

src/layouts/Layout.astro

@@ -22,7 +22,7 @@ const title = Astro.props.frontmatter
     <meta name="generator" content={Astro.generator} />
     <meta
       name="description"
-      content="A personal blog about life, gaming, tech, and whatever else I feel like writing about."
+      content="My personal blog about life, gaming, tech, and whatever else I feel like writing about."
     />
     <title>{`ghall.blog - ${title}`}</title>
   </head>