Clear up header

assets/css/components/content.css

@@ -1,4 +1,10 @@
 
+/* Main
+/* ---------------------------------------------------------- */
+.gh-main {
+    margin: 2rem 0;
+}
+
 /* Content grid
 /* ---------------------------------------------------------- */
 .gh-canvas {
@@ -100,24 +106,32 @@
 /* Post header
 /* ---------------------------------------------------------- */
 
-.gh-post-header {
+.gh-header {
     grid-row-gap: 2rem;
 }
 
-.gh-post-title,
-.gh-post-image {
+.gh-title,
+.gh-image {
     grid-row: 1 / 2;
     align-self: end;
 }
 
-.gh-post-excerpt {
+.gh-excerpt {
     grid-row: 2 / 3;
 }
 
-.gh-post-image {
+.gh-image {
     grid-column: full-start / full-end;
 }
 
+.gh-title {
+    margin-top: 2rem;
+}
+
+.gh-post-footer {
+    margin: 2rem 0;
+}
+
 /* Standard content
 /* ---------------------------------------------------------- */
 

page.hbs

@@ -3,6 +3,18 @@
 {{#post}}
 <article class="gh-page {{post_class}} {{#unless feature_image}}no-image{{/unless}}">
 
+    <header class="gh-header gh-canvas">
+        {{#if feature_image}}
+            <img class="gh-image" src="{{feature_image}}" alt="{{title}}" />
+        {{/if}}
+
+        <h1 class="gh-title">{{title}}</h1>
+
+        {{#if custom_excerpt}}
+            <p class="gh-excerpt">{{custom_excerpt}}</p>
+        {{/if}}
+    </header>
+
     <div class="gh-content gh-canvas">
         {{content}}
     </div>

post.hbs

@@ -3,17 +3,15 @@
 {{#post}}
 <article class="gh-post {{post_class}}">
 
-    <header class="gh-post-header gh-canvas">
+    <header class="gh-header gh-canvas">
         {{#if feature_image}}
-            <div class="gh-post-image">
-                <img class="kg-image" src="{{feature_image}}" alt="{{title}}" />
-            </div>
+            <img class="gh-image" src="{{feature_image}}" alt="{{title}}" />
         {{/if}}
 
-        <h1 class="gh-post-title">{{title}}</h1>
+        <h1 class="gh-title">{{title}}</h1>
 
         {{#if custom_excerpt}}
-            <p class="gh-post-excerpt">{{custom_excerpt}}</p>
+            <p class="gh-excerpt">{{custom_excerpt}}</p>
         {{/if}}
     </header>