yut

doordesk/src/App.css

@@ -4,7 +4,6 @@
 :root{
     --useless-gaps: 1em;
 }
-
 html, body {
     background-color: black;
     background-image: url("bg.png");
@@ -17,7 +16,6 @@ html, body {
     line-height: 1.7em;
     color: var(--foreground);
 }
-
 input, textarea {
     background-color: var(--background);
     color: var(--foreground);
@@ -46,37 +44,28 @@ img{
     max-width: 100%;
     height: auto;
 }
-  
 a {
     color: var(--color4);
 }
-
 a:hover {
     color: var(--color5);
 }
-
 h1 {
     color: var(--color10);
 }
-
 h2 {
     color: var(--color6);
 }
-
 h3 {
     color: var(--color3);
     margin-top: 2em;
 }
-
 p {
     margin-top: 2em;
 }
-
-
 .content {
     margin: 3em;
 }
-
 .content-container, .header {
     margin: auto;
     margin-top: var(--useless-gaps);
@@ -86,11 +75,9 @@ p {
     max-width: 80em;
     box-shadow: 5px 12px 20px #000;
 }
-
 .date{
     color: var(--color4)
 }
-
 .cards {
     display: -webkit-flex;
     display: -ms-flex;
@@ -103,7 +90,6 @@ p {
     margin: auto;
     max-width: 80%;
 }
-
 .card {
     border-style: solid;
     border-width: 1px;
@@ -111,16 +97,12 @@ p {
     padding: 0 2em 2em 2em;
     margin: 2em;
 }
-
 .align-right {
     text-align: right;
 }
-
 .align-center {
     text-align: center;
 }
-
 .title {
     margin-top: -1em;
 }
-

doordesk/src/App.tsx

@@ -4,11 +4,12 @@ import Header from './components/Header.js'
 import Blog from './components/Blog.js'
 
 const FAKE_IT_TIL_YOU_MAKE_IT: string[] = [
-    'Blog',
+    // component carousel
-    'Games',
+    'Home',     // table of top 5 from(when enough content) *; then interleave latest from *
-    'Cartman',
+    'Blog',     // blog posts
-    'Enigma',
+    'Projects', // project writeups
-    'Notebooks',
+    'Games',    // cards with thumbnail and summary
+    'Contact',  // email form?
 ]
 
 interface IAppProps {
@@ -32,7 +33,10 @@ class App extends Component<IAppProps, IAppState> {
         }
         return (
             <div className="App">
-                <Header pages={FAKE_IT_TIL_YOU_MAKE_IT} currentPage={this.state.currentPage} />
+                <Header
+                    pages={FAKE_IT_TIL_YOU_MAKE_IT}
+                    currentPage={this.state.currentPage}
+                />
                 {page}
             </div>
         )

doordesk/src/components/BlogPost.tsx

@@ -5,11 +5,9 @@ import rehypeRaw from 'rehype-raw'
 interface IBlogPostProps {
     postURL: string;
 }
-
 interface IBlogPostState {
     postHTML: string;
 }
-
 class BlogPost extends Component<IBlogPostProps, IBlogPostState> {
     constructor(props: IBlogPostProps) {
         super(props)
@@ -24,7 +22,6 @@ class BlogPost extends Component<IBlogPostProps, IBlogPostState> {
     componentDidMount() {
         this.getPost(this.props.postURL)
             .then((text) => this.setState({ postHTML: text }))
-
     }
     render() {
         return (

doordesk/src/components/Games.tsx

@@ -0,0 +1,20 @@
+import { Component } from 'react'
+
+interface IGamesProps {
+}
+
+interface IGamesState {
+}
+
+class Games extends Component<IGamesProps, IGamesState> {
+    constructor(props: IGamesProps) {
+        super(props)
+    }
+    render() {
+        return (
+        1
+        )
+    }
+}
+
+export default Games

readme.md

@@ -1 +1,3 @@
-sup
+# doordesk
+
+```./start_frontend_ghetto```