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. }}

{{! The big featured header on the homepage, with the site logo and description }}
<header class="site-head" {{#if @blog.cover_image}}style="background-image: url({{@blog.cover_image}})"{{/if}}>
    <div class="navbar-fill">
        <div class="container">
            <a class="brand" href="/"><img src="http://rascalmicro.com/img/rm-logo-words-only-light.png"></a>
            <ul class="nav">
                <li class="active"><a href="http://store.rascalmicro.com">Store</a></li>
                <li><a href="/about">About</a></li>
                <li><a href="/blog/">Blog</a></li>
                <li><a href="/docs/">Docs</a></li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
      function activateNavbar() { // From https://gist.github.com/1362111, but with the regex tweaked
        var path = location.pathname.replace (/^(\/.+?\/).+$/, '$1');
        $('ul.nav li').removeClass("active");
        $('ul.nav a[href="' + path + '"]').parent().addClass("active");
      }
      $(function(){
        activateNavbar();
      })
    </script>
</header>

{{! The main content area on the homepage }}
<main class="content" role="main">
    <div class="center-column">
        {{! Each post will be output using this markup }}
        {{#foreach posts}}

        <article class="{{post_class}}">
            <header class="post-header">
                <span class="post-meta"><time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time> {{tags prefix="on "}}</span>
                <h2 class="post-title"><a href="{{url}}">{{{title}}}</a></h2>

            </header>
            <section class="post-excerpt">
                <p>{{excerpt}}&hellip;</p>
            </section>
        </article>

        {{/foreach}}

        {{!! After all the posts, we have the previous/next pagination links }}
        {{pagination}}
    </div>
</main>