{% extends 'blog/base_entradas.html' %}
{% load i18n staticfiles %}



{% block additional_css %}
    <link rel="stylesheet" href="{% static 'css/style_promo.css' %}"/>
    <link rel="stylesheet" href="{% static 'css/efemerides.css' %}"/>
{% endblock %}

{% block promo %}
    {% comment %}
    {% include 'promo/promo_pop_up.html' %}
    {% endcomment %}
{% endblock promo %}

{% block content %}


    <div class="turint_content">

        <div class="bg_turint src_background"
             src="{{ entry.main_image }}"></div>


        <nav class="back_tur">

            <a href="/the-oobik"
               data-hover="Volver a The OOBIK"><span>Volver a The OOBIK</span></a>
            <a href="/"
               data-hover="Volver a la web"><span>Volver a la web</span></a>
            <a href="https://shop.principia.io" data-hover="Shop"
               target="_blank"><span>Shop</span></a>
        </nav>

        <div class="turint_art">
            <h1>{{ entry.title }}</h1>

            <h3>{% if entry.authors.published %}
                Por
                {% for author in entry.authors.published %}
                    {% if not forloop.first %}
                        ,
                    {% endif %}
                    <a href="{{ author.get_absolute_url }}">{{ author }}</a>
                {% endfor %}
            {% endif %}</h3>


            <div class="art-social-nav">
                <ul>
                    <!--li><a href="#" class="icon paper-plane icon-footer"><span>Mail</span></a></li-->
                    <li>
                        <a href="https://twitter.com/intent/tweet?text={{ entry.title }}&url={{ entry.short_url }}&via=Principia_io"
                           class="icon twitter icon-footer"
                           target="_blank"><span>Twitter</span></a></li>
                    <li><a rel="http://principia.io{{ entry.main_image }}"
                           href="https://www.facebook.com/sharer/sharer.php?u={{ request.build_absolute_uri|urlencode }}"
                           class="icon facebook icon-footer"
                           target="_blank"><span>Facebook</span></a></li>
                    <li>
                        <a href="https://plus.google.com/share?url={{ request.build_absolute_uri|urlencode }}"
                           class="icon gplus icon-footer" target="_blank"><span>Google+</span></a>
                    </li>
                </ul>
            </div>

            <div class="entradilla">
                {{ entry.excerpt|safe }}
            </div>

            <div class="contenido">

                <figure>
                    <img class="art-imagen"
                         src="{{ entry.main_image }}" alt="{{ entry.title }}"
                         alt=""/>
                </figure>

            </div>

            <div class="art-social-nav">
                <ul>
                    <!--li><a href="#" class="icon paper-plane icon-footer"><span>Mail</span></a></li-->
                    <li>
                        <a href="https://twitter.com/intent/tweet?text={{ entry.title }}&url={{ entry.short_url }}&via=Principia_io"
                           class="icon twitter icon-footer"
                           target="_blank"><span>Twitter</span></a></li>
                    <li><a rel="http://principia.io{{ entry.main_image }}"
                           href="https://www.facebook.com/sharer/sharer.php?u={{ request.build_absolute_uri|urlencode }}"
                           class="icon facebook icon-footer"
                           target="_blank"><span>Facebook</span></a></li>
                    <li>
                        <a href="https://plus.google.com/share?url={{ request.build_absolute_uri|urlencode }}"
                           class="icon gplus icon-footer" target="_blank"><span>Google+</span></a>
                    </li>
                </ul>
            </div>

        </div>

    </div>


{% endblock content %}

{% block scripts_footer %}
    {{ block.super }}


{% endblock scripts_footer %}