change templates html to djhtml

This commit is contained in:
Jesús 2018-11-02 22:01:05 -05:00
parent 8cd923174d
commit d7411f5af4
No known key found for this signature in database
GPG Key ID: F6EE7BC59A315766
5 changed files with 167 additions and 170 deletions

View File

@ -0,0 +1,52 @@
<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Sitio personal de Jesús</title>
{% load static %}
<link rel="icon" href="{% static 'core/images/favicon.png' %}" sizes="192x192" />
<link rel="stylesheet" type="text/css"
href="{% static 'core/lib/normalize-css/normalize.css' %}"
integrity="sha512-Ol+aW3PNQAjGdD0KCyelmB8whw85m+OUP6XSSFSfCC9CobIfc3/PpYI5y8G1KINs61i24t+qPh6ecNOkKIwj1g=="/>
<link rel="stylesheet" type="text/css"
href="{% static 'core/css/estilos.min.css' %}"
integrity="sha512-YOw+5YDQUjMCYAwGLEIKxRfsp5AhcNF5MznjoLsZ3wpKA7SYaih8hH4Re18oTCBoGCN7BpANWd/62coJEg9qKg=="/>
</head>
<body>
<!-- Header and Menu -->
<header>
<div class="contenedor">
<nav class="menu">
<a href="#" id="btn-acerca-de">Acerca de</a>
<a href="#" id="btn-trabajos">Proyectos</a>
<a href="#" id="btn-contacto">Contacto</a>
</nav>
<div class="contenedor-texto">
<div class="texto">
<h1 class="nombre">Jesús</h1>
<h2 class="profesion">Desarrollador</h2>
</div>
</div>
</div>
</header>
<!-- content -->
<main>
{% block content %}{% endblock %}
</main>
{% block footer %}
{% block contacto %}{% endblock %}
{% endblock %}
<script src="{% static 'core/js/formulario.min.js' %}"
integrity="sha512-0ZbDyM52f1CnXGGXXH2efXrOjZm8X/BwK0xyy5uXAOZZ2+QHXwbYssKghNqBW4bRzpB4eQhUIhvNqbePPcu4iA=="></script>
<script src="{% static 'core/lib/jquery/dist/jquery.min.js' %}"
integrity="sha512-3P8rXCuGJdNZOnUx/03c1jOTnMn3rP63nBip5gOP2qmUh5YAdVAvFZ1E+QLZZbC1rtMrQb+mah3AfYW11RUrWA=="></script>
<script src="{% static 'core/js/efectos.min.js' %}"
integrity="sha512-PRBtv3Oe/QWmjUhk4y1L/Woak7V/2OBu4+iSzUs3yqy7LDXmNm9aIM28hbT+ccWqd3mFefyKj2X7rxRONIreTA=="></script>
</body>
</html>

View File

@ -1,53 +0,0 @@
<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Sitio personal de Jesús</title>
{% load static %}
<link rel="icon" href="{% static 'core/images/favicon.png' %}" sizes="192x192" />
<link rel="stylesheet" type="text/css"
href="{% static 'core/lib/normalize-css/normalize.css' %}"
integrity="sha512-Ol+aW3PNQAjGdD0KCyelmB8whw85m+OUP6XSSFSfCC9CobIfc3/PpYI5y8G1KINs61i24t+qPh6ecNOkKIwj1g=="/>
<link rel="stylesheet" type="text/css"
href="{% static 'core/css/estilos.min.css' %}"
integrity="sha512-YOw+5YDQUjMCYAwGLEIKxRfsp5AhcNF5MznjoLsZ3wpKA7SYaih8hH4Re18oTCBoGCN7BpANWd/62coJEg9qKg=="/>
</head>
<body>
<!-- Header and Menu -->
<header>
<div class="contenedor">
<nav class="menu">
<a href="#" id="btn-acerca-de">Acerca de</a>
<a href="#" id="btn-trabajos">Proyectos</a>
<a href="#" id="btn-contacto">Contacto</a>
</nav>
<div class="contenedor-texto">
<div class="texto">
<h1 class="nombre">Jesús</h1>
<h2 class="profesion">Desarrollador</h2>
</div>
</div>
</div>
</header>
<!-- content -->
<main>
{% block content %}{% endblock %}
</main>
{% block footer %}
{% block contacto %}{% endblock %}
{% endblock %}
<script src="{% static 'core/js/formulario.min.js' %}"
integrity="sha512-0ZbDyM52f1CnXGGXXH2efXrOjZm8X/BwK0xyy5uXAOZZ2+QHXwbYssKghNqBW4bRzpB4eQhUIhvNqbePPcu4iA=="></script>
<script src="{% static 'core/lib/jquery/dist/jquery.min.js' %}"
integrity="sha512-3P8rXCuGJdNZOnUx/03c1jOTnMn3rP63nBip5gOP2qmUh5YAdVAvFZ1E+QLZZbC1rtMrQb+mah3AfYW11RUrWA=="></script>
<script src="{% static 'core/js/efectos.min.js' %}"
integrity="sha512-PRBtv3Oe/QWmjUhk4y1L/Woak7V/2OBu4+iSzUs3yqy7LDXmNm9aIM28hbT+ccWqd3mFefyKj2X7rxRONIreTA=="></script>
</body>
</html>

View File

@ -0,0 +1,114 @@
{% 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_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 %}
{% 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://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 %}

View File

@ -1,116 +0,0 @@
{% 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 %}
{% 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://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 %}

View File

@ -33,5 +33,5 @@ def home(request):
return redirect(reverse('home')+"?fail")
# EndForm
return render(request, 'trabajo/index.html',
return render(request, 'trabajo/index.djhtml',
{'projects': projects, 'form': contact_form})