add about me page

Author: raygesualdo

package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@astrojs/tailwind": "^5.0.4",
     "@igor.dvlpr/astro-post-excerpt": "^2.1.0",
+    "@tailwindcss/typography": "^0.5.10",
     "astro": "^4.0.7",
     "mdast-util-to-string": "^4.0.0",
     "reading-time": "^1.5.0",

pnpm-lock.yaml

@@ -0,0 +1,5 @@
+<div
+  class="prose prose-lg prose-sky dark:prose-invert prose-pre:rounded-none prose-pre:md:rounded-md prose-pre:-mx-4 prose-pre:px-4 prose-pre:py-2 prose-pre:md:mx-0 prose-pre:md:p-0"
+>
+  <slot />
+</div>

src/components/Markdown.astro

@@ -0,0 +1,21 @@
+---
+import type { MarkdownLayoutProps } from 'astro'
+import PageTitle from '../components/PageTitle.astro'
+import Markdown from '../components/Markdown.astro'
+import Layout from './Layout.astro'
+
+type Props = MarkdownLayoutProps<{
+  title: string
+}>
+
+const {
+  frontmatter: { title },
+} = Astro.props
+---
+
+<Layout title={title}>
+  <PageTitle>{title}</PageTitle>
+  <Markdown>
+    <slot />
+  </Markdown>
+</Layout>

src/layouts/MarkdownPageLayout.astro

@@ -0,0 +1,10 @@
+---
+layout: ../layouts/MarkdownPageLayout.astro
+title: About Me
+---
+
+Hi there! 👋 My name is Ray Gesualdo. I'm a software engineer based out of Atlanta, Georgia where I live with my wife, our two children, and our dog.
+
+I've been working with the web for over 15 years. In that time, I've had the opportunity to serve in a variety of roles. With those roles has come a variety of work including e-learning content development, LMS systems implementations, medium-scale WordPress multi-site installs and deployments, WordPress custom plugin development, bespoke website development, full-stack JavaScript and Elixir application development, design systems, frontend architecture and framework migration, and developer tooling and enablement.
+
+As a [community-taught](/talks#reconfiguring-our-mindset-from-self-taught-to-community-taught) individual, I am passionate about giving back to the community and seeing others succeed. I am a perennial conference speaker, mentor to early career engineers, and teacher. When I'm not working, I enjoy reading good books, watching great movies and TV shows, geeking out over a variety of geeky things, and spending time with my family.

src/pages/about.md

@@ -1,3 +1,5 @@
+import typography from '@tailwindcss/typography'
+
 /** @type {import('tailwindcss').Config} */
 export default {
   content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
@@ -7,7 +9,52 @@ export default {
       display: 'Montserrat, sans-serif',
       body: 'Georgia, Cambria, serif',
     },
-    extend: {},
+    extend: {
+      typography: (theme) => ({
+        lg: {
+          css: {
+            blockquote: {
+              paddingLeft: null,
+            },
+            pre: {
+              paddingTop: null,
+              paddingBottom: null,
+              paddingLeft: null,
+              paddingRight: null,
+            },
+          },
+        },
+        DEFAULT: {
+          css: {
+            color: null,
+            'h1, h2, h3, h4, h5, h6': {
+              color: theme('colors.red.500'),
+              fontFamily: theme('fontFamily.display'),
+            },
+            code: {
+              fontStyle: 'normal',
+              fontWeight: 'normal',
+            },
+            'code::before': {
+              content: 'none',
+            },
+            'code::after': {
+              content: 'none',
+            },
+            blockquote: null,
+            'blockquote p': {
+              margin: '0 !important',
+            },
+            'figure figcaption': {
+              color: null,
+            },
+            summary: {
+              cursor: 'pointer',
+            },
+          },
+        },
+      }),
+    },
   },
-  plugins: [],
+  plugins: [typography],
 }