Flexible footer

author.hbs

@@ -1,6 +1,7 @@
 {{!< default}}
 
-{{#author}}
+<div class="main-wrap">
+  {{#author}}
   {{> header background=cover_image}}
   
   {{> hero background=cover_image}}
@@ -52,9 +53,9 @@
     </div>
   </div>
   </header>
-{{/author}}
+  {{/author}}
   
-<main role="main">
+  <main role="main">
     <section class="l-content">
       <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
         <section class="l-grid centered">
@@ -63,4 +64,5 @@
       </div>
       {{pagination}}
     </section>
-</main>
+  </main>
+</div>

index.hbs

@@ -1,8 +1,9 @@
 {{!< default}}
 
-{{> header background=@site.cover_image}}
+<div class="main-wrap">
+  {{> header background=@site.cover_image}}
   
-{{> hero background=@site.cover_image}}
+  {{> hero background=@site.cover_image}}
   <div class="m-hero__content" data-aos="fade-down">
     <h1 class="m-hero-title bigger">{{@site.title}}</h1>
     {{#if @site.description}}
@@ -12,9 +13,9 @@
     <a href="{{@site.url}}/subscribe" class="m-button filled">Subscribe</a>
     {{/if}}
   </div>
-</header>
+  </header>
   
-<main role="main">
+  <main role="main">
     <section class="l-content">
       <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
         <section class="l-grid centered">
@@ -71,7 +72,8 @@
       </div>
       {{pagination}}
     </section>
-</main>
+  </main>
+</div>
 
 {{#contentFor "scripts"}}
   <script defer src="{{asset "js/home.js"}}"></script>

page-authors.hbs

@@ -1,6 +1,7 @@
 {{!< default}}
 
 {{#post}}
+  <div class="main-wrap">
     {{> header background=feature_image}}
     
     {{> hero background=feature_image}}
@@ -21,7 +22,8 @@
               {{#if profile_image}}
               <div class="m-article-card__picture" style="background-image: url({{profile_image}})">
                 {{else}}
-                  <div class="m-article-card__picture" style="background-image: url({{asset "images/default-avatar-rectangle.jpg"}})">
+                <div class="m-article-card__picture"
+                  style="background-image: url({{asset "images/default-avatar-rectangle.jpg"}})">
                   {{/if}}
                   <a href="{{url}}" class="m-article-card__picture-link" aria-label="Author"></a>
                   <h3 class="m-article-card__name">{{name}}</h3>
@@ -68,4 +70,5 @@
         </div>
       </section>
     </main>
+  </div>
 {{/post}}

page.hbs

@@ -1,6 +1,7 @@
 {{!< default}}
 
 {{#post}}
+  <div class="main-wrap">
     {{> header background=feature_image}}
     
     {{> hero background=feature_image}}
@@ -24,6 +25,7 @@
         </section>
       </article>
     </main>
+  </div>
 {{/post}}
 
 {{#contentFor "scripts"}}

post.hbs

@@ -1,13 +1,14 @@
 {{!< default}}
 
-{{#post}}
+<div class="main-wrap">
+  {{#post}}
   {{> header background=feature_image}}
   
   {{> hero background=feature_image}}
   </header>
-{{/post}}
+  {{/post}}
   
-<main role="main">
+  <main role="main">
     <article>
       <section class="l-content">
         {{#post}}
@@ -153,7 +154,8 @@
         {{/get}}
       </section>
     </article>
-</main>
+  </main>
+</div>
 
 {{#contentFor "scripts"}}
   <script defer src="{{asset "js/post.js"}}"></script>

tag.hbs

@@ -1,6 +1,7 @@
 {{!< default}}
 
-{{#tag}}
+<div class="main-wrap">
+  {{#tag}}
   {{> header background=feature_image}}
   
   {{> hero background=feature_image}}
@@ -11,9 +12,9 @@
     </p>
   </div>
   </header>
-{{/tag}}
+  {{/tag}}
   
-<main role="main">
+  <main role="main">
     <section class="l-content">
       <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
         <section class="l-grid centered">
@@ -22,4 +23,5 @@
       </div>
       {{pagination}}
     </section>
-</main>
+  </main>
+</div>