diff --git a/.run/start.run.xml b/.run/start.run.xml
index 38b799c..de8f546 100644
--- a/.run/start.run.xml
+++ b/.run/start.run.xml
@@ -1,14 +1,14 @@
 <component name="ProjectRunConfigurationManager">
-    <configuration default="false" name="start" type="js.build_tools.npm" nameIsGenerated="true">
-        <package-json value="$PROJECT_DIR$/package.json"/>
-        <command value="run"/>
-        <scripts>
-            <script value="start"/>
-        </scripts>
-        <node-interpreter value="project"/>
-        <envs>
-            <env name="VITE_SITE_URL" value="https://dev.dpgraham.com/"/>
-        </envs>
-        <method v="2"/>
-    </configuration>
+  <configuration default="false" name="start" type="js.build_tools.npm" nameIsGenerated="true">
+    <package-json value="$PROJECT_DIR$/package.json" />
+    <command value="run" />
+    <scripts>
+      <script value="start" />
+    </scripts>
+    <node-interpreter value="project" />
+    <envs>
+      <env name="VITE_SITE_URL" value="https://dpgraham.com/" />
+    </envs>
+    <method v="2" />
+  </configuration>
 </component>
\ No newline at end of file
diff --git a/README.md b/README.md
index ce2f995..8562110 100644
--- a/README.md
+++ b/README.md
@@ -2,19 +2,10 @@
 
 ## Introduction
 
