{{!< default}}

<main class="site-main">

    {{#author}}
    <section class="taxonomy gh-canvas">

        {{#if profile_image}}
            <div class="taxonomy-media u-placeholder square">
                <img class="u-object-fit" src="{{img_url profile_image size="s"}}" alt="{{name}}">
            </div>
        {{/if}}

        <header class="single-header">

            {{#if website}}
                <h1 class="single-title">
                    <a href="{{website}}" target="_blank" rel="noopener noreferrer">{{name}}</a>
                </h1>
            {{else}}
                <h1 class="single-title">{{name}}</h1>
            {{/if}}

            {{#if location}}
                <span class="author-meta">{{location}}</span>
            {{/if}}

            <div class="single-excerpt">{{bio}}</div>

            <div class="share author-social">
                {{#if twitter}}
                    <a class="share-link share-link-x author-social-item" href="{{social_url type="twitter"}}" target="_blank" rel="noopener noreferrer">
                        {{> "icons/x"}}
                        Twitter
                    </a>
                {{/if}}
                {{#if facebook}}
                    <a class="share-link share-link-facebook author-social-item" href="{{social_url type="facebook"}}" target="_blank" rel="noopener noreferrer">
                        {{> "icons/facebook"}}
                        Facebook
                    </a>
                {{/if}}
                {{#if linkedin}}
                    <a class="share-link share-link-linkedin author-social-item" href="{{social_url type="linkedin"}}" target="_blank" rel="noopener noreferrer">
                        {{> "icons/linkedin"}}
                        LinkedIn
                    </a>
                {{/if}}
                {{#if bluesky}}
                    <a class="share-link share-link-bluesky author-social-item" href="{{social_url type="bluesky"}}" target="_blank" rel="noopener noreferrer">
                        {{> "icons/bluesky"}}
                        Bluesky
                    </a>
                {{/if}}
                {{#if threads}}
                    <a class="share-link share-link-threads author-social-item" href="{{social_url type="threads"}}" target="_blank" rel="noopener noreferrer">
                        {{> "icons/threads"}}
                        Threads
                    </a>
                {{/if}}
                {{#if mastodon}}
                    <a class="share-link share-link-mastodon author-social-item" href="{{social_url type="mastodon"}}" target="_blank" rel="noopener noreferrer">
                        {{> "icons/mastodon"}}
                        Mastodon
                    </a>
                {{/if}}
                {{#if tiktok}}
                    <a class="share-link share-link-tiktok author-social-item" href="{{social_url type="tiktok"}}" target="_blank" rel="noopener noreferrer">
                        {{> "icons/tiktok"}}
                        TikTok
                    </a>
                {{/if}}
                {{#if youtube}}
                    <a class="share-link share-link-youtube author-social-item" href="{{social_url type="youtube"}}" target="_blank" rel="noopener noreferrer">
                        {{> "icons/youtube"}}
                        YouTube
                    </a>
                {{/if}}
                {{#if instagram}}
                    <a class="share-link share-link-instagram author-social-item" href="{{social_url type="instagram"}}" target="_blank" rel="noopener noreferrer">
                        {{> "icons/instagram"}}
                        Instagram
                    </a>
                {{/if}}
            </div>

        </header>

    </section>
    {{/author}}

    <div class="post-feed gh-feed gh-canvas">
        {{#foreach posts}}
            {{> "loop"}}
        {{/foreach}}
    </div>

    {{pagination}}

</main>