bed

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>

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;

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':
+            case 'Cartman':
-                page = <Contact />
+                page = <Cartman />
                 break;
             default:
                 page = <Home />

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> {
+class Cartman extends Component<ICartmanProps, ICartmanState> {
-    constructor(props: IContactProps) {
+    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

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>
         )

readme.md

@@ -1,3 +1,4 @@
 # doordesk
+my cms
 
 ```./start_frontend_ghetto```