Skip to content

Instantly share code, notes, and snippets.

@frantzypants

frantzypants/post.hbs

Last active October 15, 2015 21:54
Show Gist options
  • Save frantzypants/c96c9e3ade06ef65589c to your computer and use it in GitHub Desktop.
Save frantzypants/c96c9e3ade06ef65589c to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. frantzypants renamed this gist Oct 15, 2015. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → post.hbs
    View file
    File renamed without changes.
  2. frantzypants created this gist Oct 15, 2015.
    114 changes: 114 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,114 @@
    {{!< default}}

    {{! The comment above "< default" means - insert everything in this file into
    the {body} of the default.hbs template, which contains our header/footer. }}

    {{! Everything inside the #post tags pulls data from the post }}
    {{#post}}

    <header class="main-header post-head {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
    <nav class="main-nav {{#if image}}overlay{{/if}} clearfix">
    {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>{{/if}}
    {{#if @blog.navigation}}
    <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
    {{/if}}
    </nav>
    </header>

    <main class="content" role="main">
    <article class="{{post_class}}">

    <header class="post-header">
    <h1 class="post-title">{{title}}</h1>
    <section class="post-meta">
    <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time> {{tags prefix=" on "}}
    </section>
    </header>

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

    <footer class="post-footer">

    {{! Everything inside the #author tags pulls data from the author }}
    {{#author}}

    {{#if image}}
    <figure class="author-image">
    <a class="img" href="{{url}}" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></a>
    </figure>
    {{/if}}

    <section class="author">
    <h4><a href="{{url}}">{{name}}</a></h4>

    {{#if bio}}
    <p>{{bio}}</p>
    {{else}}
    <p>Read <a href="{{url}}">more posts</a> by this author.</p>
    {{/if}}
    <div class="author-meta">
    {{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
    {{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
    </div>
    </section>

    {{/author}}

    <section class="share">
    <h4>Share this post</h4>
    <a class="icon-twitter" href="https://twitter.com/intent/tweet?text={{encode title}}&amp;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>

    <!-- DISCOURSE EMBED CODE -->
    <div id='discourse-comments'></div>

    <script type="text/javascript">
    DiscourseEmbed = { discourseUrl: 'http://path/to/your/discourse/',
    discourseEmbedUrl: 'http://yourdomain.com{{url}}' };

    (function() {
    var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
    d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
    })();
    </script>
    <!-- /DISCOURSE EMBED CODE -->

    </article>
    </main>

    <aside class="read-next">
    {{#next_post}}
    <a class="read-next-story {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
    <section class="post">
    <h2>{{title}}</h2>
    <p>{{excerpt words="19"}}&hellip;</p>
    </section>
    </a>
    {{/next_post}}
    {{#prev_post}}
    <a class="read-next-story prev {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
    <section class="post">
    <h2>{{title}}</h2>
    <p>{{excerpt words="19"}}&hellip;</p>
    </section>
    </a>
    {{/prev_post}}
    </aside>

    {{/post}}