fix some display bugs

abowloflrf · Apr 7, 2018 · 6d74b8c · 6d74b8c
1 parent 7ab8559
commit 6d74b8c
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 10 deletions.
diff --git a/assets/css/index.css b/assets/css/index.css
@@ -53,6 +53,7 @@ article.post {
 .post-meta time {
     font-size: 14px;
     font-weight: 200;
+    line-height: 30px;
     color: #9eabb3;
 }
 

diff --git a/assets/css/post.css b/assets/css/post.css
@@ -8,7 +8,7 @@ article {
     border-radius: 0px 0px 4px 4px;
 }
 h1 {
-    font-size: 2em;
+    font-size: 1.75em;
 }
 h2 {
     font-size: 1.5em;

diff --git a/page.hbs b/page.hbs
@@ -2,15 +2,34 @@
 <link rel="stylesheet" href="{{asset "css/post.css"}}">
 {{#post}}
 <article class="{{post_class}}">
-    <header class="post-header">
-        <h1 class="post-title">{{title}}</h1>
-    </header>
-
-    <hr class="post-hr">
-
-    <section class="post-content">
-        {{content}}
-    </section>
+
+    {{#if feature_image}}
+        <div class="post-image" style="background-image:url({{img_url feature_image}})">
+            <div class="post-image-header">
+                <div class="post-image-info">
+                    <h1 class="post-image-title">{{title}}</h1>
+                </div>
+            </div>
+        </div>
+    {{else}}
+    <div class="post-container" style="padding-bottom:0">
+        <header class="post-header">
+            <h1 class="post-title">{{title}}</h1>
+            <section class="post-meta">
+                <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">
+                    {{date format="MMMM DD, YYYY"}}
+                </time>
+                {{tags separator=""}}
+            </section>
+        </header>
+    </div>
+    {{/if}}
+    <div class="post-container" style="padding-top:0">
+        <hr class="post-hr">
+        <section class="post-content">
+            {{content}}
+        </section>
+    </div>
 
 </article>
 {{/post}}