author.hbs

{{!< default}}

{{#contentFor "title"}}{{meta_title}}{{/contentFor}}

<div class="content-area">
    <main class="site-main">
        {{#author}}
            <section class="author container small">
                <div class="author-image-placeholder u-placeholder square">
                    {{#if profile_image}}
                        <img class="author-image lazyload u-object-fit"
                            src="{{img_url profile_image size='xs'}}"
                            srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                            alt="{{name}}">
                    {{else}}
                        <img class="author-image u-object-fit"
                            src="{{img_url profile_image size="xs"}}"
                            srcset="{{asset 'images/profile_placeholder.png'}}">
                    {{/if}}
                </div>
                {{#if website}}
                    <h1 class="author-name">
                        <a href="{{website}}" target="_blank" rel="noopener noreferrer">
                            {{name}}
                        </a>
                    </h1>
                {{else}}
                    <h1 class="author-name">{{name}}</h1>
                {{/if}}
                {{#if location}}
                    <span class="author-meta">{{location}}</span>
                {{/if}}
                <div class="author-bio">{{bio}}</div>
            </section>
        {{/author}}
        <div class="post-feed container grid grid-cols-1 lg:grid-cols-3 gap-x-20 gap-y-10 m-auto">
            {{#foreach posts}}
                {{> "post-card"}}
            {{/foreach}}
        </div>
        {{pagination}}
    </main>
</div>