index.hbs

{{!< default}}

{{! The comment above "< default" means - insert everything in this file into
    the {body} of the default.hbs template, which contains our header/footer. }}
    <style>
        #side-nav{
            margin-left: 27px;
            width: 30%;
        }
        #side-nav.affix{
            top: 79px;
        }
    </style>
    <div class="row" style="max-width: 100%;margin-left: 0px;">
        <div id="side-nav" class="col-md-3 hidden-xs hidden-sm" data-spy="affix" data-offset-top="90">
            <ul class="nav nav-pills nav-stacked" >
            {{#foreach posts}}
                <li>
                    <a href="#post{{id}}">{{title}}</a>
                </li>
            {{/foreach}}
            </ul>
            {{pagination}}
        </div>
        <div class="col-md-8 pull-right main-content" style="max-width: 100%;padding: 0;">
            {{#foreach posts}}
                <section class="well" id="post{{id}}" style="margin-left: 27px;margin-right: 27px;">
                    <h1><a href="{{url}}">{{title}}</a></h1>
                    <hr>
                    <p>{{content}}</p>
                    <hr/>
                    <div class="pull-right">
                        <a class="icon-twitter" href="http://twitter.com/share?text={{title}}&url={{url absolute="true"}}"
                            onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
                            <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;">
                            <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;">
                            <span class="hidden">Google+</span>
                        </a>
                    </div>
                    {{#if author}}
                        <div class="author">
                            {{#if author.website}}<a  href="{{author.website}}" >{{/if}}
                            <i>{{author.name}}</i>
                            {{#if author.website}}</a>{{/if}} - <span class="post-meta"><time datetime="{{date format='YYYY-MM-DD'}}">{{date format="MMMM D, YYYY"}}</time> {{#if tags}} | Tags: {{tags}}{{/if}}</span>
                        </div>
                    {{/if}}
                    
                </section>
            {{/foreach}}
            {{!! After all the posts, we have the previous/next pagination links }}
            <div class="visible-sm" style="margin-left:27px;">
                {{pagination}}
            </div>
        </div>
    </div>