author.hbs

{{!< default}}

<header class="site-header author">
    <div class="stripes c100 sit-bottom">
		<div class="stripe bg-karma-blue"></div>
		<div class="stripe bg-karma-green"></div>
		<div class="stripe bg-karma-yellow"></div>
		<div class="stripe bg-karma-orange"></div>
	</div>
	<!-- End Stripes -->
    <div class="logo-holder">
        <a class="site-logo" title="{{@blog.title}}" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
    </div>
    <!-- Logo -->
    <div class="container">
        {{navigation}}

        <section class="author-profile">
            {{#author}}
                {{#if image}}
                    <img class="author-avatar" src="{{image}}" width="80" height="80" alt="{{name}}">
                {{/if}}

                <h2 class="author-name">{{name}}</h2>

                <div class="author-meta">
                    <span><i class="fa fa-bar-chart-o"></i> {{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}}</span>
                    {{#if location}}<span><i class="fa fa-map-marker"></i>{{location}}</span>{{/if}}
                    {{#if website}}<span><i class="fa fa-link"></i><a href="{{website}}">{{website}}</a></span>{{/if}}
                    <span><i class="fa fa-rss-square"></i><a href="{{url}}rss/">{{name}}</a></span>
                </div>

                {{#if bio}}
                    <p class="author-bio">{{bio}}</p>
                {{/if}}
            {{/author}}
        </section>
    </div>
</header>

<div class="content-primary">
    <div class="container clearfix">
        <div class="posts-container js-posts-container clearfix">
            {{> loop}}
        </div>

        {{pagination}}

        <a href="#" class="load-more-posts js-load-more-posts">Load More</a>
    </div>
</div>