Abit/_layouts/post.html

188 lines
6.6 KiB
HTML

---
layout: default
---
{% if page.minutes %}
{% assign minutes = page.minutes %}
{% else %}
{% assign minutes = content | number_of_words | divided_by: 180 %}
{% if minutes == 0 %}{% assign minutes = 1 %}{% endif %}
{% endif %}
<div class="container-fluid single">
<div class="row">
<div itemscope itemtype="http://schema.org/Article" class="col-md-12 article">
{% if site.data.thumbnail[page.thumbnail] %}
<div class="thumb">
<img itemprop="image" src="{{ site.data.thumbnail[page.thumbnail] }}" alt="Thumbnail: {{ page.thumbnail }}" />
</div>
{% elsif page.thumbnail %}
<div class="thumb">
<i class="fa fa-{{ page.thumbnail }} fa-4x"></i>
</div>
{% endif %}
<h1 class="header" itemprop="name">{{ page.title }}</h1>
<div class="author">
<small><i>
{% if page.author %}
by
<span itemprop="author">
{% if site.google_plus_link %}
<a rel="author" href="{{ site.google_plus_link }}">
{% endif %}
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">{{ page.author }}</span>
</span>
{% if site.google_plus_link %}
</a>
{% endif %}
</span>
{% endif %}
on <span itemprop="datePublished" content="2014-08-28">{{ page.date | date: "%B %-d, %Y" }}</span>
{% if page.categories != empty %} under {% for category in page.categories limit:1 %}{{ category }}{% endfor %}{% endif %}
</i></small>
</div>
<div class="read-time">
<small>
{{ minutes }} minute read
</small>
</div>
<div class="content-panel content">
{% if page.series %}
This post is part of the series '{{ page.series }}':
<ol class="series">
{% for apost in site.posts reversed %}
{% if page.series == apost.series %}
<li>
{% if page.title == apost.title %}
{% assign nextpost = true %}
{{ apost.title }}
{% else %}
{% if nextpost == true %}
{% assign seriesnext = apost %}
{% endif %}
{% assign nextpost = false %}
<a href="{{ apost.url }}">{{ apost.title }}</a>
{% endif %}
</li>
{% endif %}
{% endfor %}
</ol>
{% endif %}
<span itemprop="articleBody">{{ content }}</span>
{% if page.series %}
{% if seriesnext %}
<i>Next post in the series:</i> <a href="{{ seriesnext.url }}">{{ seriesnext.title }}</a>
{% endif %}
{% endif %}
{% if site.addthis_id %}
<div class="share">
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox"></div>
</div>
{% endif %}
{% if page.tags and page.tags.size > 0 %}
<div class="tags">
<small>
<i class="fa fa-tags"></i>
{{ page.tags | join: ', ' }}
</small>
</div>
{% endif %}
</div>
{% if site.twitter_username and site.disqus_account %}
<div class="content-panel feedback">
I <i class="fa fa-heart"></i> feedback.<br />
Let me know what you think of this article on twitter <a href="http://www.twitter.com/{{ site.twitter_username }}">@{{ site.twitter_username }}</a> or leave a comment below!
</div>
{% elsif site.twitter_username %}
<div class="content-panel feedback">
I <i class="fa fa-heart"></i> feedback.<br />
Let me know what you think of this article on twitter <a href="http://www.twitter.com/{{ site.twitter_username }}">@{{ site.twitter_username }}</a>!
</div>
{% elsif site.disqus_account %}
<div class="content-panel feedback">
I <i class="fa fa-heart"></i> feedback.<br />
Let me know what you think of this article in the comment section below!
</div>
{% endif %}
{% if site.disqus_account %}
<div class="content-panel comments">
<div id="disqus_thread">
<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>
</div>
</div>
{% endif %}
{% if site.related_posts.length > 0 %}
<div class="content-panel related clearfix">
{% for post in site.related_posts limit:1 %}
<div class="related-header">
<a href="{{ site.baseurl }}{{ post.url }}">Read More</a>
</div>
<div class="title">
<a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
</div>
<div class="excerpt">
{% if post.summary %}
{{ post.summary | strip_html | truncatewords:30 }}
{% else %}
{{ post.excerpt | strip_html | truncatewords:30 }}
{% endif %}
<a href="{{ site.baseurl }}{{ post.url }}">Continue Reading</a>
</div>
{% endfor %}
<hr />
<div class="previous previous-next">
{% if page.previous %}
<p>
<a href="{{ site.baseurl }}{{ page.previous.url }}">{{ page.previous.title }}</a>
</p>
<p class="date">Published {{ page.previous.date | date: "%B %-d, %Y" }}</p>
{% endif %}
</div>
<div class="next previous-next">
{% if page.next %}
<p>
<a href="{{ site.baseurl }}{{ page.next.url }}">{{ page.next.title }}</a>
</p>
<p class="date">Published {{ page.next.date | date: "%B %-d, %Y" }}</p>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
{% if site.disqus_account %}
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
function disqus_config() { this.experiment.enable_scroll_container = true; }
var disqus_shortname = "{{ site.disqus_account }}"; // required: replace example with your forum shortname
/* * * 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>
{% endif %}