{{!< default}}

<main class="gh-main gh-outer">
    <div class="gh-inner">
        {{#post}}
            <article class="gh-article {{post_class}}">
                <div class="post-card-tags">
                    {{> "get-meta-tags"}}
                </div>

                {{#if feature_image}}
                    <header class="gh-article-header gh-canvas">
                        <h1 class="gh-article-title">
                            {{title}}
                            <div class="tag-desc">
                                {{> "get-desc-tags"}}
                            </div>
                        </h1>
                        {{#if custom_excerpt}}
                            <p class="gh-article-excerpt">{{custom_excerpt}}</p>
                        {{/if}}
                    </header>
                {{/if}}

                <section class="gh-content gh-canvas">
                    {{!-- Adds table of contents unless instructed not to --}}
                    {{^has tag="#hide toc"}}
                        <aside class="gh-sidebar">
                            <div class="gh-toc"></div>
                        </aside>

                        <script src="{{asset "js/lib/tocbot.min.js"}}"></script>
                        <script>
                            tocbot.init({
                                tocSelector: '.gh-toc',
                                contentSelector: '.gh-content',
                                headingSelector: 'h1, h2',
                                hasInnerContainers: true,
                            });
                        </script>
                    {{/has}}

                    {{content}}

                    {{#unless feature_image}}
                        <header class="gh-article-header">
                            <h1 class="gh-article-title">{{title}}</h1>
                            {{#if custom_excerpt}}
                                <p class="gh-article-excerpt">{{custom_excerpt}}</p>
                            {{/if}}
                        </header>
                    {{/unless}}
                </section>
            </article>


        {{/post}}
    </div>
</main>
