Modificando mi página web, me encuentro con que, finalmente, acabo generando una especie de plantilla (hecha a mano, como debe ser todo molde) que hace que casi toda la web sea relativamente homogénea, lo que me simplifica la vida, obviamente, pero también aburre un poco porque tienes la sensación de que todas las páginas que estás visitando son un poco más de lo mismo… Pero qué le voy a hacer. Es mi forma de ser.
Aquí dejo la plantilla HTML y en breve publicaré también los documentos CSS y el javascript necesario para hacer una página responsive manejando una estructura de archivos HTML con más de 100 páginas individuales.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" content="Página Personal de Giusseppe Domínguez">
<meta name="Keywords" content="Arte, Taller, Curso, Clase, Poesía, Escritura, Creatividad, Giusseppe Domínguez, Clave 53, Experimentación">
<meta name="author" content="Giusseppe Domínguez">
<title>Giusseppe Domínguez</title>
<link rel="stylesheet" href="../estilos/gsp2020.css">
<link rel="shortcut icon" href="../img/gsp.ico">
<script src="../js/jquery.min.js"></script>
<script src="../js/gsp.js"></script>
</head>
<body>
<!-- Menú superior -->
<script type="text/javascript">
creaheader('../'); // Crea menú - top (logo-header y nav)
</script>
<main>
<section>
<a name=ACCIONES></a>
<article>
<hgroup>
<h1>Acciones</h1>
<h3>Performances, Acciones, Poesía Escénica...</h3>
</hgroup>
<div class="content">
<p>AQUÍ VA EL CONTENIDO</p>
</div> <!-- /content -->
</article> <!-- /article -->
</section> <!-- / #main-content -->
</main>
<!-- Footer -->
<script type="text/javascript">
creafooter(); // Crea footer (copyright y ref: giusseppe.net)
</script>
</body>
</html>