<!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;
}
.contributors {
border-bottom: 1px solid hsla(210, 18%, 87%, 1);
padding-bottom: 10px;
}
@media (max-width:768px) {
.theseFeatures {
text-align: center !important;
padding-left: 0;
position: static;
top: auto;
}
}
</style>
<body>
{%- include header/blogHeader.html -%}
{%- if site.newFeatureBox -%}
<div class="appscms-sidebar-left"></div>
<div class="appscms-sidebar-right"></div>
{%- endif -%}
<section class="section_post">
<div class="container">
<div class="row section-title-wrap">
<div class="
{%- if site.monumetricId -%}
col-8 mt-5 mx-auto
{%- else -%}
col-md-12 mt-5
{%- endif -%}
">
<h1 class="display-4" style="font-weight: 900;">{{ title }}</h1>
</div>
</div>
<div class="row mt-5">
<div class="
{%- if site.monumetricId -%}
col-md-8 mx-auto
{%- else -%}
col-md-8
{%- endif -%}
">
{%- 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="
{%- if site.monumetricId -%}
col-md-8 mx-auto
{%- else -%}
col-md-4
{%- endif -%}
">
<div class="mainThings">
{% assign all_contributors = page.contributors.size %}
{%- if page.contributors.size > 0 -%}
<div class="contributors mt-5">
<h3 class="website-label"><strong>Contributors</strong> <span
class="contributors-count">{{all_contributors}}</span></h3>
<div class="d-flex mt-4" style="gap:5px; flex-wrap: wrap;">
{% assign posts = site.posts | where_exp:"post","post.url != page.url" %}
{% for contributor in page.contributors %}
{% for post in posts %}
{%- include /authors/authors.html -%}
{%- assign contributorAuthor = contributor | downcase -%}
{%- assign name = authorName | downcase -%}
{%- if name contains contributorAuthor -%}
<div class="d-flex align-items-center mb-3" style="gap:10px">
<a href="/authors/{{name | downcase | replace: ' ' , '-' }}">
<img class="contributor-image" src="{{image}}" alt="{{name}}">
</a>
</div>
{%- break -%}
{%- endif -%}
{% endfor %}
{% endfor %}
</div>
</div>
{%- endif -%}
<div class="mt-3 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 -%}
{%- elsif site.relatedPages -%}
{% assign blogPostPath = page.path %}
{% for entry in site.data.blog.relatedblogs %}
{% if entry.path == blogPostPath %}
<h2>Related Features:</h2>
<ul class="list-unstyled">
{% for feature in entry.relatedFeatures %}
{% assign parts = feature.webpageUrl | split: '/' %}
{% assign lastPart = parts | last %}
{% assign subParts = lastPart | split: '-' %}
<li><a class="featureLink" style="font-size: 13px" href="{{ site.baseurl }}{{ feature.webpageUrl }}">{{ subParts[0] | capitalize }} {{ subParts[1] }}</a></li>
{% endfor %}
</ul>
{% endif %}
{% 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>
{%- if site.relatedPages -%}
{%- include customblog/relatedBlogs.html -%}
{%- else -%}
<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 -%}
{%- if site.monumetricId -%}
<div class="row">
<div class="col-md-9 mx-auto">
{%- endif -%}
{%- include disqus_comments.html -%}
{%- if site.monumetricId -%}
</div>
</div>
{%- endif -%}
{%- endif -%}
</div>
</div>
{%- endif -%}
</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>