author.hbs

{{!< default}}

{{! The main content area on the homepage }}
<main role="main" class="{{#if @blog.cover}} custom-bg{{else}} default-bg{{/if}}"{{#if @blog.cover}} style="background-image: url({{@blog.cover}})"{{/if}}>    
    <div class="main__wrapper">
    {{#if @blog.navigation}}
    	{{navigation}}
    {{/if}}
    
        {{#author}}
        <h2 class="main__header">Posts by: <span class="main__header--username">{{name}} ({{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}})</span></h2>
        {{/author}}
        
        {{! Each post will be output using this markup }}
        {{#foreach posts}}
        <article class="{{post_class}} post__wrapper" data-cols="4">
            <div class="post__wrapper_helper post__wrapper_helper--notloaded el__transition">
                {{#if image}}
                	<img src="{{image}}" alt="{{{title}}}" class="post__image_to_load" />
                {{/if}}

                <div class="post__preview el__transition">    
                    <header class="post__header">
                        <h2 class="post__title">
                            <a href="{{url}}" class="post__link post__title_link"><span>{{{title}}}</span></a>
                        </h2>
                    </header>
                    
                    <p class="post__excerpt"><a href="{{url}}" class="post__link post__readmore">{{excerpt characters="120"}}&hellip;</a></p>
                </div>

                <footer class="post__meta">
                    {{#if tags}}
                    <ul class="post__tags">
                        {{#foreach tags}}
                        <li class="post__tag"><a href="{{url}}" class="post__link post__tag_link">{{name}}</a>{{#if @last}} {{else}}, {{/if}}</li>
                        {{/foreach}}
                    </ul>
                    {{/if}}
                </footer>
            </div>
        </article>
        {{/foreach}}
    </div>

    {{!! After all the posts, we have the previous/next pagination links }}
    {{pagination}}
</main>