Template source: _single-article.html

{% load staticfiles i18n publication_tags comment_forms gonative_tags like_tags %} {% is_gonative %} <article class="article-single" itemscope itemtype="//schema.org/NewsArticle" data-article-pk="{{ article.pk }}"> <div class="article-head"> {# TITLE #} <h1 itemprop="headline">{{ article.title }}</h1> {# SHARE ON TOP #} <div class="article-like-box pull-left"> {% get_article_likes %} </div> <div class="article-share pull-right" style="display:none;"> <ul class="list-unstyled"> <li class="facebook share-square" data-url="{{ host }}{{ article.get_absolute_url }}" data-article-title="{{ article.title }}" data-title="Share on Facebook"> </li> <li class="twitter share-square"> <a href="https://twitter.com/intent/tweet?url=http%3A// {{ request.get_host }}{{ request.path }}&text={{ article.title }}" onclick="event.preventDefault(); return windowShare(this.href, 'Twitter', 550, 550);"> <i class="fa fa-twitter"></i> <span class="title"> Twitter </span> </a> </li> </ul> </div> <!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_inline_share_toolbox"></div> {# DATE PUBLISHED #} <meta itemprop="datePublished" content="{{ article.published_at }}"/> {# FEATURED IMAGE #} {% if article.featured_image %} <img itemprop="image" src="{{ article.featured_image.get_article_large_url }}" alt="{{ article.featured_image.title }}"> {% else %} <div class="placeholder-img lightgreybg"> <div class="vcenter-parent"> <div class="vcenter"> <img itemprop="image" src="{% static 'dist/images/logo.png' %}" alt="My Trending Stories"/> </div> </div> </div> {% endif %} {# AUTHORS #} <div class="article-author"> <div class="info"> <div class="author-avatar pull-left"> <a href="{% url 'author_single' article.author.slug %}" itemprop="url"> {% if article.author.avatar %} <img class="avatar" src="{{ article.author.avatar.get_author_small_url }}" alt="{{ article.author }}"/> {% else %} <img class="avatar" src="{% static 'dist/images/avatar-default.jpg' %}" alt="{{ article.author }}"/> {% endif %} {# {% include '_tooltip_follow.html' with author=article.author %}#} </a> </div> <div class="author-name pull-left"> <span itemprop="author" itemscope itemtype="//schema.org/Person"> <a href="{% url 'author_single' article.author.slug %}" itemprop="url"> <span class="name" itemprop="name">{{ article.author.full_name }}</span> </a> {% if request.user.is_authenticated %} {% if not request.user.author == article.author %} {% if request.user in article.author.followers.all %} <a href="#" class="follow-btn-sm unfollow" target="_blank" data-toggle="modal" data-target="#modal-follower-unfollow">{% trans 'Unfollow' %}</a> {% else %} <a href="#" class="follow-btn-sm" target="_blank" data-toggle="modal" data-target="#modal-follower-follow">{% trans 'Follow' %}</a> {% endif %} {% endif %} {% else %} <a href="/accounts/signup" class="follow-btn-sm">{% trans 'Follow' %}</a> {% endif %} </span> </div> <span class="article-author-date pull-right"> <i class="fa fa-clock-o"></i> {{ article.published_at }} {% trans 'in' %} {% if article.get_city_category %} {% with category=article.get_city_category %} <a class="category {{ category.get_color_class }}" href="{% url 'category_single' category.slug %}"> {{ category }} </a> {% endwith %} {% else %} <a class="category {{ article.master_category.get_color_class }}" href="{% url 'category_single' article.master_category.slug %}"> {{ article.master_category }} </a> {% endif %} </span> <br /><span class="pull-right"> {% trans 'Views:' %} {{ article.view_count}} </span> </div> </div> <div class="article-like" style="display:none;"> <span class="article-like-title">Like us on facebook</span> <div class="fb-like"> <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FMytrendingstories-1537454709805166%2F&width=62&layout=button&action=like&show_faces=false&share=false&height=65&appId" width="62" height="65" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe> </div> </div> </div> {# CONTENT #} <div class="article-body" itemprop="articleBody"> {{ article.content_safe }} </div> <div class="article-share"> <h2>{% trans 'Share' %}</h2> <!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_inline_share_toolbox"></div> <div id="specific_buttons" style="display:none;"> <ul class="list-unstyled text-center"> <li class="mail sharing share-button"> <a href="mailto:?subject={{ article.title }}&body={{ host }}{{ article.get_absolute_url }}{% if article.excerpt %} - {{ article.excerpt }}{% endif %}" class="social-mail"> <i class="fa fa-envelope"></i> <span class="title"> Mail </span> </a> </li> <li class="facebook share-button" data-url="{{ host }}{{ article.get_absolute_url }}" data-article-title="{{ article.title }}" data-title="Share on Facebook"> </li> {% if not request.is_mobile %} <li class="messenger share-button"> <a href="http://www.facebook.com/dialog/send?app_id=281307678870693&amp;link={{ request.get_host }}{{ request.path }}&amp;redirect_uri={{ request.get_host }}{{ request.path }}"> <i class="fa fa-comment"></i> <span class="title"> Messenger </span> </a> </li> {% endif %} <li class="twitter share-button"> <a href="https://twitter.com/home?status=https%3A//{{ request.get_host }}{{ request.path }}" onclick="event.preventDefault(); return windowShare(this.href, 'Twitter', 550, 550);"> <i class="fa fa-twitter"></i> <span class="title"> Twitter </span> </a> </li> <li class="pinterest share-button"> <a href="http://pinterest.com/pin/create/button/?url=https%3A//{{ request.get_host }}{{ request.path }}&media=https%3A//{{ request.get_host }}{{ article.featured_image.get_article_large_url }}" onclick="event.preventDefault(); return windowShare(this.href, 'Pinterest', 550, 550);"> <i class="fa fa-pinterest"></i> <span class="title"> Pinterest </span> </a> </li> <li class="linkedin share-button"> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//{{ request.get_host }}{{ request.path }}" onclick="event.preventDefault(); return windowShare(this.href, 'Linkedin', 550, 550);"> <i class="fa fa-linkedin"></i> <span class="title"> Linkedin </span> </a> </li> {% if request.is_mobile %} <li class="whatsapp share-button"> <a href="whatsapp://send?text=https%3A//{{ request.get_host }}{{ request.path }}" data-action="share/whatsapp/share"> <i class="fa fa-whatsapp"></i> <span class="title"> Whatsapp </span> </a> </li> {% endif %} </ul> </div> </div> <div class="article-comments"> {% native_comments article %} {% if request.user.is_authenticated %} <div class="write-comment"> {% custom_comment_form article %} <!-- <div class="fb-comments" data-href="{{ host }}{{ article.get_absolute_url }}" data-width="100%" data-numposts="5"></div> --> </div> {% endif %} <div class="clearfix"></div> </div> <div class="article-related"> <h2>Related Article</h2> <div class="row"> {% for related in article.get_related_articles %} <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> {% render_related_card related %} </div> {% endfor %} </div> </div> <div class="mobile-ads" style="display:none;"> <div class="item-pub"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Mobile-box-300x250 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-7573579924553954" data-ad-slot="5936846228"> </ins> </div> </div> </article> <script type="text/javascript"> try { install_plugins(); FB.XFBML.parse(); } catch (err) { } </script>