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

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

<main class="content" role="main">
    <div class="center-column">
        <article class="{{post_class}}">
            {{! Everything inside the #post tags pulls data from the post }}
            {{#post}}
                <h1 class="post-title">{{{title}}}</h1>
                <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time> | {{author.name}} {{tags prefix="on " separator=" | "}}</span>

                <section class="post-content">
                    {{content}}
                </section>

                <footer class="post-footer">

                    <section class="share">
                        <h4>Share this post</h4>
                        <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;">
                            <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>
                    </section>

                </footer>

        {{/post}}

        </article>
    </div>
</main>