From 3f6308fe02c4c69db85b8239838e4def90ff04c3 Mon Sep 17 00:00:00 2001
From: Adam <24621027+adoyle0@users.noreply.github.com>
Date: Mon, 6 Feb 2023 04:46:36 -0500
Subject: [PATCH] bed

---
 doordesk/public/games/index.html              | 22 +++++++++++++++++++
 doordesk/src/App.css                          |  3 ++-
 doordesk/src/App.tsx                          |  8 +++----
 .../components/{Contact.tsx => Cartman.tsx}   | 12 +++++-----
 doordesk/src/components/Games.tsx             | 15 ++++++++++++-
 readme.md                                     |  1 +
 6 files changed, 49 insertions(+), 12 deletions(-)
 create mode 100644 doordesk/public/games/index.html
 rename doordesk/src/components/{Contact.tsx => Cartman.tsx} (52%)

diff --git a/doordesk/public/games/index.html b/doordesk/public/games/index.html
new file mode 100644
index 0000000..cee4ada
--- /dev/null
+++ b/doordesk/public/games/index.html
@@ -0,0 +1,22 @@
+<h3>Some games using wasm/webgl</h3>
+<p>Browser performance as of January 2023</p>
+<p>Tested better:</p>
+<ol>
+    <li>Opera</li>
+    <li>Firefox Developer Edition</li>
+    <li>Brave</li>
+</ol>
+<p>Tested poor or broken:</p>
+<ol>
+    <li>Safari</li>
+    <li>Chrome stable release or older</li>
+    <li>Edge, see above^</li>
+</ol>
+<p>Consider anything else average or let me know otherwise</p>
+<ul>
+    ---MY GAMES---
+    <li><a href="https://doordesk.net/games/adam">adam</a> - The first. Unity Demo/Tutorial with some mods</li>
+    <li><a href="https://doordesk.net/games/fps">multiplayer fps</a> - Dive into netcode with Godot (Open two, invite your friends!)</li>
+    <li><a href="https://doordesk.net/games/../snek">snek</a> - Canvas + JS (the actual first)</li>
+    <li><a href="https://doordesk.net/games/balls">balls</a> - Godot demo engine test</li>
+</ul>
diff --git a/doordesk/src/App.css b/doordesk/src/App.css
index a170bb9..13c3f3f 100644
--- a/doordesk/src/App.css
+++ b/doordesk/src/App.css
@@ -76,7 +76,8 @@ p {
     box-shadow: 5px 12px 20px #000;
 }
 .date{
-    color: var(--color4)
+    color: var(--color4);
+    margin-bottom: 2em;
 }
 .cards {
     display: -webkit-flex;
diff --git a/doordesk/src/App.tsx b/doordesk/src/App.tsx
index 59777ac..65baf45 100644
--- a/doordesk/src/App.tsx
+++ b/doordesk/src/App.tsx
@@ -5,7 +5,7 @@ import Home from './components/Home.js'
 import Blog from './components/Blog.js'
 import Projects from './components/Projects.js'
 import Games from './components/Games.js'
-import Contact from './components/Contact.js'
+import Cartman from './components/Cartman.js'
 
 const FAKE_IT_TIL_YOU_MAKE_IT: string[] = [
     // component carousel
@@ -13,7 +13,7 @@ const FAKE_IT_TIL_YOU_MAKE_IT: string[] = [
     'Blog',     // blog posts
     'Projects', // project writeups
     'Games',    // cards with thumbnail and summary
-    'Contact',  // email form?
+    'Cartman',  // with knobs!
 ]
 
 interface IAppProps {
@@ -65,8 +65,8 @@ class App extends Component<IAppProps, IAppState> {
             case 'Games':
                 page = <Games />
                 break;
-            case 'Contact':
-                page = <Contact />
+            case 'Cartman':
+                page = <Cartman />
                 break;
             default:
                 page = <Home />
diff --git a/doordesk/src/components/Contact.tsx b/doordesk/src/components/Cartman.tsx
similarity index 52%
rename from doordesk/src/components/Contact.tsx
rename to doordesk/src/components/Cartman.tsx
index 5b6806b..29ce9f7 100644
--- a/doordesk/src/components/Contact.tsx
+++ b/doordesk/src/components/Cartman.tsx
@@ -1,24 +1,24 @@
 import { Component } from 'react'
 
-interface IContactProps {
+interface ICartmanProps {
 }
 
-interface IContactState {
+interface ICartmanState {
 }
 
-class Contact extends Component<IContactProps, IContactState> {
-    constructor(props: IContactProps) {
+class Cartman extends Component<ICartmanProps, ICartmanState> {
+    constructor(props: ICartmanProps) {
         super(props)
     }
     render() {
         return (
             <div className="content-container">
                 <div className="content">
-                    <p>contact me maybe</p>
+                    <p>cartman</p>
                 </div>
             </div>
         )
     }
 }
 
-export default Contact
+export default Cartman
diff --git a/doordesk/src/components/Games.tsx b/doordesk/src/components/Games.tsx
index c6717ff..e214a1a 100644
--- a/doordesk/src/components/Games.tsx
+++ b/doordesk/src/components/Games.tsx
@@ -1,20 +1,33 @@
 import { Component } from 'react'
+import ReactMarkdown from 'react-markdown'
+import rehypeRaw from 'rehype-raw'
 
 interface IGamesProps {
 }
 
 interface IGamesState {
+    html: string;
 }
 
 class Games extends Component<IGamesProps, IGamesState> {
     constructor(props: IGamesProps) {
         super(props)
+        this.state = {
+            'html': ''
+        }
+    }
+    componentDidMount() {
+        return fetch('games/index.html')
+            .then((res) => res.text())
+            .then((text) => this.setState({ html: text }))
     }
     render() {
         return (
             <div className="content-container">
                 <div className="content">
-                    <p>yo dawg I heard you like games</p>
+                    <ReactMarkdown
+                        rehypePlugins={[rehypeRaw]}
+                        children={this.state.html} />
                 </div>
             </div>
         )
diff --git a/readme.md b/readme.md
index 94d7b59..6f549f4 100644
--- a/readme.md
+++ b/readme.md
@@ -1,3 +1,4 @@
 # doordesk
+my cms
 
 ```./start_frontend_ghetto```