Looks great.

o0101 · o0101 · commit 89c6334db612 · 2018-11-13T16:10:58.000Z
diff --git a/src/api.js b/src/api.js
@@ -63,8 +63,23 @@ export async function getPeopleToFollow(state) {
   // this is costly so we cache it
 }
 
-export async function newPost(state) {
-
+export async function newPost(submitEvent, state) {
+  const form = submitEvent.target;
+  const Gist = g.getGist();
+  const obj = {
+    description: form.description.value,
+    public: true,
+    files: {
+      ['post.md']: {
+        filename: 'post.md',
+        content: form.content.value
+      }
+    }
+  };
+  console.log({obj});
+  const gist = await Gist.create(obj);
+  form.reset();
+  return gist;
 }
 
 export function sortPostsByMostRecent(posts) {
diff --git a/src/views/NewPost.js b/src/views/NewPost.js
@@ -1,16 +1,17 @@
 import {R,X} from '../../node_modules/brutalist-web/r.js';
+import {newPost} from '../api.js';
 
 export default function NewPost(state) {
   return R`${
     showNewPost(state) ? R`
       <div class=newpost>
         <h1>${state.currentFeed !== state.name ? "My feed" : "My posts" }</h1>
         <article class="post view edit">
-          <section class="post edit">
+          <form submit=${e => (e.preventDefault(), newPost(e, state))} action=#post class="post edit">
             <p>
-              <input name=tags placeholder=tags> 
+              <input required name=description placeholder=description> 
             <p>
-              <textarea name=post class="markdown live-mode"></textarea>
+              <textarea required placeholder="What do you want to say?" name=content></textarea>
             <p>
               <button class=post>Post</button>
           </section>
diff --git a/src/views/Post.js b/src/views/Post.js
@@ -7,7 +7,7 @@ export default function Post(post) {
       <ul>
         ${Object.values(post.files).map(file => X`
         <li>
-          <header>${file.filename}</header>
+          <header>${file.filename !== 'post.md' ? file.filename : ''}</header>
           <section class=content>
             <pre>${R.skip((console.log(file.content),file.content))}</pre>
           </section> 
diff --git a/style/style.css b/style/style.css
@@ -19,6 +19,12 @@
     display: none;
   }
 
+  article.post pre {
+    overflow-x:auto;
+    max-height: 200vh;
+    overflow-y:auto;
+  }
+
 /* general semantic grid areas */
   .holygrail > header {
     display: flex;
