author.hbs

{{!< default}}

<div class="row">
    <div class="four columns">
        <section class="author-meta">
            {{#author}}
            <div class="row">
                <div class="twelve columns">
                    <img class="author-image" src="{{img_url profile_image}}" alt="{{name}}">
                    <h1 class="author-name">
                        <a href="{{url}}">{{name}}</a>
                    </h1>
                    <p>{{bio}}</p>
                    <dl>
                        {{#if website}}
                        <dt><span class="author-info-icon"><i class="fas fa-link" aria-hidden="true"></i></span> <a
                                href="{{website}}" title="{{name}} Website" target="_blank">{{website}}</a></dt>
                        {{/if}}
                        {{#if twitter}}
                        <dt><span class="author-info-icon"><i class="fab fa-twitter" aria-hidden="true"></i></span> <a
                                href="https://twitter.com/{{twitter}}" title="{{name}} Twitter" target="_blank"
                                rel="noopener">{{twitter}}</a></dt>
                        {{/if}}
                        {{#if facebook}}
                        <dt><span class="author-info-icon"><i class="fab fa-facebook" aria-hidden="true"></i></span> <a
                                href="https://facebook.com/{{facebook}}" title="{{name}} Facebook" target="_blank"
                                rel="noopener">{{facebook}}</a></dt>
                        {{/if}}
                        {{#if location}}
                        <dt><span class="author-info-icon"><i class="fas fa-map-marker-alt"
                                    aria-hidden="true"></i></span> {{location}}
                        </dt>
                        {{/if}}
                        <dt><span class="author-info-icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
                            {{#get "posts" filter="authors:{{slug}}" limit="all"}}
                            {{posts.length}}
                            {{/get}}
                            posts
                        </dt>
                    </dl>
                </div>
            </div>
            {{/author}}
        </section>
    </div>
    <div class="offset-by-two six columns">
        {{> "loop-author"}}
    </div>
</div>