Skip to content

Instantly share code, notes, and snippets.

@jpope777
Created December 16, 2013 15:18
Show Gist options
  • Save jpope777/7988685 to your computer and use it in GitHub Desktop.
Save jpope777/7988685 to your computer and use it in GitHub Desktop.
Example of adding a static, auto submit Flattr button to a Ghost blog post page.
{{!< default}}
{{! The comment above "< default" means - insert everything in this file into
the {body} of the default.hbs template, which contains our header/footer. }}
<main class="content" role="main">
<article class="{{post_class}}">
{{! Each post has the blog logo at the top, with a link back to the home page }}
<header class="post-header">
<a class="blog-logo" href="{{@blog.url}}">
{{#if @blog.logo}}
<img src="{{@blog.logo}}" alt="Blog Logo" />
{{else}}
<span class="blog-title">{{@blog.title}}</span>
{{/if}}
</a>
</header>
{{! Everything inside the #post tags pulls data from the post }}
{{#post}}
{{! Everything below outputs content of the the post which has been published }}
<span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time> {{tags prefix="on " separator=" | "}}</span>
<h1 class="post-title">{{{title}}}</h1>
<section class="post-content">
{{content}}
</section>
<!-- static flattr button -->
<a href="https://flattr.com/submit/auto?user_id=flattrusername&url={{url absolute="true"}}&title={{title}}&description={{excerpt}}&language=en_GB&tags={{tags separator=","}}&hidden=0&category=text">
<img src="{{asset "images/flattr-badge-large.png"}}" alt="Flattr Button"/>
</a>
<!-- end static flattr button -->
<footer class="post-footer">
{{#if author}}
<section class="author">
<h4>{{author.name}}</h4>
<p>{{author.bio}}</p>
</section>
{{/if}}
<section class="share">
<h4>Share this post</h4>
<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>
{{/post}}
</article>
</main>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment