| {% extends 'layout.html' %}

| {% block og %}
meta(property="og:title", content="{{ node.name }}")
meta(property="og:url", content="{{ url_for('main.main_blog', url=node.properties.url, _external=True)}}")
meta(property="og:type", content="website")
| {% if node.picture %}
meta(property="og:image", content="{{ node.picture.thumbnail('l', api=api) }}")
| {% endif %}
meta(property="og:description", content="Blender Cloud is a web based service developed by Blender Institute that allows people to access the training videos and all the data from the open projects.")

meta(name="twitter:title", content="{{ node.name }}")
meta(name="twitter:description", content="Blender Cloud is a web based service developed by Blender Institute that allows people to access the training videos and all the data from the open projects.")
| {% if node.picture %}
meta(property="og:image", content="{{ node.picture.thumbnail('l', api=api) }}")
| {% endif %}
| {% endblock %}

| {% block page_title %}{{node.name}} - Blog{% endblock%}

| {% set title = 'blog' %}

| {% block body %}

.container
    | {% include 'nodes/custom/post/view_embed.html' %}

| {% endblock %}


| {% block footer_scripts %}

script.
    hopToTop(); // Display jump to top button

    /* Expand images when their link points to a jpg/png/gif */
    /* TODO: De-duplicate code from view post */
    var page_overlay = document.getElementById('page-overlay');
    $('.blog_index-item .item-content a img').on('click', function (e) {
        e.preventDefault();

        var href = $(this).parent().attr('href').split("?")[0];
        var src = $(this).attr('src');


        if (href.match("jpg$") || href.match("png$") || href.match("gif$")) {
            $(page_overlay)
                .addClass('active')
                .html('<img src="' + src + '"/>');
        } else {
          window.location.href = href;
        }
    });
| {% endblock %}