page-data.hbs

{{!< default}}

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

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

<main id="site-main" class="site-main">
<article class="article {{post_class}}">

    {{#match @page.show_title_and_feature_image}}
        <header class="article-header gh-canvas">

            <h1 class="article-title">{{title}}</h1>

            {{#if feature_image}}
                <figure class="article-image">
                    {{!-- This is a responsive image, it loads different sizes depending on device
                    https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}}
                    <img
                        srcset="{{img_url feature_image size="s"}} 300w,
                                {{img_url feature_image size="m"}} 600w,
                                {{img_url feature_image size="l"}} 1000w,
                                {{img_url feature_image size="xl"}} 2000w"
                        sizes="(min-width: 1400px) 1400px, 92vw"
                        src="{{img_url feature_image size="xl"}}"
                        alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
                    />
                    {{#if feature_image_caption}}
                        <figcaption>{{feature_image_caption}}</figcaption>
                    {{/if}}
                </figure>
            {{/if}}

        </header>
    {{/match}}

    <section class="gh-content gh-canvas">
        {{content}}
        <h2>Fundraising</h2>
        <p>These are the instant donations from our donation pages, powered by <a href="https://github.com/HenselForCongress/sunbeam" target="_blank">Sunbeam</a>. This is the first time a political candidate's donations have been instantly disclosed. Read more in our <a href="https://henselforcongress.com/campaign-finance-transparency/" target="_blank">Campaign Finance Transparency policy</a>.</p>
    </section>

    <section class="gh-content-fullheight">
        <div class="iframe-container">
            <iframe src="https://worker-dashboard.henselforcongress.com/embed-dashboard" frameborder="0" allowfullscreen></iframe>
        </div>
    </section>

</article>
</main>

{{/post}}