{{!< default}}

{{#author}}
<div class="blog-intro">
    <div class="container">
        <div class="row">
            <div class="col-md-7 col-lg-5 ml-auto mr-auto text-center">
                <ul class="authors">
                    <li>
                        <a href="{{url}}">
                            {{#if profile_image}}
                                <img src="{{img_url profile_image}}" alt="{{name}}" />
                            {{/if}}
                        </a>
                    </li>
                </ul>
                <h1>{{name}}</h1>
                <p class="p-large">{{description}}</p>
            </div>
        </div>
    </div>
</div>
{{/author}}

{{!-- The main content area --}}
<main id="content" role="main">
    <div class="container">
        <div class="row">
            <div class="col-xl-10 col-md-12 ml-auto mr-auto">
                <div class="loop loop-grid">
                    {{#foreach posts}}
                        {{> "loop"}}
                    {{/foreach}}
                </div>
                {{pagination}}
            </div>
        </div>
    </div>
</main>