post.hbs

{{!< default}}

<header id="site-head">
    {{#if @blog.logo}}<a id="blog-logo" href="{{@blog.url}}"><div class="bloglogo" style="background: url({{@blog.logo}})"></div></a>{{/if}}
    <h1 class="blog-title"><a href="{{@blog.url}}">{{@blog.title}}</a></h1>
    <h2 class="blog-description">
        {{@blog.description}}

        <span class="blog-links">
            <a href="https://github.com/graze" title="fork us on GitHub" style="color: #000;"><i class="fa fa-github"></i></a>
            <a href="https://twitter.com/snack_overflow" title="follow us on Twitter" style="color: #4099ff;"><i class="fa fa-twitter"></i></a>
        </span>
    </h2>
</header>

<main class="content" role="main">

    <article class="{{post_class}}">

        {{#post}}

        <header>
        {{#if tags}}<div class="post-meta tags">Posted in {{tags}}</div>{{/if}}
        <h1 class="post-title">{{{title}}}</h1>
        <div class="post-meta">{{#author}}<a href="{{url}}">{{name}}</a>{{/author}} | <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="dddd, MMMM DD, YYYY"}}</time></div>
        </header>

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

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

        <footer class="post-footer">

            {{#if author}}
            <section class="author">
                {{#author}}
                <a href="{{url}}">
                    <div class="authorimage" style="background: url({{image}})"></div>
                </a>

                <p class="bio">{{{bio}}}</p>
                <p class="bio">Here at <a href="http://www.graze.com">graze</a>, we're always looking to hire smart people to join our tech team. If you love solving the types of technical challenges we face, send your CV to <a href="mailto:jobs@graze.com">jobs@graze.com</a>.</p>
                {{/author}}
            </section>
            {{/if}}

        </footer>

        {{/post}}

    <div id="disqus_thread"></div>
    <script>
        var disqus_shortname = 'snackoverflow';

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>


    </article>

</main>