{% extends "2-col.html" %}

{% block head_title %}{% if article.meta_title %}{{ article.meta_title}}{% else %}{{ article.title }}{% endif %}{% endblock %}

{% block meta_description %}{{ article.meta_description }}{% endblock %}

{% block news_active %}active{% endblock %}

{% block left_content %}

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <h1>{{ article.title }}</h1>

    {{ article.content|safe }}
    <br/><br/><br/><br/>
    <div class="clear"></div>

    <div class="fb-like" data-href="{{ request.HTTP_HOST }}{% url 'news_article' article.slug %}" data-send="false" data-width="450" data-show-faces="false"></div>
    <div class="clear" style="height:5px;"></div>
    <a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    <div class="clear" style="height:5px;"></div>
    <script src="//platform.linkedin.com/in.js" type="text/javascript"></script><script type="IN/Share" data-url="{{ request.HTTP_HOST }}{% url 'news_article' article.slug %}"></script>
    <p><a href="javascript:history.go(-1)">&laquo; Go Back</a></p>

{% endblock %}