Flexible footer
This commit is contained in:
Eduardo Gomez
parent
60d4426be4
commit
09ed1758c2
File diff suppressed because one or more lines are too long
122
author.hbs
122
author.hbs
|
|
@ -1,66 +1,68 @@
|
||||||
{{!< default}}
|
{{!< default}}
|
||||||
|
|
||||||
{{#author}}
|
<div class="main-wrap">
|
||||||
|
{{#author}}
|
||||||
{{> header background=cover_image}}
|
{{> header background=cover_image}}
|
||||||
|
|
||||||
{{> hero background=cover_image}}
|
{{> hero background=cover_image}}
|
||||||
<div class="m-hero__content" data-aos="fade-down">
|
<div class="m-hero__content" data-aos="fade-down">
|
||||||
{{#if profile_image}}
|
{{#if profile_image}}
|
||||||
<div class="m-hero-avatar" style="background-image: url({{profile_image}});"></div>
|
<div class="m-hero-avatar" style="background-image: url({{profile_image}});"></div>
|
||||||
{{else}}
|
{{else}}
|
||||||
<div class="m-hero-avatar" style="background-image: url({{asset "images/default-avatar-square-normal.jpg"}});"></div>
|
<div class="m-hero-avatar" style="background-image: url({{asset "images/default-avatar-square-normal.jpg"}});"></div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<h1 class="m-hero-title">{{name}}</h1>
|
<h1 class="m-hero-title">{{name}}</h1>
|
||||||
{{#if bio}}
|
{{#if bio}}
|
||||||
<p class="m-hero-description">{{bio}}</p>
|
<p class="m-hero-description">{{bio}}</p>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div class="m-hero__meta">
|
<div class="m-hero__meta">
|
||||||
{{#has any="twitter, facebook, website"}}
|
{{#has any="twitter, facebook, website"}}
|
||||||
<ul class="m-hero-social">
|
<ul class="m-hero-social">
|
||||||
{{#if website}}
|
{{#if website}}
|
||||||
<li>
|
<li>
|
||||||
<a href="{{website}}" target="_blank" rel="noopener">
|
<a href="{{website}}" target="_blank" rel="noopener">
|
||||||
<span class="icon-globe"></span>
|
<span class="icon-globe"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if facebook}}
|
{{#if facebook}}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://facebook.com/{{facebook}}" target="_blank" rel="noopener">
|
<a href="https://facebook.com/{{facebook}}" target="_blank" rel="noopener">
|
||||||
<span class="icon-facebook"></span>
|
<span class="icon-facebook"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if twitter}}
|
{{#if twitter}}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://twitter.com/{{twitter}}" target="_blank" rel="noopener">
|
<a href="https://twitter.com/{{twitter}}" target="_blank" rel="noopener">
|
||||||
<span class="icon-twitter"></span>
|
<span class="icon-twitter"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</ul>
|
</ul>
|
||||||
{{/has}}
|
{{/has}}
|
||||||
<ul class="m-hero-stats">
|
<ul class="m-hero-stats">
|
||||||
<li>
|
<li>
|
||||||
{{plural ../pagination.total empty="No posts" singular="% post" plural="% posts"}}
|
{{plural ../pagination.total empty="No posts" singular="% post" plural="% posts"}}
|
||||||
</li>
|
</li>
|
||||||
{{#if location}}
|
{{#if location}}
|
||||||
<li>•</li>
|
<li>•</li>
|
||||||
<li>{{location}}</li>
|
<li>{{location}}</li>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</ul>
|
</ul>
|
||||||
</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">
|
||||||
{{> "loop"}}
|
{{> "loop"}}
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
{{pagination}}
|
{{pagination}}
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
122
index.hbs
122
index.hbs
|
|
@ -1,77 +1,79 @@
|
||||||
{{!< 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}}
|
||||||
<p class="m-hero-description bigger">{{@site.description}}</p>
|
<p class="m-hero-description bigger">{{@site.description}}</p>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if @labs.subscribers}}
|
{{#if @labs.subscribers}}
|
||||||
<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">
|
||||||
{{#get "posts" filter="featured:true" include="authors,tags" limit="5" as |featured|}}
|
{{#get "posts" filter="featured:true" include="authors,tags" limit="5" as |featured|}}
|
||||||
{{#if featured}}
|
{{#if featured}}
|
||||||
<div class="m-featured-slider">
|
<div class="m-featured-slider">
|
||||||
<ul class="m-featured-slider__list js-featured-articles">
|
<ul class="m-featured-slider__list js-featured-articles">
|
||||||
{{#foreach featured}}
|
{{#foreach featured}}
|
||||||
<li class="m-featured-slider__list__item">
|
<li class="m-featured-slider__list__item">
|
||||||
{{#if feature_image}}
|
{{#if feature_image}}
|
||||||
<article class="m-featured-article">
|
<article class="m-featured-article">
|
||||||
{{else}}
|
{{else}}
|
||||||
<article class="m-featured-article no-picture">
|
<article class="m-featured-article no-picture">
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div class="m-featured-article__picture">
|
<div class="m-featured-article__picture">
|
||||||
{{#if feature_image}}
|
{{#if feature_image}}
|
||||||
<div style="background-image: url({{feature_image}});"></div>
|
<div style="background-image: url({{feature_image}});"></div>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
<div class="m-featured-article__meta">
|
||||||
|
<a href="{{primary_author.url}}" class="m-featured-article__author js-tooltip"
|
||||||
|
data-tippy-content="Posted by {{primary_author.name}} {{authors autolink="false" from="2" prefix="<br> Among with " separator=" , "}}">
|
||||||
|
{{#if primary_author.profile_image}}
|
||||||
|
<div style="background-image: url({{primary_author.profile_image}});"></div>
|
||||||
|
{{else}}
|
||||||
|
<div style="background-image: url({{asset "images/default-avatar-square-small.jpg"}});"></div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</div>
|
|
||||||
<div class="m-featured-article__meta">
|
|
||||||
<a href="{{primary_author.url}}" class="m-featured-article__author js-tooltip"
|
|
||||||
data-tippy-content="Posted by {{primary_author.name}} {{authors autolink="false" from="2" prefix="<br> Among with " separator=" , "}}">
|
|
||||||
{{#if primary_author.profile_image}}
|
|
||||||
<div style="background-image: url({{primary_author.profile_image}});"></div>
|
|
||||||
{{else}}
|
|
||||||
<div style="background-image: url({{asset "images/default-avatar-square-small.jpg"}});"></div>
|
|
||||||
{{/if}}
|
|
||||||
</a>
|
|
||||||
{{#if primary_tag}}
|
|
||||||
<a href="{{primary_tag.url}}" class="m-featured-article__tag">{{primary_tag.name}}</a>
|
|
||||||
{{/if}}
|
|
||||||
</div>
|
|
||||||
<div class="m-featured-article__ribbon">
|
|
||||||
<span class="icon-star"></span>
|
|
||||||
<span>Featured</span>
|
|
||||||
</div>
|
|
||||||
<a href="{{url}}" class="m-featured-article__content">
|
|
||||||
<h1 class="m-featured-article__title">{{title}}</h1>
|
|
||||||
<div class="m-featured-article__timestamp">
|
|
||||||
<time datetime="{{published_at}}">{{date published_at timeago="true"}}</time>
|
|
||||||
<span>•</span>
|
|
||||||
<span>{{reading_time}}</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
</article>
|
{{#if primary_tag}}
|
||||||
</li>
|
<a href="{{primary_tag.url}}" class="m-featured-article__tag">{{primary_tag.name}}</a>
|
||||||
{{/foreach}}
|
{{/if}}
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
<div class="m-featured-article__ribbon">
|
||||||
|
<span class="icon-star"></span>
|
||||||
|
<span>Featured</span>
|
||||||
|
</div>
|
||||||
|
<a href="{{url}}" class="m-featured-article__content">
|
||||||
|
<h1 class="m-featured-article__title">{{title}}</h1>
|
||||||
|
<div class="m-featured-article__timestamp">
|
||||||
|
<time datetime="{{published_at}}">{{date published_at timeago="true"}}</time>
|
||||||
|
<span>•</span>
|
||||||
|
<span>{{reading_time}}</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
</li>
|
||||||
|
{{/foreach}}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/get}}
|
{{/get}}
|
||||||
{{> "loop"}}
|
{{> "loop"}}
|
||||||
</section>
|
</section>
|
||||||
</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>
|
||||||
|
|
|
||||||
115
page-authors.hbs
115
page-authors.hbs
|
|
@ -1,71 +1,74 @@
|
||||||
{{!< default}}
|
{{!< default}}
|
||||||
|
|
||||||
{{#post}}
|
{{#post}}
|
||||||
{{> header background=feature_image}}
|
<div class="main-wrap">
|
||||||
|
{{> header background=feature_image}}
|
||||||
{{> hero background=feature_image}}
|
|
||||||
|
{{> hero background=feature_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">{{title}}</h1>
|
<h1 class="m-hero-title bigger">{{title}}</h1>
|
||||||
{{#if excerpt}}
|
{{#if excerpt}}
|
||||||
<p class="m-hero-description">{{excerpt}}</p>
|
<p class="m-hero-description">{{excerpt}}</p>
|
||||||
{{/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">
|
||||||
{{#get 'authors' limit='all' include='count.posts' order='count.posts desc'}}
|
{{#get 'authors' limit='all' include='count.posts' order='count.posts desc'}}
|
||||||
<section class="l-grid centered">
|
<section class="l-grid centered">
|
||||||
{{#foreach authors}}
|
{{#foreach authors}}
|
||||||
<article class="m-article-card as-author">
|
<article class="m-article-card as-author">
|
||||||
{{#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"
|
||||||
{{/if}}
|
style="background-image: url({{asset "images/default-avatar-rectangle.jpg"}})">
|
||||||
<a href="{{url}}" class="m-article-card__picture-link" aria-label="Author"></a>
|
{{/if}}
|
||||||
<h3 class="m-article-card__name">{{name}}</h3>
|
<a href="{{url}}" class="m-article-card__picture-link" aria-label="Author"></a>
|
||||||
|
<h3 class="m-article-card__name">{{name}}</h3>
|
||||||
|
</div>
|
||||||
|
<div class="m-article-card__info">
|
||||||
|
<a href="{{url}}" class="m-article-card__info-link">
|
||||||
|
<p class="m-article-card__excerpt">{{bio}}</p>
|
||||||
|
</a>
|
||||||
|
<div class="m-article-card__author-stats">
|
||||||
|
<span>
|
||||||
|
{{plural count.posts empty="No posts" singular="% post" plural="% posts"}}
|
||||||
|
</span>
|
||||||
|
{{#has any="twitter, facebook, website"}}
|
||||||
|
<ul class="m-article-card__social">
|
||||||
|
{{#if website}}
|
||||||
|
<li>
|
||||||
|
<a href="{{website}}" target="_blank" rel="noopener">
|
||||||
|
<span class="icon-globe"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{{/if}}
|
||||||
|
{{#if facebook}}
|
||||||
|
<li>
|
||||||
|
<a href="https://facebook.com/{{facebook}}" target="_blank" rel="noopener">
|
||||||
|
<span class="icon-facebook"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{{/if}}
|
||||||
|
{{#if twitter}}
|
||||||
|
<li>
|
||||||
|
<a href="https://twitter.com/{{twitter}}" target="_blank" rel="noopener">
|
||||||
|
<span class="icon-twitter"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{{/if}}
|
||||||
|
</ul>
|
||||||
|
{{/has}}
|
||||||
</div>
|
</div>
|
||||||
<div class="m-article-card__info">
|
</div>
|
||||||
<a href="{{url}}" class="m-article-card__info-link">
|
</article>
|
||||||
<p class="m-article-card__excerpt">{{bio}}</p>
|
|
||||||
</a>
|
|
||||||
<div class="m-article-card__author-stats">
|
|
||||||
<span>
|
|
||||||
{{plural count.posts empty="No posts" singular="% post" plural="% posts"}}
|
|
||||||
</span>
|
|
||||||
{{#has any="twitter, facebook, website"}}
|
|
||||||
<ul class="m-article-card__social">
|
|
||||||
{{#if website}}
|
|
||||||
<li>
|
|
||||||
<a href="{{website}}" target="_blank" rel="noopener">
|
|
||||||
<span class="icon-globe"></span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{{/if}}
|
|
||||||
{{#if facebook}}
|
|
||||||
<li>
|
|
||||||
<a href="https://facebook.com/{{facebook}}" target="_blank" rel="noopener">
|
|
||||||
<span class="icon-facebook"></span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{{/if}}
|
|
||||||
{{#if twitter}}
|
|
||||||
<li>
|
|
||||||
<a href="https://twitter.com/{{twitter}}" target="_blank" rel="noopener">
|
|
||||||
<span class="icon-twitter"></span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{{/if}}
|
|
||||||
</ul>
|
|
||||||
{{/has}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
{{/foreach}}
|
{{/foreach}}
|
||||||
</section>
|
</section>
|
||||||
{{/get}}
|
{{/get}}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
</div>
|
||||||
{{/post}}
|
{{/post}}
|
||||||
|
|
|
||||||
36
page.hbs
36
page.hbs
|
|
@ -1,29 +1,31 @@
|
||||||
{{!< default}}
|
{{!< default}}
|
||||||
|
|
||||||
{{#post}}
|
{{#post}}
|
||||||
{{> header background=feature_image}}
|
<div class="main-wrap">
|
||||||
|
{{> header background=feature_image}}
|
||||||
{{> hero background=feature_image}}
|
|
||||||
|
{{> hero background=feature_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">{{title}}</h1>
|
<h1 class="m-hero-title bigger">{{title}}</h1>
|
||||||
{{#if excerpt}}
|
{{#if excerpt}}
|
||||||
<p class="m-hero-description">{{excerpt}}</p>
|
<p class="m-hero-description">{{excerpt}}</p>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main role="main">
|
<main role="main">
|
||||||
<article>
|
<article>
|
||||||
<section class="l-content">
|
<section class="l-content">
|
||||||
<div class="l-wrapper in-post" data-aos="fade-up" data-aos-delay="300">
|
<div class="l-wrapper in-post" data-aos="fade-up" data-aos-delay="300">
|
||||||
<div class="l-post-content">
|
<div class="l-post-content">
|
||||||
<section class="pos-relative js-post-content">
|
<section class="pos-relative js-post-content">
|
||||||
{{content}}
|
{{content}}
|
||||||
</section>
|
</section>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
</section>
|
</article>
|
||||||
</article>
|
</main>
|
||||||
</main>
|
</div>
|
||||||
{{/post}}
|
{{/post}}
|
||||||
|
|
||||||
{{#contentFor "scripts"}}
|
{{#contentFor "scripts"}}
|
||||||
|
|
|
||||||
92
post.hbs
92
post.hbs
|
|
@ -1,24 +1,25 @@
|
||||||
{{!< 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}}
|
||||||
<div class="l-wrapper in-post js-wrapper-aos" data-aos="fade-up" data-aos-delay="300">
|
<div class="l-wrapper in-post js-wrapper-aos" data-aos="fade-up" data-aos-delay="300">
|
||||||
<div class="l-post-content js-progress-content">
|
<div class="l-post-content js-progress-content">
|
||||||
<header class="m-heading">
|
<header class="m-heading">
|
||||||
<h1 class="m-heading__title in-post">{{title}}</h1>
|
<h1 class="m-heading__title in-post">{{title}}</h1>
|
||||||
<section class="m-heading__meta">
|
<section class="m-heading__meta">
|
||||||
{{#if primary_tag}}
|
{{#if primary_tag}}
|
||||||
<a href="{{primary_tag.url}}" class="m-heading__meta__tag">{{primary_tag.name}}</a>
|
<a href="{{primary_tag.url}}" class="m-heading__meta__tag">{{primary_tag.name}}</a>
|
||||||
<span class="m-heading__meta__divider">•</span>
|
<span class="m-heading__meta__divider">•</span>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<time class="m-heading__meta__time">{{date published_at}}</time>
|
<time class="m-heading__meta__time">{{date published_at}}</time>
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -55,11 +56,11 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="m-subscribe-section__form">
|
<div class="m-subscribe-section__form">
|
||||||
{{subscribe_form
|
{{subscribe_form
|
||||||
form_class="m-subscribe-section__form"
|
form_class="m-subscribe-section__form"
|
||||||
input_class="m-input in-subscribe-section"
|
input_class="m-input in-subscribe-section"
|
||||||
button_class="m-button primary block"
|
button_class="m-button primary block"
|
||||||
placeholder="Your email address"
|
placeholder="Your email address"
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -114,32 +115,32 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{{!--
|
{{!--
|
||||||
<section class="m-comments">
|
<section class="m-comments">
|
||||||
<div class="m-load-comments">
|
<div class="m-load-comments">
|
||||||
<div class="m-load-comments__line"></div>
|
<div class="m-load-comments__line"></div>
|
||||||
<button class="m-icon-button filled as-load-comments js-tooltip js-load-comments" data-tippy-content="Load comments">
|
<button class="m-icon-button filled as-load-comments js-tooltip js-load-comments" data-tippy-content="Load comments">
|
||||||
<span class="icon-comments"></span>
|
<span class="icon-comments"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="m-load-comments__iframe l-wrapper in-comments js-comments-iframe">
|
<div class="m-load-comments__iframe l-wrapper in-comments js-comments-iframe">
|
||||||
<div id="disqus_thread"></div>
|
<div id="disqus_thread"></div>
|
||||||
<script>
|
<script>
|
||||||
var disqus_config = function () {
|
var disqus_config = function () {
|
||||||
this.page.url = "{{url absolute="true"}}";
|
this.page.url = "{{url absolute="true"}}";
|
||||||
this.page.identifier = "ghost-{{comment_id}}"
|
this.page.identifier = "ghost-{{comment_id}}"
|
||||||
};
|
};
|
||||||
(function () {
|
(function () {
|
||||||
var d = document, s = d.createElement('script');
|
var d = document, s = d.createElement('script');
|
||||||
s.src = 'https://CHANGETHIS.disqus.com/embed.js';
|
s.src = 'https://CHANGETHIS.disqus.com/embed.js';
|
||||||
s.setAttribute('data-timestamp', +new Date());
|
s.setAttribute('data-timestamp', +new Date());
|
||||||
(d.head || d.body).appendChild(s);
|
(d.head || d.body).appendChild(s);
|
||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
--}}
|
--}}
|
||||||
{{/post}}
|
{{/post}}
|
||||||
{{#get "posts" limit="3" filter="tags:[{{post.tags}}]+id:-{{post.id}}" include="tags,authors" as |related|}}
|
{{#get "posts" limit="3" filter="tags:[{{post.tags}}]+id:-{{post.id}}" include="tags,authors" as |related|}}
|
||||||
<section class="m-recommended">
|
<section class="m-recommended">
|
||||||
<div class="l-wrapper in-recommended">
|
<div class="l-wrapper in-recommended">
|
||||||
<h3 class="m-section-title in-recommended">Recommended for you</h3>
|
<h3 class="m-section-title in-recommended">Recommended for you</h3>
|
||||||
|
|
@ -150,10 +151,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{{/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>
|
||||||
|
|
|
||||||
42
tag.hbs
42
tag.hbs
|
|
@ -1,25 +1,27 @@
|
||||||
{{!< default}}
|
{{!< default}}
|
||||||
|
|
||||||
{{#tag}}
|
<div class="main-wrap">
|
||||||
|
{{#tag}}
|
||||||
{{> header background=feature_image}}
|
{{> header background=feature_image}}
|
||||||
|
|
||||||
{{> hero background=feature_image}}
|
{{> hero background=feature_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">{{name}}</h1>
|
<h1 class="m-hero-title bigger">{{name}}</h1>
|
||||||
<p class="m-heading__description">
|
<p class="m-heading__description">
|
||||||
{{plural ../pagination.total empty="No posts" singular="% post" plural="% posts"}} with this tag
|
{{plural ../pagination.total empty="No posts" singular="% post" plural="% posts"}} with this tag
|
||||||
</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">
|
||||||
{{> "loop"}}
|
{{> "loop"}}
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
{{pagination}}
|
{{pagination}}
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue