Added GistBarn client_id

crisdosaygo · crisdosaygo · commit ba8c932d1333 · 2018-11-13T05:24:16.000Z
diff --git a/src/views/AuthIn.js b/src/views/AuthIn.js
@@ -2,8 +2,8 @@ import {R,X} from '../../node_modules/brutalist-web/r.js';
 
 export default function AuthIn(state) {
   return R`
-    <article class="app holygrail">
-
-    </article>
+    <section class="authin">
+      <a href=https://github.com/login/oauth/authorize?client_id=d10c47b12243b3cdfd86>Login</a>
+    </section>
   `;
 }
diff --git a/src/views/FeedPage.js b/src/views/FeedPage.js
@@ -2,8 +2,21 @@ import {R,X} from '../../node_modules/brutalist-web/r.js';
 
 export default function FeedPage(state) {
   return R`
-    <article class="app holygrail">
-
+    <article class="app holygrail feedpage debug">
+      <header>
+        <span class=heading>Gistbarn</span>
+        <span class=auth>
+          Auth Section
+        </span>
+      </header>
+      <nav>
+        <header>Nav Section</header>
+      </nav>
+      <article> 
+        Main Section (new Post + feed of all followed)
+      </article>
+      <aside>Aside Section</aside>
+      <footer>Footer</footer>
     </article>
   `;
 }
diff --git a/src/views/MyPage.js b/src/views/MyPage.js
@@ -2,8 +2,21 @@ import {R,X} from '../../node_modules/brutalist-web/r.js';
 
 export default function MyPage(state) {
   return R`
-    <article class="app holygrail">
-
+    <article class="app holygrail otherspage debug">
+      <header>
+        <span class=heading>Gistbarn</span>
+        <span class=auth>
+          Auth Section
+        </span>
+      </header>
+      <nav>
+        <header>Nav Section</header>
+      </nav>
+      <article> 
+        Main Section (new post + my posts)
+      </article>
+      <aside>Aside Section</aside>
+      <footer>Footer</footer>
     </article>
   `;
 }
diff --git a/src/views/OthersPage.js b/src/views/OthersPage.js
@@ -2,8 +2,21 @@ import {R,X} from '../../node_modules/brutalist-web/r.js';
 
 export default function OthersPage(state) {
   return R`
-    <article class="app holygrail">
-
+    <article class="app holygrail otherspage debug">
+      <header>
+        <span class=heading>Gistbarn</span>
+        <span class=auth>
+          Auth Section
+        </span>
+      </header>
+      <nav>
+        <header>Nav Section</header>
+      </nav>
+      <article> 
+        Main Section (others posts)
+      </article>
+      <aside>Aside Section</aside>
+      <footer>Footer</footer>
     </article>
   `;
 }
diff --git a/src/views/Post.js b/src/views/Post.js
@@ -2,8 +2,26 @@ import {R,X} from '../../node_modules/brutalist-web/r.js';
 
 export default function Post(state) {
   return R`
-    <article class="app holygrail">
-
+    <article class="post view edit">
+      <section class="post">
+        <header>Post title</header>
+        <section class="post paragraphs">
+          <p>First para
+          <p>Second para
+        </section>
+        <footer>
+          <time>Post date</time>
+          <author>Post author</author>
+        </footer>
+      </section>
+      <section class="post edit">
+        <p>
+          <input name=tags placeholder=tags> 
+        <p>
+          <textarea name=post class="markdown live-mode"></textarea>
+        <p>
+          <button class=post>Post</button>
+      </section>
     </article>
   `;
 }
diff --git a/src/views/PostList.js b/src/views/PostList.js
@@ -2,8 +2,19 @@ import {R,X} from '../../node_modules/brutalist-web/r.js';
 
 export default function PostList(state) {
   return R`
-    <article class="app holygrail">
-
-    </article>
+    <section class="postlist">
+      ${ state.posts ? R`
+      <ul>
+        ${state.posts.forEach(post => R`
+          <li>
+            <section class="postsummary">
+              <header>${post.title}</header>
+              <div class="postcontent">${post.snippet}</div>
+              <a click=${post.readMore || (() => (1))}>Read more</a>
+            </section>
+          </li>
+        `)}
+      </ul>` : X`<span>No posts to show right now.</span>` }
+    </section>
   `;
 }
