index.hbs

{{!< default}}

<div id="latest-post" class="container">
    {{#foreach posts}}
        {{#if @first}}
            <article class="post-container {{post_class}}">
                <header class="post-header">
                    <h1 class="post-title">{{title}}</h1>

                    <p class="post-date"><time datetime="{{published_at}}">Published {{date format="MMMM Do YYYY"}}</time></p>
                </header>

                <div class="post-content clearfix">
                    {{{content}}}
                </div>

                <footer class="post-footer clearfix">
                    {{#if tags}}
                        <p class="post-tags"><span>Tagged:</span> {{tags}}</p>
                    {{/if}}

                    <div class="share">
                        <a class="icon-twitter" href="http://twitter.com/share?text={{encode title}}&url={{url absolute="true"}}"
                            onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
                            <i class="fa fa-twitter"></i>
                            <span class="hidden">Twitter</span>
                        </a>

                        <a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
                            onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
                            <i class="fa fa-facebook"></i>
                            <span class="hidden">Facebook</span>
                        </a>

                        <a class="icon-google-plus" href="https://plus.google.com/share?url={{url absolute="true"}}"
                           onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
                           <i class="fa fa-google-plus"></i>
                            <span class="hidden">Google+</span>
                        </a>
                    </div>
                </footer>
            </article>
        {{/if}}
    {{/foreach}}
</div>

<div id="post-index" class="container">
    <ol class="post-list">
        {{#foreach posts}}
            <li class="post-stub {{post_class}}" >
                <a class="js-ajax-link"  title="{{title}}" href="{{url}}">
                    <h4 class="post-stub-title">{{title}}</h4>

                    <time class="post-stub-date" datetime="{{published_at}}">Published {{date format="MMMM Do YYYY"}}</time>

                    {{#if featured}}
                        <span class="post-stub-tag">Featured</span>
                    {{/if}}
                </a>
            </li>
        {{/foreach}}
    </ol>

    <div class="post-navigation">
        {{pagination}}
    </div>
</div>