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

{% 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_GITLAB %}
          <a class="gitlab" href="{{LINK_GITLAB}}" rel="noopener noreferrer" target="_blank"><i class="icon-gitlab"></i></a>
          {% endif %}
          {% if LINK_NOTABUG %}
          <a class="notabug" href="{{LINK_NOTABUG}}" rel="noopener noreferrer" target="_blank"><i class="icon-notabug"></i></a>
          {% endif %}
        </div>
      </div>

      <div class="copyleft">
        <p>Copyleft <i class="icon-copyleft"></i> 2018 - 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://gitlab.com/heckyel-ng/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 %}