post.hbs

{{!< default}}

{{!-- The tag above means: insert everything in this file
into the {body} of the default.hbs template --}}

{{!-- Everything inside the #post tags pulls data from the post --}}
{{#post}}

<main id="site-main" class="site-main outer">

    {{#if feature_image}}
    <style>
    .hero-back {
        background-image:url({{img_url feature_image size="xl"}}){{^has tag="#art-white,#art-black,#art-clear"}}, linear-gradient(to right, #6000FF, #00EAD2){{/has}};
    }
    </style>
    <div class="post-full-image">
        <header class="feature-header">
            <div class="inner">
                <h1 class="feature-title">{{title}}</h1>
                <div class="feature-excerpt">{{excerpt}}</div>
                <div class="feature-date">Posted {{date format="D MMMM YYYY"}}</div>
                <div class="post-full-byline">
                    {{> "byline" hide_read_more=1}}
                </div>
            </div>
        </header>
        <div class="hero-back"></div>
    </div>
    {{/if}}

    <div class="inner">

        <article class="post-full {{post_class}} {{#unless feature_image}}no-image{{/unless}}">

            <div class="post-title-container">
                <div class="post-full-title">{{title}}</div>
                <div class="post-full-byline">
                    {{> "byline" hide_read_more=1}}
                </div>
            </div>

            <section class="post-full-content">
                <div class="post-content">
                    {{content}}

                    {{> "developer-cta"}}
                </div>
            </section>

            {{> "post-content-engagement-footer"}}
        </article>

    </div>
</main>

{{> "post-further-reading"}}

{{!-- Floating header which appears on-scroll, included from includes/floating-header.hbs --}}
{{> floating-header}}

{{/post}}

{{> "post-content-scripts"}}