news/themes/mytheme/templates/en/partials/blog_item.html.twig

284 lines
9.3 KiB
Twig
Executable file

{% 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-calendar"></i>
{{ page.date|date(config.system.pages.dateformat.long) }}</div>
<div>
<i class="fa fa-clock-o"></i>
{{ page.content|readingtime }}
</div>
<small>
<div>
<i class="fa fa-user-circle"></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-calendar"></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>
{% if config.get('plugins.page-toc.active') or attribute(page.header, 'page-toc').active %}
<div class="page-toc">
{% set table_of_contents = toc(page.content) %}
{% if table_of_contents is not empty %}
<h4><i class="fa fa-list"></i> Table of Contents</h4>
{{ table_of_contents|raw }}
{% endif %}
</div>
{% endif %}
{% 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 }}&amp;auto_play=false&amp;hide_related=true&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true&amp;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="mailto:?subject=Check this News: {{ page.title }}&amp;body={{ page.url(true) }}&amp;title={{ page.title|replace({' ': " %20"}) }}" title="Share by Email">
<i class="fa fa-envelope fa-fw"></i>
</a>
</li>
<li>
<a href="https://t.me/share/url?url={{ page.url(true) }}&text={{ page.title }}" target="_blank">
<i class="fa fa-telegram fa-fw"></i>
</a>
</li>
<li>
<a href="http://www.facebook.com/share.php?u={{ page.url(true) }}" target="_blank">
<i class="fa fa-facebook fa-fw"></i>
</a>
</li>
<li>
<a href="whatsapp://send?text={{ page.url(true) }}" target="_blank">
<i class="fa fa-whatsapp fa-fw"></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 fa-fw"></i>
</a>
</li>
<li>
<a href="http://digg.com/submit?url={{ page.url(true) }}&amp;title={{ page.title|replace({' ': " %20"}) }}" target="_blank">
<i class="fa fa-digg fa-fw"></i>
</a>
</li>
<li>
<a href="http://reddit.com/submit?url={{ page.url(true) }}&amp;title={{ page.title|replace({' ': " %20"}) }}" target="_blank">
<i class="fa fa-reddit fa-fw"></i>
</a>
</li>
<li>
<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ page.url(true) }}&amp;title={{ page.title|replace({' ': " %20"}) }}" target="_blank">
<i class="fa fa-linkedin fa-fw"></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 %}
{% include 'partials/author-bio.html.twig' ignore missing %}
{% 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 }}">News</a>
</div>
{% endif %}