diff --git a/doordesk/src/App.tsx b/doordesk/src/App.tsx
index 65baf45..2cf626b 100644
--- a/doordesk/src/App.tsx
+++ b/doordesk/src/App.tsx
@@ -16,10 +16,10 @@ const FAKE_IT_TIL_YOU_MAKE_IT: string[] = [
     'Cartman',  // with knobs!
 ]
 
-interface IAppProps {
+type IAppProps = {
 }
 
-interface IAppState {
+type IAppState = {
     currentPage: string;
     currentPageIndex: number;
 }
diff --git a/doordesk/src/components/Blog.tsx b/doordesk/src/components/Blog.tsx
index 51a9b79..c1fb811 100644
--- a/doordesk/src/components/Blog.tsx
+++ b/doordesk/src/components/Blog.tsx
@@ -14,10 +14,10 @@ const FAKE_IT_TIL_YOU_MAKE_IT: string[] = [
     'blog/000000000-swim.html',
 ]
 
-interface IBlogProps {
+type IBlogProps = {
 }
 
-interface IBlogState {
+type IBlogState = {
 }
 
 class Blog extends Component<IBlogProps, IBlogState> {
diff --git a/doordesk/src/components/BlogPost.tsx b/doordesk/src/components/BlogPost.tsx
index 2550766..3716215 100644
--- a/doordesk/src/components/BlogPost.tsx
+++ b/doordesk/src/components/BlogPost.tsx
@@ -2,10 +2,10 @@ import { Component } from 'react'
 import ReactMarkdown from 'react-markdown'
 import rehypeRaw from 'rehype-raw'
 
-interface IBlogPostProps {
+type IBlogPostProps = {
     postURL: string;
 }
-interface IBlogPostState {
+type IBlogPostState = {
     postHTML: string;
 }
 class BlogPost extends Component<IBlogPostProps, IBlogPostState> {
@@ -19,7 +19,7 @@ class BlogPost extends Component<IBlogPostProps, IBlogPostState> {
         return fetch(post)
             .then((res) => res.text())
     }
-    componentDidMount() {
+    async componentDidMount() {
         this.getPost(this.props.postURL)
             .then((text) => this.setState({ postHTML: text }))
     }
diff --git a/doordesk/src/components/Cartman.tsx b/doordesk/src/components/Cartman.tsx
index 29ce9f7..b684121 100644
--- a/doordesk/src/components/Cartman.tsx
+++ b/doordesk/src/components/Cartman.tsx
@@ -1,9 +1,9 @@
 import { Component } from 'react'
 
-interface ICartmanProps {
+type ICartmanProps = {
 }
 
-interface ICartmanState {
+type ICartmanState = {
 }
 
 class Cartman extends Component<ICartmanProps, ICartmanState> {
diff --git a/doordesk/src/components/Games.tsx b/doordesk/src/components/Games.tsx
index e214a1a..830e566 100644
--- a/doordesk/src/components/Games.tsx
+++ b/doordesk/src/components/Games.tsx
@@ -2,10 +2,10 @@ import { Component } from 'react'
 import ReactMarkdown from 'react-markdown'
 import rehypeRaw from 'rehype-raw'
 
-interface IGamesProps {
+type IGamesProps = {
 }
 
-interface IGamesState {
+type IGamesState = {
     html: string;
 }
 
@@ -16,7 +16,7 @@ class Games extends Component<IGamesProps, IGamesState> {
             'html': ''
         }
     }
-    componentDidMount() {
+    async componentDidMount() {
         return fetch('games/index.html')
             .then((res) => res.text())
             .then((text) => this.setState({ html: text }))
diff --git a/doordesk/src/components/Header.tsx b/doordesk/src/components/Header.tsx
index 91f56fd..2d65049 100644
--- a/doordesk/src/components/Header.tsx
+++ b/doordesk/src/components/Header.tsx
@@ -1,11 +1,11 @@
 import { Component } from 'react'
 
-interface IHeaderProps {
+type IHeaderProps = {
     pages: string[];
     currentPage: string;
 }
 
-interface IHeaderState {
+type IHeaderState = {
 }
 
 class Header extends Component<IHeaderProps, IHeaderState> {
diff --git a/doordesk/src/components/Home.tsx b/doordesk/src/components/Home.tsx
index 3d78739..fedc464 100644
--- a/doordesk/src/components/Home.tsx
+++ b/doordesk/src/components/Home.tsx
@@ -16,10 +16,10 @@ const FAKE_IT_TIL_YOU_MAKE_IT: string[] = [
     'blog/000000000-swim.html',
 ]
 
-interface IHomeProps {
+type IHomeProps = {
 }
 
-interface IHomeState {
+type IHomeState = {
 }
 
 class Home extends Component<IHomeProps, IHomeState> {
diff --git a/doordesk/src/components/Projects.tsx b/doordesk/src/components/Projects.tsx
index 86be5d8..81b5d98 100644
--- a/doordesk/src/components/Projects.tsx
+++ b/doordesk/src/components/Projects.tsx
@@ -11,10 +11,10 @@ const FAKE_IT_TIL_YOU_MAKE_IT: string[] = [
     'blog/20220529-housing.html',
 ]
 
-interface IProjectsProps {
+type IProjectsProps = {
 }
 
-interface IProjectsState {
+type IProjectsState = {
 }
 
 class Projects extends Component<IProjectsProps, IProjectsState> {
diff --git a/readme.md b/readme.md
index 605da03..13bfdaf 100644
--- a/readme.md
+++ b/readme.md
@@ -6,9 +6,13 @@ indexed by the backend then displayed on the frontend with React.
 Idea is to just throw files at it and it'll just be handled, cause I'm lazy.
 
 Home - Interleave latest from other pages, maybe add top/hot lists or something
+
 Blog - Blog, display latest posts, summarize these until clicked? 
+
 Projects - Same as blog but may have pins at the top with cards
+
 Games - Cards with thumbnails and summaries, pins/popular
+
 Cartman, Enigma - Own pages? Pinned projects?
 
 - Animations to make it purdy