-Welcome to the `dpgraham-client` repository, this repository contains a React single-page application (SPA)
-that serves as my personal blog and experimental website. This application accompanies
-the [`dpgraham-server`](https://github.com/dpgraham4401/dpgraham-server) repo.
+Welcome to `dpgraham-client`, my personal website and a project I use for experimentation and learning.
+I used to include articles, such as blogs and tutorials, but I didn't have time to maintain them and update them.
 
-## Purpose
-
-If you're reading this, you probably think I'm crazy. I understand that using a single-page application is not
-the most economical way to create a personal blog, I have intentionally chosen this approach as an opportunity to
-explore and learn about various aspects of web
-development. By developing this project, I aim to gain hands-on experience with React, TypeScript, and other front end
-related technologies.
-
-## Installation
+## Installation and Setup
 
 To run the dpgraham-client application locally, follow the steps below:
 
@@ -30,26 +21,16 @@ To run the dpgraham-client application locally, follow the steps below:
     npm install
     ```
 
-3. Start the development server:
+3. configure the environment variables:
 
     ```shell
-    npm start
+    cp ./config/.env.example .env
     ```
+4. Start the development server:
 
-## Contributing
-
-Contributions are welcome and greatly appreciated. If you wish to contribute to this project, please follow the
-guidelines below:
-
-1. Fork the repository on GitHub.
-2. Create a new branch with a descriptive name for your feature or bug fix.
-3. Commit your changes and push them to your forked repository.
-4. Submit a pull request, explaining the changes you have made and their purpose.
-5. Don't be a jerk.
-
-## License
-
-This project is licensed under the GPL-3.0 License - see the [LICENSE](/LICENSE) file for details.
+    ```shell
+    npm start
+    ```
 
 ## Contact
 
diff --git a/config/.env.example b/config/.env.example
index c40c737..42a8a23 100644
--- a/config/.env.example
+++ b/config/.env.example
@@ -1,3 +1 @@
-# DPGraham example environment configs
-
-REACT_APP_API_URL=http://localhost:8080/api
+VITE_SITE_URL=https://dpgraham.com/
diff --git a/src/App.tsx b/src/App.tsx
index ff48f58..08437f6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -23,10 +23,6 @@ const router = createBrowserRouter([
         path: "about",
         lazy: () => import("./features/AboutMe"),
       },
-      {
-        path: "about",
-        lazy: () => import("./features/Articles"),
-      },
       {
         path: "*",
         element: <DpgPageError statusCode={404} message={"page not found"} />,
diff --git a/src/components/CloudChallengeResume/CloudChallengeResume.tsx b/src/components/CloudChallengeResume/CloudChallengeResume.tsx
index 774e80a..d147f71 100644
--- a/src/components/CloudChallengeResume/CloudChallengeResume.tsx
+++ b/src/components/CloudChallengeResume/CloudChallengeResume.tsx
@@ -18,25 +18,24 @@ const softSkills = [
 ];
 
 const hardSkills = [
-  "Devops",
-  "CI/CD",
-  "Linux",
-  "Containerization",
-  "Cloud Computing",
   "Python",
   "JavaScript/TypeScript",
+  "Git",
   "SQL",
+  "Docker",
+  "Linux",
+  "GitHub Actions",
   "Go",
   "Bash/shell scripting",
-  "Git",
-  "Docker",
   "Kubernetes",
   "Django",
   "React.js",
   "HTML/CSS",
-  "GitHub Actions",
   "Terraform",
-  "Web Design",
+  "Devops",
+  "CI/CD",
+  "Containerization",
+  "Cloud Computing",
   "Technical/Policy Writing",
 ];
 
@@ -57,9 +56,10 @@ export function CloudChallengeResume() {
           <div className={styles.summary}>
             {/* Summary ToDo: update*/}
             <span>
-              Web developer with 3 years of experience using back end and
-              front-end technology, a year of experience managing cost-effective
-              cloud solutions, and a background in environmental science.
+              Web developer with 4 years of experience using back end and
+              front-end technology, familiar with managing cost-effective cloud
+              solutions, and a background in Geophysics and environmental
+              science.
             </span>
           </div>
           {/* Contact info */}
@@ -141,26 +141,24 @@ export function CloudChallengeResume() {
                 </div>
                 <ul className={styles.subSectionBullet}>
                   <li>
-                    Automated generator outreach through data analysis to group
-                    hazardous waste sites by company and notify them of orphaned
-                    sites to exceed annual registration targets by 350%.
+                    Designed and an open-source web application called “Haztrak”
+                    to illustrate how hazardous waste handlers can use modern
+                    web development practices to electronically track waste.
                   </li>
                   <li>
-                    Designed, developed, and published an open-source web
-                    application using modern web technologies, such as Django
-                    and React, to track hazardous waste shipments with
-                    electronic manifests instead of the current paper intensive
-                    process.{" "}
+                    Open-sourced client libraries (TypeScript and Python) and
+                    expanded web service documentation to assist stakeholders
+                    struggling to parse multipart/mixed API responses.
                   </li>
                   <li>
-                    Published API client libraries (TypeScript and Python) and
-                    expanded documentation and guidance for stakeholders seeking
-                    to use e-Manifest.
+                    Acted as a liaison between EPA and trade associations to
+                    communicate changes in policy, technical requirement, and
+                    listen to concerns and issues.
                   </li>
                   <li>
                     Promulgated national policies that established the legal
-                    framework for system users to meet their regulatory
-                    requirements; co-wrote the e-Manifest Third Rule which
+                    framework for users to submit signatures through e-Manifest
+                    web services; co-authored the e-Manifest Third Rule which
                     established requirements for reports to be submitted
                     digitally.
                   </li>
@@ -257,13 +255,13 @@ export function CloudChallengeResume() {
               </div>
               <ul className={styles.subSectionBullet}>
                 <li>
-                  Streamlined daily safety inspections for the SMU climbing wall
-                  staff to allow management to understand equipment status at a
-                  glance.
+                  Streamlined daily safety inspections to allow staff to
+                  understand equipment status at a glance.
                 </li>
                 <li>
                   Supervised the implementation of an intercollegiate climbing
-                  competition with over 300 attendees and dozens of sponsors.
+                  competition with over 300 competitors and dozens of cooperate
+                  sponsors.
                 </li>
                 <li>
                   Undertook a year long training program to become an Outdoor
@@ -296,7 +294,7 @@ export function CloudChallengeResume() {
               <div className={styles.sectionListItem}>
                 <div className={styles.left}>
                   <div className={styles.subSectionTitle}>
-                    Bachelors of Science
+                    Bachelors of Science in Geophysics
                   </div>
                   <div className={styles.subSectionDescription}>
                     Southern Methodist university (SMU)
@@ -341,13 +339,13 @@ export function CloudChallengeResume() {
           <div className={styles.section}>
             <div className={styles.sectionTitle}>Certification and Courses</div>
             <div className={styles.compactListItem}>
-              Google Cloud Associate Cloud Engineer
+              CPR/AED and First Aid – American Trauma Event Management
             </div>
             <div className={styles.compactListItem}>
-              Microsoft GitHub Actions Workshop
+              GitHub Actions Workshop – Microsoft
             </div>
             <div className={styles.compactListItem}>
-              McCoy RCRA Hazardous Waste Training
+              RCRA Hazardous Waste Training – McCoy and Associates
             </div>
           </div>
           {/* Awards */}
@@ -359,11 +357,17 @@ export function CloudChallengeResume() {
                 <div className={styles.name}>
                   EPA Outstanding Performance Management
                 </div>
-                <div>EPA National Awards</div>
               </div>
               <div className={styles.right}>
                 <div className={styles.name}>2023</div>
               </div>
+              <div>
+                <span>EPA National Awards - </span>
+                <span>
+                  For automating outreach to exceed user registration targets by
+                  350%.
+                </span>
+              </div>
             </div>
             {/* ORCR 2022 */}
             <div className={styles.compactListItem}>
@@ -371,11 +375,19 @@ export function CloudChallengeResume() {
                 <div className={styles.name}>
                   Serving the Public with Integrity and a Strong Work Ethic
                 </div>
-                <div>Office of Resource Conservation and Recovery (ORCR)</div>
               </div>
               <div className={styles.right}>
                 <div className={styles.name}>2022</div>
               </div>
+              <div>
+                <span>
+                  Office of Resource Conservation and Recovery (ORCR) -{" "}
+                </span>
+                <span>
+                  For going above and beyond to host public meetings to gather
+                  stakeholder input.
+                </span>
+              </div>
             </div>
             {/* ORCR 2021 */}
             <div className={styles.compactListItem}>
@@ -383,21 +395,37 @@ export function CloudChallengeResume() {
                 <div className={styles.name}>
                   Serving the Public with Integrity and a Strong Work Ethic
                 </div>
-                <div>Office of Resource Conservation and Recovery (ORCR)</div>
               </div>
               <div className={styles.right}>
                 <div className={styles.name}>2021</div>
               </div>
+              <div>
+                <span>
+                  Office of Resource Conservation and Recovery (ORCR) -{" "}
+                </span>
+                <span>
+                  For going above and beyond to host public meetings to gather
+                  stakeholder input.
+                </span>
+              </div>
             </div>
             {/* ORCR 2020 */}
             <div className={styles.compactListItem}>
               <div className={styles.left}>
                 <div className={styles.name}>People as our Strength</div>
-                <div>Office of Resource Conservation and Recovery (ORCR)</div>
               </div>
               <div className={styles.right}>
                 <div className={styles.name}>2020</div>
               </div>
+              <div>
+                <span>
+                  Office of Resource Conservation and Recovery (ORCR) -{" "}
+                </span>
+                <span>
+                  For quickly picking up new skills in the face of adverse
+                  conditions.
+                </span>
+              </div>
             </div>
             {/* Eagle Scout */}
             <div className={styles.compactListItem}>
diff --git a/src/components/DpgError/DpgPageError.tsx b/src/components/DpgError/DpgPageError.tsx
index 3619d64..a0af12c 100644
--- a/src/components/DpgError/DpgPageError.tsx
+++ b/src/components/DpgError/DpgPageError.tsx
@@ -1,21 +1,22 @@
 import { Card, CardContent, Container } from "@mui/material";
 import React from "react";
 
-interface Props {
+interface DpgPageErrorProps {
   statusCode?: number;
   message?: string;
 }
 
 // Component for displaying errors in a pretty bootstrap card
-export function DpgPageError(props: Props) {
+export function DpgPageError({ message, statusCode }: DpgPageErrorProps) {
   return (
-    <Container>
+    <Container sx={{ p: 3 }}>
       <Card>
-        <CardContent>
-          {props.message ? (
-            <p>{props.message}</p>
+        <CardContent sx={{ textAlign: "center" }}>
+          <h1>{statusCode}</h1>
+          {message ? (
+            <h2>{message}</h2>
           ) : (
-            <p>Sorry, we experienced an error</p>
+            <h3>Sorry, we experienced an error</h3>
           )}
         </CardContent>
       </Card>
diff --git a/src/components/DpgMarkdown/DpgMarkdown.spec.tsx b/src/components/DpgMarkdown/DpgMarkdown.spec.tsx
deleted file mode 100644
index 7aafb0c..0000000
--- a/src/components/DpgMarkdown/DpgMarkdown.spec.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { DpgMarkdown } from "components/DpgMarkdown";
-import { Article } from "features/Articles";
-import React from "react";
-
-const mockArticle: Article = {
-  id: 1,
-  title: "Hello World",
-  content: "# Hello World",
-  createDate: "2021-10-10",
-  updateDate: new Date(),
-};
-
-describe("DpgMarkdown", () => {
-  it("Renders", () => {
-    render(<DpgMarkdown article={mockArticle} />);
-    const titleElement = screen.getByText("Hello World");
-    expect(titleElement).toBeInTheDocument();
-  });
-});
diff --git a/src/components/DpgMarkdown/DpgMarkdown.tsx b/src/components/DpgMarkdown/DpgMarkdown.tsx
deleted file mode 100644
index e3ca676..0000000
--- a/src/components/DpgMarkdown/DpgMarkdown.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Article } from "features/Articles";
-import React from "react";
-import ReactMarkdown from "react-markdown";
-
-interface DpgMarkdownProps {
-  article: Article;
-}
-
-/**
- * Wrapper around react-markdown library for rendering markdown safely
- * that we apply some default styling to.
- * @param article {Article}
- * @constructor
- */
-export function DpgMarkdown({ article }: DpgMarkdownProps) {
-  return (
-    <ReactMarkdown
-      components={{
-        img: ({ ...props }) => (
-          <img style={{ maxWidth: "100%" }} alt="alt description" {...props} />
-        ),
-      }}
-    >
-      {article.content.toString()}
-    </ReactMarkdown>
-  );
-}
diff --git a/src/components/DpgMarkdown/index.ts b/src/components/DpgMarkdown/index.ts
deleted file mode 100644
index af937f9..0000000
--- a/src/components/DpgMarkdown/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DpgMarkdown } from "./DpgMarkdown";
-
-export { DpgMarkdown };
diff --git a/src/components/Layout/routes.tsx b/src/components/Layout/routes.tsx
index bb9dcec..c22e1bf 100644
--- a/src/components/Layout/routes.tsx
+++ b/src/components/Layout/routes.tsx
@@ -1,4 +1,4 @@
-import { Feed, Home, Person, WorkHistory } from "@mui/icons-material";
+import { Home, Person, WorkHistory } from "@mui/icons-material";
 import React, { ReactElement } from "react";
 
 interface Route {
@@ -16,13 +16,6 @@ export const routes: Route[] = [
     text: "Home",
     url: "/",
   },
-  {
-    id: "articles",
-    icon: <Feed />,
-    text: "Articles",
-    url: "/articles",
-    description: "Ramblings for consumption",
-  },
   {
     id: "about",
     icon: <Person />,
diff --git a/src/components/article/ArticleCard.spec.tsx b/src/components/article/ArticleCard.spec.tsx
deleted file mode 100644
index c2a5187..0000000
--- a/src/components/article/ArticleCard.spec.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { ArticleCard } from "components/article";
-import { Article } from "features/Articles";
-import React from "react";
-import { BrowserRouter } from "react-router-dom";
-
-const mockArticle: Article = {
-  id: 1,
-  content: "# Hello World",
-  title: "Hello World",
-  updateDate: new Date(),
-  createDate: new Date().toDateString(),
-};
-
-describe("Articles Card", () => {
-  it("shows the article title", () => {
-    render(
-      <BrowserRouter>
-        <ArticleCard article={mockArticle} />
-      </BrowserRouter>
-    );
-    expect(screen.getByText(mockArticle.title)).toBeInTheDocument();
-  });
-  it("Shows a default image with alternative text", () => {
-    render(
-      <BrowserRouter>
-        <ArticleCard article={mockArticle} />
-      </BrowserRouter>
-    );
-    expect(screen.getByAltText(/default image/i)).toBeInTheDocument();
-  });
-  // alt="default image with triangles"
-});
diff --git a/src/components/article/ArticleCard.tsx b/src/components/article/ArticleCard.tsx
deleted file mode 100644
index 5a0defb..0000000
--- a/src/components/article/ArticleCard.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Card, CardContent, CardMedia, Link, Typography } from "@mui/material";
-import { Article } from "features/Articles";
-import React from "react";
-import { Link as RouterLink } from "react-router-dom";
-
-interface ArticleCardProps {
-  article: Article;
-}
-
-/**
- * ArticleCard renders a card with a title and a short description of the article.
- * @param article
- * @constructor
- */
-export function ArticleCard({ article }: ArticleCardProps) {
-  return (
-    <>
-      <Card sx={{ height: 400 }}>
-        <CardMedia
-          component="img"
-          alt="default image with triangles"
-          height="140"
-          image="/static/cool-background.png"
-        />
-        <CardContent>
-          <Link to={`${article.id}`} underline="none" component={RouterLink}>
-            <Typography gutterBottom variant="h5" component="div">
-              {article.title}
-            </Typography>
-            <Typography variant="subtitle1" color="text.secondary">
-              We are still working on implementing sub titles for these cards.
-              Read more...
-            </Typography>
-          </Link>
-        </CardContent>
-      </Card>
-    </>
-  );
-}
diff --git a/src/components/article/ArticleGrid.spec.tsx b/src/components/article/ArticleGrid.spec.tsx
deleted file mode 100644
index 0302984..0000000
--- a/src/components/article/ArticleGrid.spec.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { ArticlesGrid } from "components/article/ArticlesGrid";
-import { Article } from "features/Articles";
-import React from "react";
-import { BrowserRouter } from "react-router-dom";
-
-const mockArticles: Article[] = [
-  {
-    id: 1,
-    content: "# Hello World",
-    title: "Hello World",
-    updateDate: new Date(),
-    createDate: new Date().toDateString(),
-  },
-  {
-    id: 2,
-    content: "# foo bar",
-    title: "foo bar",
-    updateDate: new Date(),
-    createDate: new Date().toDateString(),
-  },
-];
-
-describe("Articles Grid", () => {
-  it("renders a number of cards", () => {
-    render(
-      <BrowserRouter>
-        <ArticlesGrid articles={mockArticles} />
-      </BrowserRouter>
-    );
-    mockArticles.forEach((article) => {
-      const titleElement = screen.getByText(article.title);
-      expect(titleElement).toBeInTheDocument();
-    });
-  });
-});
diff --git a/src/components/article/ArticlesGrid.tsx b/src/components/article/ArticlesGrid.tsx
deleted file mode 100644
index af8a61d..0000000
--- a/src/components/article/ArticlesGrid.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Grid } from "@mui/material";
-import { ArticleCard } from "components/article/ArticleCard";
-import { Article } from "features/Articles";
-import React from "react";
-
-interface ArticlesGridProps {
-  articles: Article[];
-}
-
-/**
- * Renders a grid of articles
- * @param articles
- * @constructor
- */
-export function ArticlesGrid({ articles }: ArticlesGridProps) {
-  // For future reference, we could do things like client side filtering here
-  return (
-    <>
-      {articles.map((article) => {
-        return (
-          <Grid item xs={12} sm={6} md={4} key={article.id}>
-            <ArticleCard article={article} />
-          </Grid>
-        );
-      })}
-    </>
-  );
-}
diff --git a/src/components/article/ArticlesOverview.tsx b/src/components/article/ArticlesOverview.tsx
deleted file mode 100644
index e15945f..0000000
--- a/src/components/article/ArticlesOverview.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { CircularProgress, Container, Grid } from "@mui/material";
-import { ArticlesGrid } from "components/article/ArticlesGrid";
-import { DpgPageError } from "components/DpgError";
-import { Article } from "features/Articles";
-import React from "react";
-import { useQuery } from "services";
-
-export function ArticlesOverview() {
-  const [articles, loading, error] = useQuery<Article[]>("article");
-
-  if (error) {
-    return <DpgPageError statusCode={404} message={error.message} />;
-  }
-
-  return (
-    <>
-      <Container>
-        <Grid container spacing={6} justifyContent="center">
-          {loading ? (
-            <Container
-              sx={{
-                display: "flex",
-                justifyContent: "center",
-                margin: "100px",
-              }}
-            >
-              <CircularProgress size={100} />
-            </Container>
-          ) : articles ? (
-            <ArticlesGrid articles={articles} />
-          ) : (
-            <p>error</p>
-          )}
-        </Grid>
-      </Container>
-    </>
-  );
-}
diff --git a/src/components/article/MarkdownArticle.tsx b/src/components/article/MarkdownArticle.tsx
deleted file mode 100644
index 79eec38..0000000
--- a/src/components/article/MarkdownArticle.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Card, CardContent, CircularProgress, Container } from "@mui/material";
-import { DpgPageError } from "components/DpgError";
-import { DpgMarkdown } from "components/DpgMarkdown";
-import { Article } from "features/Articles";
-import React from "react";
-import { useParams } from "react-router-dom";
-import { useQuery } from "services";
-
-export function MarkdownArticle() {
-  const { id } = useParams();
-  const [article, loading, error] = useQuery<Article>(`article/${id}`);
-
-  if (error) {
-    return <DpgPageError statusCode={404} message={error.message} />;
-  }
-
-  return (
-    <>
-      <Container>
-        <Card>
-          <CardContent>
-            {loading ? (
-              <h1 className="d-flex justify-content-center bg-transparent py-3">
-                <CircularProgress />
-              </h1>
-            ) : article ? (
-              <DpgMarkdown article={article} />
-            ) : (
-              "ERROR: We're sorry, we're having trouble fetching this article."
-            )}
-          </CardContent>
-        </Card>
-      </Container>
-    </>
-  );
-}
diff --git a/src/components/article/index.ts b/src/components/article/index.ts
deleted file mode 100644
index 032e159..0000000
--- a/src/components/article/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { ArticleCard } from "components/article/ArticleCard";
-import { ArticlesGrid } from "components/article/ArticlesGrid";
-import { ArticlesOverview } from "components/article/ArticlesOverview";
-import { MarkdownArticle } from "components/article/MarkdownArticle";
-
-export { ArticlesOverview, ArticleCard, ArticlesGrid, MarkdownArticle };
diff --git a/src/features/AboutMe/AboutMe.spec.tsx b/src/features/AboutMe/AboutMe.spec.tsx
index f804195..9777941 100644
--- a/src/features/AboutMe/AboutMe.spec.tsx
+++ b/src/features/AboutMe/AboutMe.spec.tsx
@@ -1,11 +1,20 @@
 import { render, screen } from "@testing-library/react";
 import { AboutMe } from "features/AboutMe/AboutMe";
 import React from "react";
+import { BrowserRouter } from "react-router-dom";
+
+const TestComponent = () => {
+  return (
+    <BrowserRouter>
+      <AboutMe />
+    </BrowserRouter>
+  );
+};
 
 describe("About Me", () => {
   it("renders", () => {
-    render(<AboutMe />);
-    const titleElement = screen.getByText(/Not all who wonder all lost.../i);
+    render(<TestComponent />);
+    const titleElement = screen.getByText(/my name is david graham/i);
     expect(titleElement).toBeInTheDocument();
   });
 });
diff --git a/src/features/AboutMe/AboutMe.tsx b/src/features/AboutMe/AboutMe.tsx
index 0e1a4c7..11e14f7 100644
--- a/src/features/AboutMe/AboutMe.tsx
+++ b/src/features/AboutMe/AboutMe.tsx
@@ -1,3 +1,4 @@
+import { Link } from "react-router-dom";
 import blogUrl from "/assets/images/blog.png";
 import constructionUrl from "/assets/images/construction.png";
 import docUrl from "/assets/images/file.png";
@@ -30,9 +31,6 @@ export function AboutMe() {
           <Typography variant="h4" textAlign="center" fontStyle="italic">
             But you&apos;re clearly in the wrong place
           </Typography>
-          <Typography variant="subtitle1" textAlign="center">
-            But while you&apos;re here, let me tell you a little about myself.
-          </Typography>
           <Divider />
         </Grid>
       </Grid>
@@ -43,46 +41,30 @@ export function AboutMe() {
         id="me-description-section"
         m={1}
       >
-        <Grid xs={12} sm>
-          <Box
-            component={"img"}
-            sx={{ borderRadius: 1 }}
-            alt="Selfie of me climbing in Protero Chico, Mexico"
-            // src="https://dev.dpgraham.com/static/images/dg_protero_chico.JPG"
-            src={`${
-              import.meta.env.VITE_SITE_URL
-            }/static/images/dg_protero_chico.JPG`}
-            style={{ width: "100%", maxWidth: 400 }}
-          />
-          <div>
-            <Typography fontStyle="italic" variant="caption">
-              A selfie of myself a half-way through{" "}
-              <a href="https://www.mountainproject.com/photo/119875709/starting-to-lead-p7-on-yankee-clipper-potrero-chico-oct-2020">
-                Yankee Clipper
-              </a>{" "}
-              in Portrero Chico, Mexico.
-            </Typography>
-          </div>
-        </Grid>
-        <Divider orientation="vertical" flexItem />
         <Grid xs={12} sm spacing={2} my={5}>
-          <Typography textAlign="justify" my={2} fontSize="larger">
-            Hi, I&apos;m David. I am a Washington, DC based web developer with
-            experience in cloud infrastructure, environmental policy and an
-            educational background in geophysics.
+          <Typography variant="h5" fontWeight="bold" textAlign="justify">
+            My name is David Graham.
+          </Typography>
+          <Typography textAlign="justify" my={2} fontSize="x-large">
+            Hi, I&apos;m David. I am a web developer based in Washington, D.C.
+            with experience in cloud infrastructure, environmental policy and an
+            educational background in geophysics. If you would like to know
+            more, take a look at my <Link to="/resume">resume</Link>.
           </Typography>
-          <Typography textAlign="justify" my={2} fontSize="larger">
-            I started working for the Environmental Protection Agency (EPA) in
-            2020 for the{" "}
-            <a href="https://epa.gov/e-manifest">e-Manifest Program</a> as part
-            of the policy team. However, I quickly started to apply my technical
-            skills to the program, and now do both policy and development work.
+          <Typography textAlign="justify" my={2} fontSize="x-large">
+            Most of my work is open-source and publicly available on{" "}
+            <a href="https://github.com/dpgraham4401">GitHub</a>. You can follow
+            me on{" "}
+            <a href="https://www.linkedin.com/in/dpgraham4401/">LinkedIn</a> or{" "}
+            <a href="https://twitter.com/Dpgraham4401">Twitter</a> (although I
+            am not particular active).
           </Typography>
-          <Typography textAlign="justify" my={2} fontSize="larger">
-            When I&apos;m not working, you can find me climbing, sailing,
+          <Typography textAlign="justify" my={2} fontSize="x-large">
+            Outside of work and programming, you can find me climbing, sailing,
             golfing, backpacking, woodworking, or fixing something I broke.
           </Typography>
         </Grid>
+        <Grid xs={4}></Grid>
       </Grid>
       <Grid
         container