{% extends 'core/base.djhtml' %}

{% load static %}

{% block content %}
    <section class="acerca-de" id="acerca-de">
        <div class="contenedor">
            <div class="foto">
                <img alt="Jesús Eduardo" title="Jesús Eduardo" src="{% static 'core/images/foto.png' %}" width="115"/>
            </div>
            <div class="texto">
                <h3 class="titulo">Acerca de</h3>
                <p>Consultor y desarrollador de <span class="bold">Software Libre</span>. Hacker de <span class="bold">Hyperbola GNU/Linux-Libre.</span></p>
            </div>
        </div>
    </section>

    <!-- Projects -->
    <section class="trabajos" id="trabajos">
        <div class="contenedor">
            <h3 class="titulo">Proyectos</h3>
            <div class="contenedor-trabajos">
                <!-- Trabajo -->
                {% for project in projects %}
                    <div class="trabajo">
                        <div class="thumb">
                            <img alt="{{project.title}}" title="{{project.title}}" src="{{project.image.url}}"/>
                        </div>
                        <div class="descripcion">
                            <p class="nombre">
                                {% if project.link %}
                                    <a href="{{project.link}}" rel="noopener noreferrer" target="_blank">{{project.title}}</a>
                                {% endif %}
                            </p>
                            <p class="categoria">{{project.decription}}</p>
                        </div>
                    </div>
                {% endfor %}
                <!-- EndTrabajo -->
            </div>
        </div>
    </section>
{% endblock %}

<!-- footer -->
{% block footer %}
    <footer>
        {% block contacto %}
            <section class="contacto" id="contacto">
                <div class="contenedor">
                    <h3 class="titulo">Contacto</h3>
                    <!-- Formulario -->
                    {% if 'ok' in request.GET %}
                        <p>
                            <span class="alert success">Su mensaje se ha enviado correctamente.
                                En breve nos pondremos en contacto con vuestra persona.</span>
                        </p>
                    {% endif %}
                    {% if 'fail' in request.GET %}
                        <p>
                            <span class="alert danger">Opp's hubo un error al enviar su mensaje.
                                Vuelva a intentarlo.</span>
                        </p>
                    {% endif %}
                    <form id="formulario" class="formulario" method='POST'>
                        {% csrf_token %}
                        {{form.name}}
                        {{form.name.errors}}
                        {{form.email}}
                        {{form.email.errors}}
                        {{form.content}}
                        {{form.content.errors}}
                        <ul id="error" class="error"></ul>
                        <input class="boton" name="submit" type="submit" value="Enviar"/>
                    </form>
                    <!--EndFormulario-->
                </div>
            </section>
        {% endblock %}

        <div class="redes-sociales-libres">
            <div class="contenedor">
                {% if LINK_GNUSOCIAL %}
                    <a class="gnusocial" href="{{LINK_GNUSOCIAL}}" rel="noopener noreferrer" target="_blank"><i class="icon-gnusocial"></i></a>
                {% endif %}
                {% if LINK_DIASPORA %}
                    <a class="diaspora" href="{{LINK_DIASPORA}}" rel="noopener noreferrer" target="_blank"><i class="icon-diaspora"></i></a>
                {% endif %}
                {% if LINK_MEDIAGOBLIN %}
                    <a class="mediagoblin" href="{{LINK_MEDIAGOBLIN}}" rel="noopener noreferrer" target="_blank"><i class="icon-mediagoblin"></i></a>
                {% endif %}
                {% if LINK_LIBREGIT %}
                    <a class="libregit" href="{{LINK_LIBREGIT}}" rel="noopener noreferrer" target="_blank"><i class="icon-libregit"></i></a>
                {% endif %}
                {% if LINK_NOTABUG %}
                    <a class="notabug" href="{{LINK_NOTABUG}}" rel="noopener noreferrer" target="_blank"><i class="icon-notabug"></i></a>
                {% endif %}
                {% if LINK_PEERTUBE %}
                    <a class="peertube" href="{{LINK_PEERTUBE}}" rel="noopener noreferrer" target="_blank"><i class="icon-peertube"></i></a>
                {% endif %}
            </div>
        </div>

        <div class="copyleft">
            <p>Copyleft <i class="icon-copyleft"></i> {% now "Y" %} - Heckyel
                <a rel="license noopener noreferrer" href="https://www.gnu.org/licenses/agpl-3.0.html" target="_blank">
                    <abbr title="GNU Affero General Public License version 3">GNU AGPLv3+</abbr></a> | <a rel="noopener noreferrer"
                                                                                                          href="https://libregit.org/heckyel/personal-site"
                                                                                                          target="_blank">Source Code</a>
                    <a hidden href="{% static 'core/librejs.html' %}" data-jslicense="1" rel="license">Información de licencias de JavaScript.</a>
            </p>
        </div>
    </footer>
{% endblock %}
