change templates html to djhtml
This commit is contained in:
parent
8cd923174d
commit
d7411f5af4
52
core/templates/core/base.djhtml
Normal file
52
core/templates/core/base.djhtml
Normal 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>
|
||||||
@ -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>
|
|
||||||
114
project/templates/trabajo/index.djhtml
Normal file
114
project/templates/trabajo/index.djhtml
Normal 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 %}
|
||||||
@ -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 %}
|
|
||||||
@ -33,5 +33,5 @@ def home(request):
|
|||||||
return redirect(reverse('home')+"?fail")
|
return redirect(reverse('home')+"?fail")
|
||||||
# EndForm
|
# EndForm
|
||||||
|
|
||||||
return render(request, 'trabajo/index.html',
|
return render(request, 'trabajo/index.djhtml',
|
||||||
{'projects': projects, 'form': contact_form})
|
{'projects': projects, 'form': contact_form})
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user