271 lines
11 KiB
Twig
271 lines
11 KiB
Twig
|
{% if not truncate %}
|
||
|
|
<link type="text/css" rel="stylesheet" href="{{ theme_url }}/css/item.css" />
|
||
|
|
{% endif %}
|
||
|
|
<div class="post">
|
||
|
|
<div class="entry-container">
|
||
|
|
<div class="entry-content">
|
||
|
|
|
||
|
|
{% if page.header.link %}
|
||
|
|
<h1 class="entry-title">
|
||
|
|
{% if page.header.continue_link is not same as(false) %}
|
||
|
|
<a href="{{ page.url }}"><i class="fa fa-angle-double-right"></i></a>
|
||
|
|
{% endif %}
|
||
|
|
<a href="{{ page.header.link }}">{{ page.title }}</a>
|
||
|
|
</h1>
|
||
|
|
{% else %}
|
||
|
|
<h1 class="entry-title"><a href="{{ page.url }}">{{ page.title }}</a></h1>
|
||
|
|
{% endif %}
|
||
|
|
{% if truncate %}
|
||
|
|
|
||
|
|
<div class="meta">
|
||
|
|
<div><i class="fa fa-clock-o"></i> {{ page.date|date(config.system.pages.dateformat.long) }}</div>
|
||
|
|
<div><i class="fa fa-user"></i> <span style="color:#E74C3C">
|
||
|
|
{% if page.header.author.name or site.author.name %}
|
||
|
|
{% if page.header.author.name %}
|
||
|
|
{% if page.header.author.url %}
|
||
|
|
<a href="{{ page.header.author.url }}">{{ page.header.author.name }}</a>
|
||
|
|
{% else %}
|
||
|
|
{{ page.header.author.name }}
|
||
|
|
{% endif %}
|
||
|
|
{% else %}
|
||
|
|
{% if site.author.url %}
|
||
|
|
<a href="{{ site.author.url }}">{{ site.author.name }}</a>
|
||
|
|
{% else %}
|
||
|
|
{{ site.author.name }}
|
||
|
|
{% endif %}
|
||
|
|
{% endif %}
|
||
|
|
{% endif %}
|
||
|
|
</span></div>
|
||
|
|
{% if page.taxonomy.tag %}
|
||
|
|
<div> <i class="fa fa-tags"></i>
|
||
|
|
{% for tag in page.taxonomy.tag %}
|
||
|
|
<a href="{{ base_url }}/tag:{{ tag }}" rel="tag">{{ tag }}{% if not loop.last %}, {% endif %}</a>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
{% else %}
|
||
|
|
<div class="meta1">
|
||
|
|
<p>
|
||
|
|
<small>
|
||
|
|
<span><i class="fa fa-clock-o"></i> {{ page.date|date(config.system.pages.dateformat.long) }}</span>
|
||
|
|
<span><i class="fa fa-user"></i>
|
||
|
|
{% if page.header.author.name or site.author.name %}
|
||
|
|
{% if page.header.author.name %}
|
||
|
|
{% if page.header.author.url %}
|
||
|
|
<a href="{{ page.header.author.url }}">{{ page.header.author.name }}</a>
|
||
|
|
{% else %}
|
||
|
|
{{ page.header.author.name }}
|
||
|
|
{% endif %}
|
||
|
|
{% else %}
|
||
|
|
{% if site.author.url %}
|
||
|
|
<a href="{{ site.author.url }}">{{ site.author.name }}</a>
|
||
|
|
{% else %}
|
||
|
|
{{ site.author.name }}
|
||
|
|
{% endif %}
|
||
|
|
{% endif %}
|
||
|
|
{% endif %}
|
||
|
|
</span>
|
||
|
|
{% if page.taxonomy.tag %}
|
||
|
|
<span> <i class="fa fa-tags"></i>
|
||
|
|
{% for tag in page.taxonomy.tag %}
|
||
|
|
<a href="{{ base_url }}/tag:{{ tag }}" rel="tag">{{ tag }}{% if not loop.last %}, {% endif %}</a>
|
||
|
|
{% endfor %}
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
</small>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<div class="clear"></div>
|
||
|
|
|
||
|
|
<div class="{% if truncate %}entry-{% if page.header.youtube or page.header.soundcloud or page.header.vimeo %}video{% else %}image{% endif %}{% else %} resp_video{% endif %}">
|
||
|
|
{% if page.header.youtube %}
|
||
|
|
<iframe src="{{ page.header.youtube }}?showinfo=0" frameborder="0" allowfullscreen style="width: 750px; height: 421.429px; {% if not truncate %}width: 680px;height: 392px;{% endif %}"></iframe>
|
||
|
|
{% endif %}
|
||
|
|
{% if page.header.vimeo %}
|
||
|
|
<iframe src="{{ page.header.vimeo }}" frameborder="0" allowfullscreen="" data-aspectratio="0.5619047619047619" style="width: 750px; height: 421.429px; {% if not truncate %}width: 680px;height: 392px;{% endif %}"></iframe>
|
||
|
|
{% endif %}
|
||
|
|
{% if page.header.soundcloud %}
|
||
|
|
<iframe width="100%" height="403" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/{{ page.header.soundcloud }}&auto_play=false&hide_related=true&show_comments=true&show_user=true&show_reposts=false&visual=true&buying=false"></iframe>
|
||
|
|
{% endif %}
|
||
|
|
{% if page.media.images|first %}
|
||
|
|
{{ page.media.images|first.cropZoom(750,422).html('','', 'thumb')|raw }}
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% if page.header.continue_link is same as(false) %}
|
||
|
|
{{ page.content|raw }}
|
||
|
|
{% if not truncate %}
|
||
|
|
{% set show_prev_next = true %}
|
||
|
|
{% endif %}
|
||
|
|
{% elseif truncate and page.summary != page.content %}
|
||
|
|
{{ page.summary|raw }}
|
||
|
|
{% elseif truncate %}
|
||
|
|
{{ page.content|truncate(550) }}
|
||
|
|
{% else %}
|
||
|
|
{{ page.content|raw }}
|
||
|
|
{% set show_prev_next = true %}
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<div class="entry-meta clearfix">
|
||
|
|
<div class="up_arrow"></div>
|
||
|
|
<div class="pull-right share-story-container">
|
||
|
|
<ul class="share-story">
|
||
|
|
<li>
|
||
|
|
<a href="http://www.facebook.com/share.php?u={{ page.url(true) }}" target="_blank">
|
||
|
|
<i class="fa fa-facebook"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://twitter.com/home?status={{ page.title|replace({' ': "%20"}) }}-{{ page.url(true) }}" target="_blank">
|
||
|
|
<i class="fa fa-twitter"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://digg.com/submit?url={{ page.url(true) }}&title={{ page.title|replace({' ': "%20"}) }}" target="_blank">
|
||
|
|
<i class="fa fa-digg"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://reddit.com/submit?url={{ page.url(true) }}&title={{ page.title|replace({' ': "%20"}) }}" target="_blank">
|
||
|
|
<i class="fa fa-reddit"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://www.linkedin.com/shareArticle?mini=true&url={{ page.url(true) }}&title={{ page.title|replace({' ': "%20"}) }}" target="_blank">
|
||
|
|
<i class="fa fa-linkedin"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% if page.header.continue_link is not same as(false) %}
|
||
|
|
{% if truncate and page.summary != page.content %}
|
||
|
|
<div class="pull-left"><a href="{{ page.url }}" class="read-more">Continue Reading</a></div>
|
||
|
|
{% elseif truncate %}
|
||
|
|
<div class="pull-left"><a href="{{ page.url }}" class="read-more">Continue Reading</a></div>
|
||
|
|
{% endif %}
|
||
|
|
{% endif %}
|
||
|
|
<div class="clear"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% if not truncate %}
|
||
|
|
<div class="author-meta box">
|
||
|
|
{% if page.header.author %}
|
||
|
|
{% if page.header.author.logo or page.header.author.gravatar %}
|
||
|
|
<div class="author-image">
|
||
|
|
{% if page.header.author.gravatar %}
|
||
|
|
<img src="http://www.gravatar.com/avatar/{{ page.header.author.gravatar|md5 }}?s=90" class="avatar-author" alt="Gravatar"/>
|
||
|
|
{% elseif page.header.author.logo %}
|
||
|
|
<img src="{{ page.media.images[page.header.author.logo].url }}" class="avatar-author" />
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
<div class="author-body">
|
||
|
|
<h2 class="vcard author">
|
||
|
|
{% if page.header.author.url %}
|
||
|
|
<a href="{{ page.header.author.url }}" rel="author">{{ page.header.author.name }}</a>
|
||
|
|
{% else %}
|
||
|
|
{{ page.header.author.name }}
|
||
|
|
{% endif %}
|
||
|
|
</h2>
|
||
|
|
<p>
|
||
|
|
{{ page.header.author.description }}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
{% else %}
|
||
|
|
{% if site.author.logo or site.author.gravatar %}
|
||
|
|
<div class="author-image">
|
||
|
|
{% if site.author.gravatar %}
|
||
|
|
<img src="http://www.gravatar.com/avatar/{{ site.author.gravatar|md5 }}?s=90" class="avatar-author" alt="Gravatar"/>
|
||
|
|
{% elseif site.author.logo %}
|
||
|
|
<img src="{{ theme_url }}/images/{{ site.author.logo }}" class="avatar-author" />
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
<div class="author-body">
|
||
|
|
<h2 class="vcard author">
|
||
|
|
{% if site.author.url %}
|
||
|
|
<a href="{{ site.author.url }}" rel="author">{{ site.author.name }}</a>
|
||
|
|
{% else %}
|
||
|
|
{{ site.author.name }}
|
||
|
|
{% endif %}
|
||
|
|
</h2>
|
||
|
|
<p>
|
||
|
|
{{ site.author.description }}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<div class="clear"></div>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if not truncate %}
|
||
|
|
<div class="related_posts">
|
||
|
|
<div id="related-posts">
|
||
|
|
<div class="title">
|
||
|
|
<h4>Related Posts</h4>
|
||
|
|
</div>
|
||
|
|
<div class="carousel_related owl-carousel owl-theme" id="owl-demo">
|
||
|
|
{% include 'partials/relatedpages.html.twig' %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div style="clear:both"></div>
|
||
|
|
</div>
|
||
|
|
<script type='text/javascript'>
|
||
|
|
$(document).ready(function() {
|
||
|
|
$("#owl-demo").owlCarousel({
|
||
|
|
autoPlay: 3000,
|
||
|
|
items : 3,
|
||
|
|
itemsDesktop : [1200,3],
|
||
|
|
itemsDesktopSmall : [980,2],
|
||
|
|
itemsMobile : [480,1]
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if not truncate %}
|
||
|
|
{% if config.plugins.jscomments.enabled and config.plugins.jscomments.provider %}
|
||
|
|
<div class="comments" id="comments">
|
||
|
|
<h4>Comments:</h3>
|
||
|
|
<div class="comments-content">
|
||
|
|
{{ jscomments(config.plugins.jscomments.provider) }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if config.plugins.comments.enabled %}
|
||
|
|
<div class="comments" id="comments">
|
||
|
|
<h4>{{ grav.twig.comments|length }} Comments:</h3>
|
||
|
|
<div class="comments-content">
|
||
|
|
{% include 'partials/comments.html.twig' with {'page': page} %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% if show_prev_next %}
|
||
|
|
<div class="blog-pager" id="blog-pager">
|
||
|
|
{% if not page.isFirst %}
|
||
|
|
<span id="blog-pager-newer-link">
|
||
|
|
<a class="blog-pager-newer-link" href="{{ page.nextSibling.url }}"><i class="fa fa-chevron-left"></i> Newer Post</a>
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if not page.isLast %}
|
||
|
|
<span id="blog-pager-older-link">
|
||
|
|
<a class="blog-pager-older-link" href="{{ page.prevSibling.url }}">Older Post <i class="fa fa-chevron-right"></i></a>
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
<a class="home-link" href="{{ base_url_absolute }}">Home</a>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|