Mi web es una y es trina

A modo de taburete, la web en la que he estado trabajando desde primeros de marzo hasta ahora es una y es trina, sí, se trata de 3 patas que sustentan una especie de triunvirato que espero que no acabe tan mal como el famoso juliano.

La web Base

El esqueleto o lo que la aglutina es lo que llamo la base que está hecha casi «from scratch» en lo que se refiere al estilo, al aspecto, al comportamiento en diferentes dispositivos…

web base

El diario en WordPress.org

Sobre ella (o bajo ella, no sé) hay instalada una base de datos que gestiona, desde el 2011, mi diario, en el que escribo, como su nombre indica, casi diariamente, excepto en temporadas estivales o fiestas de guardar (el 1 de mayo o el 6 de diciembre).

De hecho, elegir el estilo del wordpress que la muestra me llevó gran parte del mes de marzo, hasta que di con una combinación de dos «themes» que me gustaban y de los que personalicé el definitivo, que pasó también a influir para unificar el estilo que usaría en las otras 2 patas de esta web trifásica.

web blog

La galería en Piwigo

Pero lo más sofisticado fue cuando decidí que no quería utilizar ninguna de las herramientas más habituales de gestión de álbumes de fotos o imágenes para almacenar el material visual que tenía (que había tenido previamente en picassa, luego en google-photos, o para el que había desarrollado o implementado «sliders» de javascript más o menos engorrosos).

Así que «inventé la rueda» instalando en mi hosting una aplicación llamada Piwigo (open source para más datos) que maneja y almacena las imágenes: la galería.

web galeria

Subirlas a ese espacio requerían, para no ser demasiado pesadas en término de tamaño de archivo, su procesamiento, reducción de resolución, renombrado para evitar caracteres especiales, minúsculas para homogeneizar, etc… que hice gracias a la programación, pues hablamos de más de 3000 imágenes.

Unificar estas tres componentes y que parezcan una sola web y no múltiples ha sido complejo, pero lo más difícil todavía fue revisar reordenar y modificar todo el trabajo que tenía más o menos mal documentado desde el 2008 (fecha de la última actualización importante de la web) hasta hoy.

12 años de trabajo que han sido fructíferos en términos de obra, de producción casi industrial, de proyectos complejos y largos… muchos de los cuales no habían visto la luz hasta hoy.

Ahora siento un alivio considerable y una extraña sensación de vacío, sigo teniendo material en curso, en lo que estoy trabajando que aún no está en esta web, pero ya sé dónde ponerlo cuando acabe.

En resumen:

  1. Marzo: Pruebas de personalización de temas de blog (con instalaciones en desarrollo sobre una raspberry, para no «romper» nada importante), así como elección de tipo de letra, colores…
  2. Abril: Ordenación de material visual, de documentación de acciones, revisión de trabajos pendientes de un final…
  3. Mayo: Creación de la base de datos Piwigo para almacenamiento de las imágenes. Elección y personalización del tema elegido. Por momentos, parece algo superfluo que se podría haber hecho agrupando esto con el Diario en WordPress.org, pero me resulta más fácil compartimentar.
  4. Junio: Creación de la web base. Generación de una plantilla dinámica, pero que no haga uso de javascript salvo en lo imprescindible sino que sea responsive y con animaciones pero exclusivamente basándome en estándares CSS3 y HTML5 (me encantan las etiquetas «semánticas»).

Han sido meses de confinamiento y agradezco (a mí mismo, supongo) haber tenido el tiempo para poder afrontar algo como esto que muchas de las veces, mientras lo estaba haciendo dudaba que tuviese el más mínimo sentido en esta época de red social y publicación en plantilla.

Espero que me dure el trabajo principal, si no una docena de años como la anterior web, por lo menos más de 5 años.

Plantilla HTML de mi web

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&iacute;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>

 

Esto no es una broma