<section class="sales-crowd-promo {{sanitize article.category}} white-text article-page">
    <div class="container">
        <h1 class="single-article-title">{{capitalizeEach article.title}}</h1>
        <h2 class="article-dateline">{{DateLine article.createdDate}} <span class="dateline-cat {{sanitize article.category}}">{{stripHyphens article.category}}</span></h2>
    </div>
</section>
<main class="sales-crowd-main-content" data-article-id="{{article.id}}" data-ng-controller="ArticleViewCtrl">
    <div class="content overlap">
        <article class="one-column sidebar-right">
            <div class="excerpt">
                {{{article.excerpt}}}
            </div>

            <figure class="lead-image">
                <picture>
                    <source media="(min-width: 650px)" srcset="{{imageCdn article.image article.imageVersion 'articleHiDef'}}">
                    <source media="(min-width: 465px)" srcset="{{imageCdn article.image article.imageVersion 'articleLoDef'}}">
                    <img src="{{imageCdn article.image article.imageVersion 'articleLoDef'}}" alt="">
                </picture>
            </figure>

            {{#if article.tags}}
                <div class="article-tags">
                    <p>
                        <strong>Tags: &nbsp;</strong>
                        {{#each article.tags}}
                            <a href="/tag/{{this}}">{{stripHyphens this}}</a>
                        {{/each}}
                    </p>
                </div>
            {{/if}}

            {{#if article.soundCloudId}}
                <div class="audio-play">
                    <h3>Listen To This Article</h3>
                    <audio preload="auto" controls>
                        <source src="https://api.soundcloud.com/tracks/{{ article.soundCloudId }}/stream?client_id={{ clientId }}" type="audio/mpeg">
                        <source src="/files/blank.mp3">
                        <!--<source src="*.ogg">
                        <source src="*.wav">-->
                    </audio>
                </div>
            {{/if}}

            {{{article.body}}}

            <hr>
            <section class="author-bio">
                <h3 class="author-bio-title"><strong>Author:</strong> {{article.author.firstname}} {{article.author.lastname}}</h3>
                <img class="author-bio-img" src="{{article.author.avatar}}" alt="{{article.author.firstname}} {{article.author.lastname}}" />
                {{{article.author.bio}}}
            </section>
        </article>
        {{> sidebar_right}}
    </div>
    <script>window.getSosocialUrl = "https://www.sosocial.com/articles/{{article.articleSlug}}";</script>
</main>

<div id="salescrowd-shares">
    <div class="like-block">
        <div class="like-counter counter c_twitter"></div>
        <button class="like-button share s_twitter">Twitter</button>
    </div>
    <div class='like-block'>
        <div class='like-counter counter c_facebook'></div>
        <button class='like-button share s_facebook'>Facebook</button>
    </div>
    <div class='like-block'>
        <div class='like-counter counter c_linkedin'></div>
        <button class='like-button share s_linkedin'>Linkedin</button>
    </div>
    <div class='like-block'>
        <div class='like-counter counter c_pinterest'></div>
        <button class='like-button share s_pinterest'>Pinterest</button>
    </div>
</div>

{{#if article.footerPartial}}
    {{partial article.footerPartial}}
{{/if}}