<!DOCTYPE html>
<html lang="en">
{% include custom-head.html %}
<style>
p {
margin-bottom: 3rem;
}
.mainThings {
padding-left: 40px;
position: sticky;
top: 80px;
}
.theseFeatures .featureLink:hover {
text-decoration: underline !important;
}
@media (max-width:768px) {
.theseFeatures {
text-align: center !important;
padding-left: 0;
position: static;
top: auto;
}
}
</style>
<body>
{%- include header/blogHeader.html -%}
<section class="section_post">
<div class="container">
<div class="row section-title-wrap">
<div class="col-md-12 mt-5">
<h1 class="display-4" style="font-weight: 900;">{{ page.title }}</h1>
</div>
</div>
<div class="row mt-5">
<div class="col-md-8">
{%- include authors/authors.html -%}
{%- include postauthorbio.html -%}
{% if page.author %}
{%- include author_bio.html -%}
{% endif %}
<div class="post-content">
{{ content }}
</div>
{%- include paginationPostPage.html -%}
</div>
<div class="col-md-4">
<div class="mainThings">
<div class="socialIons">
<ul class="list-unstyled item-lists2">
<li><a style="pointer-events: none;">{{ site.data.blog.share.label }}</a></li>
{% capture title %}{{ page.title }}{% endcapture %}
{% assign url = page.url | relative_url | prepend: site.url %}
{% for share in site.data.blog.share.platforms %}
{% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
<li> <a href=" {{ link }}" data-toggle="tooltip"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
<i class="fa-fw {{ share.icon }}"></i>
</a>
</li>
{% endfor %}
</span>
</ul>
<!-- <div class="sep"></div> -->
<div class="comments-count">
<a href="{{ content.absolute_url }}#disqus_thread" class="comment_count"></a>
</div>
</ul>
</div>
<div class="theseFeatures">
{%- if page.URLS -%}
<h3 class="font-weight-bolder">Checkout out these features</h3>
<br>
{%- for item in page.URLS -%}
<p class="mb-3"> <a class="featureLink" style="font-size: 13px"
href="{{item.url}}">{{item.name}}</a></p>
{%- endfor -%}
{% else %}
<h3 class="font-weight-bolder">Checkout out these features</h3>
<br>
{% assign tools = site.pages | where_exp:"item","item.tool" %}
{% assign allRandomUrls = "" | split: ',' %}
{%- for item in tools -%}
{%- if item.lang=="en" -%}
{% assign allRandomUrls = allRandomUrls | push: item.url %}
{%- endif -%}
{%- endfor -%}
{%- for url in allRandomUrls limit: 10-%}
{% if url %}
<p class="mb-3">
<a class="featureLink" style="font-size: 13px" href="{{url }}">
{%- assign name = url | replace: '/', ' ' | replace: '-', ' ' -%}
{{ name }}
</a>
</p>
{%- endif -%}
{%- endfor -%}
{%- endif -%}
</div>
</div>
</div>
<div class="col-md-12">
{%- if page.categories.size> 0 or page.tags.size>0-%}
{%- include section/related_categories_post.html -%}
{%- else -%}
{%- include section/recent_posts.html -%}
{% endif %}
<div class="commentsection my-5">
{%- if site.disqus.shortname -%}
{%- include disqus_comments.html -%}
{%- endif -%}
</div>
</div>
</div>
</div>
</section>
{%- include section/count.html -%}
{%- include section/alertbar.html -%}
{% include script.html %}
<script src="{{ '/assets/js/TopScroll.js' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%- endif
-%}></script>
{%- if site.crossorigin -%}
<script>
const getImages = document.getElementsByTagName('img')
Array.from(getImages).map(item => {
item.crossOrigin = 'anonymous'
})
</script>
{%- endif -%}
</body>
</html>