diff options
Diffstat (limited to 'templates/index.tpl')
| -rw-r--r-- | templates/index.tpl | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/templates/index.tpl b/templates/index.tpl new file mode 100644 index 0000000..18b74eb --- /dev/null +++ b/templates/index.tpl @@ -0,0 +1,121 @@ +<!DOCTYPE html> +<html lang="es"> + <head> + <meta charset="UTF-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1.0"/> + <meta name="description" content="{$description}"> + <meta content="index,follow" name="robots"/> + <title>{$titulo}</title> + <link rel="icon" href="{$templates.favicon}" sizes="192x192" /> + <link rel="stylesheet" type="text/css" href="{$templates.normalize}" /> + <link rel="stylesheet" type="text/css" href="{$templates.estilos}" /> + <style> + .rotate { + display: inline-block; + transform: rotate(180deg); + } + </style> + </head> + <body> + <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">{$nombre}</h1> + <h2 class="profesion">Desarrollador</h2> + </div> + </div> + </div> + </header> + + <main> + <section class="acerca-de" id="acerca-de"> + <div class="contenedor"> + <div class="foto"> + <img alt="Jesús Eduardo" title="Jesús Eduardo" src="./templates/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> + <section class="trabajos" id="trabajos"> + <div class="contenedor"> + <h3 class="titulo">Proyectos</h3> + <div class="contenedor-trabajos"> + <div class="trabajo"> + <div class="thumb"> + <img alt="LibreVideoJS" title="LibreVideoJS" src="./templates/images/trabajos/librevideojs.jpg"/> + </div> + <div class="descripcion"> + <p class="nombre"><a href="{$projects.librevideojs}" rel="noopener noreferrer" target="_blank">LibreVideoJS</a></p> + <p class="categoria">CSS - ECMAScript</p> + </div> + </div> + <div class="trabajo"> + <div class="thumb"> + <img alt="Hyperbola" title="Hyperbola GNU/Linux-Libre" src="./templates/images/trabajos/hyperbola.jpg"/> + </div> + <div class="descripcion"> + <p class="nombre"><a href="{$projects.hyperbola}" rel="noopener noreferrer" target="_blank">Hyperbola GNU/Linux-Libre</a></p> + <p class="categoria">GNU + Linux-Libre</p> + </div> + </div> + <div class="trabajo"> + <div class="thumb"> + <img alt="Conocimientos Libres" title="Conocimientos Libres" src="./templates/images/trabajos/conocimientos.jpg"/> + </div> + <div class="descripcion"> + <p class="nombre"><a href="{$projects.cl}" rel="noopener noreferrer" target="_blank">Conocimientos Libres</a></p> + <p class="categoria">HTML5 + Bootstrap 3 + CSS3 + ECMAScript</p> + </div> + </div> + </div> + </div> + </section> + </main> + + <footer> + <section class="contacto" id="contacto"> + <div class="contenedor"> + <h3 class="titulo">Contacto</h3> + <form id="formulario" class="formulario" method='POST'> + <input name="nombre" type="text" placeholder="Nombre"/> + <input name="correo" type="email" placeholder="Correo" required/> + <textarea name="mensaje" placeholder="Mensaje"></textarea> + <ul id="error" class="error"></ul> + <input class="boton" name="submit" type="submit" value="Enviar"/> + </form> + </div> + </section> + + <div class="redes-sociales-libres"> + <div class="contenedor"> + <a class="gnusocial" href="{$sociales.gnusocial}" rel="noopener noreferrer" target="_blank"><i class="icon-gnusocial"></i></a> + <a class="diaspora" href="{$sociales.diaspora}" rel="noopener noreferrer" target="_blank"><i class="icon-diaspora"></i></a> + <a class="mediagoblin" href="{$sociales.mediagoblin}" rel="noopener noreferrer" target="_blank"><i class="icon-mediagoblin"></i></a> + <a class="libregit" href="{$sociales.libregit}" rel="noopener noreferrer" target="_blank"><i class="icon-libregit"></i></a> + </div> + </div> + + <div class="copyleft"> + <p>Copyleft <span class="rotate">©</span> {$yesterday|date_format:"%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://notabug.org/heckyel/personal-site" target="_blank">source code</a> + <a hidden href="{$librejs.librejs}" data-jslicense="1" rel="license">Información de licencias de JavaScript.</a> + </p> + </div> + + </footer> + <script src="{$librejs.jquery}" + integrity="sha512-+NqPlbbtM1QqiK8ZAo4Yrj2c4lNQoGv8P79DPtKzj++l5jnN39rHA/xsqn8zE9l0uSoxaCdrOgFs6yjyfbBxSg=="></script> + <script src="{$librejs.formulario}"></script> + <script src="{$librejs.efectos}"></script> + </body> +</html> |