Flexible footer

This commit is contained in:
Eduardo Gomez 2019-03-08 10:47:48 +01:00
parent 60d4426be4
commit 09ed1758c2
7 changed files with 272 additions and 259 deletions

File diff suppressed because one or more lines are too long

View file

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

View file

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

View file

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

View file

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

View file

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

10
tag.hbs
View file

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