Merge pull request #39 from ankushdharkar/feature/post-page-implement

Post Page implementation Emberify + Redesign

Author: jaredgalanis

addon/components/author-list.hbs

@@ -1,7 +1,7 @@
 By
 {{#each @post.authors as |author index|~}}
   {{if index ','}}
-  <LinkTo @route="author" @model={{author.id}} class="blog-post-author">
+  <LinkTo @route="author" @model={{author.id}}>
     {{~author.name~}}
   </LinkTo>
 {{~/each}}

addon/styles/addon.css

@@ -1 +1,7 @@
 @import 'blockquote.css';
+
+/* remove this when we fix https://github.com/ember-learn/ember-styleguide/issues/348 */
+hr {
+  margin-top: var(--spacing-4);
+  margin-bottom: var(--spacing-4);
+}

app/templates/page.hbs

@@ -1,30 +1,20 @@
 {{#let @model.post as |post|}}
   <article class="post-content {{unless post.image 'no-image'}}">
-
-    <header class="post-content-header">
-      <h1 class="post-content-title">{{post.title}}</h1>
+    <header>
+      <h1 class="post-content-title bold">{{post.title}}</h1>
     </header>
 
-    {{#if post.image}}
-      <div class="post-content-image">
-        <img class="kg-image" src={{post.image}} alt={{post.title}} />
-      </div>
-    {{/if}}
+    <div class="text-muted">
+      <time>{{moment-format @post.date 'MMM Do, YYYY'}}</time> &ndash;
+      <AuthorList @post={{post}} />
+    </div>
 
-    <div class="post-content-body">
+    <div class="mt-2">
       {{markdown-to-html post.content tagName=""}}
     </div>
 
-    <footer class="post-content-footer">
-
-      {{!-- There are two options for how we display the byline/author-info.
-        If the post has more than one author, we load a specific template
-        from includes/byline-multiple.hbs, otherwise, we just use the
-        default byline. --}}
-
-    </footer>
+    <hr class="my-6">
 
     <Comments @post={{post}} />
-
   </article>
-{{/let}}
+{{/let}}