Tengo pendiente hacer un backup de mi diario

El pasado martes tuve un pequeño infarto cuando me encontré con que no podía publicar nada en este diario, ni siquiera podía acceder a él para leerlo.

Cada cierto tiempo hago exportaciones de las entradas del mismo en un formato XML que se supone que almacena lo necesario, pero cuando intento subir ese archivo a un blog de wordpress me encuentro con que no funciona como era de esperar (como yo esperaba, en cualquier caso).

Por supuesto, también descargué, porque eso sí se podía, todo el directorio (que está en /blog de mi servidor) pero sé que sin la base de datos, tampoco es propiamente un blog, sino un montón de archivos más o menos estáticamente enlazados, que, por supuesto, no permiten su gestión habitual.

Así que estoy temblando ante el hecho de no haber realizado el backup que debe ser hecho, mediante exportación de la base de datos, ya sea con algún plugin o ya sea mediante comandos directos de SQL, junto a la exportación de las entradas. Después, para comprobar que está bien salvaguardado, tendré que hacer una instalación en un servidor dedicado a ello (por ejemplo el de mi teléfono móvil) y así quedarme razonablemente tranquilo.

Introduce el título aquí

comienza diciéndome el gestor
de contenido de mi diario
que muchos llamarían blog

y le hago caso
y escribo un título que tenga que ver con el texto
de aquello que tecleo
porque rara vez copio y pego
en un rectángulo blanquecino rodeado de infinidad
de estímulos que sirven para indicar
qué tipo de material
discursivo
estoy introduciendo en mi diario
que muchos llamarían blog

algunos rectangulitos superiores a este en el que ahora mismo
estoy escribiendo
contienen unas letras que sirven para indicar
para qué sirven
como si eso fuese suficiente para saberlo
como si este diario
que muchos llamarían blog
debiera tener o contener imágenes
listas
enlaces
letras con distintos efectos tipográficos
o alguna otra cosa que cautive los ojos de un potencial
lector
inapresable
de este diario
que muchos llamarían blog

tras unas 134 palabras y con un borrador guardado a las 11:43:12
considero que la sarta de inutilidades
que tenía que escribir hoy
está cubierta sobre este estúpido diario
que muchos llamarían blog

Máquina de coser

maquina de coser

Para mí siempre fue un misterio
cómo esa aguja avanzaba
el línea recta
cosiendo los bajos de un pantalón
que a veces se llamaban pantalones.

No podía entender de qué manera
se enhebraba a tal velocidad
ni de dónde salía el hilo
que realizaba ese milagro.

Mi madre se sentaba a su Singer
y hacía girar una rueda
que mantenía a una velocidad
angular más o menos constante
mediante el traqueteo de un enorme pedal
bajo la máquina.

Era una máquina antigua
como de otra época
que certificaba que mi madre era mi madre
y que aquel ingenio podría bien haber sido de la suya.

El hilo solía ser de un tono ocre
o blanco
y surcaba los tejidos como hormigas
invertidas.

Me quedaba mirando con cara de tonto
ese ir y venir de la aguja sobre la plataforma
metálica en la que ocurría el misterio.

Pasó mucho tiempo
hasta que me olvidé de esa maravilla de la técnica
que permitía
sin más ayuda que la energía mecánica
principalmente cinética
coser
como cosiendo y cantando.

Pero aquellos eran otros tiempos
y la máquina de coser
ya no busca paraguas para cohabitar con ellos
sobre una sorprendida mesa de disección.

La máquina de coser
es hoy mucho más prosaica
o yo no soy capaz de ver
la poesía que encierra.

Yo nunca aprendí a coser
en condiciones
pero porque tenía que poder hacerlo
menos manualmente que con un hilo enhebrado
y pinchándome en el dedal de aluminio o cobre
con unas delicadas marcas semiesféricas convexas
en una superficie cubilítica.

Creo que me había puesto muy alto el listón
comparándome con ese invento imposible de desentrañar.

La época de las comparaciones ha pasado
pero sigo sin coser.

Sin embargo
la máquina sigue
recordándome mi infancia
a mi madre
y un tipo de mirada que sólo recupero
cuando tengo ganas de escribir un poema
como este.

Silencio administrativo

tras años de contacto
silencio administrativo
tras décadas de dedicación
silencio administrativo
tras confianzas vertidas
silencio administrativo
tras eventos y celebraciones
silencio administrativo
tras poemas al oído
silencio administrativo
tras compartir ilusión
silencio administrativo
tras tras tras tras
silencio administrativo
silencio

silencio.

laconsulta.giusseppe.net

laconsulta

Por fin he terminado (quedará algún fleco) el diseño y/o programación de la web del proyecto La Consulta: Caso 30.

He logrado que sea visible en todo tipo de dispositivos optimizando su visionado en todos ellos, así como en medios paginables (impresoras), haciendo incluso posible su impresión página a página sin separación de párrafos o bloques de preguntas y respuestas.

El color elegido para el menú superior de la versión móvil (para pantallas de menos de 750 píxeles) ha sido casual y no causal, dado que lo encontré en un ejemplo y me gustó. Lo mantuve porque creo que los móviles tienen cierta necesidad de color que, sin embargo, en las pantallas de ordenador resulta saturante.

En lugar de la utilización de una imagen para el famoso icono «hamburguesa«, preferí utilizar una letra griega (Xi) en mayúsculas, muy en consonancia con el resto del proyecto: Ξ.

Otro tema que me tuvo muy perturbado era el de usar un diseño que el posicionamiento de Google no viese mal (maldito SEO), lo que conllevaba dejar de utilizar, entre otras cosas, mis amados frames y framesets, óptimos para menús y pies de página o para ventanas laterales fijas, pero que dado el desarrollo del posicionamiento en pantalla mediante CSS parecen obsoletos, casi como yo.

Así que prescindí de ellos, pero había algo que no me gustaba de esta nueva forma y era el tener que repetir «código» HTML en cada uno de los ficheros o páginas estáticas de las que está compuesta la web en cuestión.

No quería pasar por la utilización de JavaScript (por dar soporte a los usuarios más paranoicos posibles) y barajé la opción de usar PHP o, incluso, algún tipo de aplicación en el servidor, pero me parecía realmente matar moscas a cañonazos. Terminé optando por una solución de compromiso que, no obstante, me resulta interesante:

<!-- Menú superior -->	
<noscript>
  <iframe id="cabecera" src="topmenu.html"></iframe>
</noscript>
<script type="text/javascript">
  creaheader(); // Crea menú - top (logo-header y nav)
</script>

Naturalmente, la sección correspondiente al footer, está resuelta de la misma manera.

La función creaheader() está definida en un archivo llamado laconsulta.js en el siguiente fragmento:

// Funciones para crear menú navegador de la página web

// Función que crea un menú de cabecera
function creanav() {
  var text= '<nav>' +
    '<ul>' +
      '<li class="submenu"><a href="genesis.html">Génesis</a>' +
      '<ul class="children">' +
        '<li><a href="genesis.html">a</a></li>' +
        '<li><a href="laconsulta.html">b</a></li>' +
        '<li><a href="origen.html">c</a></li>' +
      '</ul></li>' +
      '<li class="submenu"><a href="exodo.html">Éxodo</a>' +
      '<ul class="children">' +
        '<li><a href="exodo.html">x</a></li>' +
        '<li><a href="exodoexit.html">&omega;</a></li>' +
      '</ul></li>' +
      '<li class="submenu"><a href="levitico.html">Levítico</a>' +
      '<ul class="children">' +
        '<li><a href="levitico.html">&alpha;</a></li>' +
        '<li><a href="leviticodetalle.html">&beta;</a></li>' +
        '<li><a href="leviticopeaton.html">&gamma;</a></li>' +
        '<li><a href="leviticoinversion.html">&delta;</a></li>' +
      '</ul></li>' +
      '<li class="submenu"><a href="numeros.html">Números</a>' +
	'<ul class="children">' +
        '<li><a href="numeros.html">1</a></li>' +
        '<li><a href="numerosh.html">e</a></li>' +
        '<li><a href="numeroslibro.html">&pi;</a></li>' +
        '<li><a href="numerosapp.html">i</a></li>' +
      '</ul></li>' +
      '<li class="submenu"><a href="deuteronomio.html">Deuteronomio</a>' +
      '<ul class="children">' +
        '<li><a href="deuteronomio.html">&#1488;</a></li>' +
        '<li><a href="garbanzosfoto.html">&#1489;</a></li>' +
        '<li><a href="garbanzosvideo.html">&#1490;</a></li>' +
        '<li><a href="garbanzospresupuesto.html">&#1491;</a></li>' +
      '</ul></li>' +
      '</ul>' +
    '</nav>';
  document.write(text);
}

// Función que crea un logo-header lateral superior
function crealogoheader() {
  var text='<a id="logo-header" href="index.html">' +
	'<span class="site-name">La Consulta Caso 30</span>' +
	'<span class="site-desc">Giusseppe Domínguez</span>' +
  '</a> ';
  document.write(text);
}
// Función que crea un menú superior para móviles
function creamenubar() {
  var text='<div class="menu_bar">' +
	'<a href="#" class="bt-menu"><span>&Xi;</span>La Consulta Caso 30</a>' +
  '</div>';
  document.write(text);
}
// Función que crea el header superior (menú top)
function creaheader() {
  document.write('<header>');
  crealogoheader();
  creamenubar();
  creanav();
  document.write('</header>');
}

Y ya que estoy emocionándome con esto de mostrar códigos, mostraré también el que uso para organizar los diferentes bloques de reglas de estilo CSS3, un genérico consulta.css que incluye cuando procede los distintos archivos css (para pantallas de PC, para móviles, para impresoras):

/************************************************
Archivo consulta.css para aplicar estilos de manera particular
en los distintos medios de la web http://laconsulta.giusseppe.net
************************************************/
@viewport {
    zoom: 1.0;
    width: device-width;
}
@import url("consultamovil.css") only screen and (max-width: 750px);
@import url("consultascr.css") only screen and (min-width: 750px);
@import url("consultaprint.css") only print;

Estoy especialmente orgulloso de haber sido tan detallista como para que la impresión de algo tan complejo como esos «acordeones» de preguntas y respuestas pueda ser realizada sin la ruptura de los bloques en páginas separadas, mediante la inclusión en el fichero acordeon.css de las siguientes líneas que evitan esa medida que habría ocurrido de manera automática:

@media print {
  .acordeon input { display: none; }
  .acordeon label {
    display: block;
    color: white;
    background: #666;
  }
  .pregunta-respuesta {
    page-break-inside: avoid;
  }
}

Ahora sé que será una web poco visitada y que la obsesión por el posicionamiento SEO es absurda y ni hablar de las manías que vengo habiendo demostrado y mostrado durante este desarrollo, pero he aprendido bastante en el proceso y alguna de esas cosas será reutilizada en un futuro no muy lejano cuando tenga que remodelar la web de la Asociación Cultural Clave 53.

Taller monográfico de acercamiento al haiku

El curso estará dividido en las siguientes secciones:

  1. El Haiku: Historia y escritores del periodo clásico
  2. Estructura silábica, esencia. Otras formas primigenias: Tanka y Hokku
  3. Zen y Poesía: La espiritualidad de la escritura japonesa
  4. Más allá de las fronteras de Japón: El Haiku en Occidente

El haiku, consiste en un poema breve de tres versos de cinco, siete y cinco sílabas respectivamente. Es una de las formas de poesía tradicional japonesa más extendidas.

Este camino
ya nadie lo recorre
salvo el ocaso

Matsuo Basho

Canción protesta
después de los setenta
canción de próstata

Mario Benedetti
(como prueba de que se puede seguir reinventando el género)

Tradicionalmente el haiku, así como otras composiciones poéticas, buscaba describir los fenómenos naturales, el cambio de las estaciones, o la vida cotidiana de la gente. Muy influido por la filosofía y la estética del zen, su estilo se caracteriza por la naturalidad, la sencillez (no el simplismo), la sutileza, la austeridad, la aparente asimetría que sugiere la libertad y con ésta la eternidad.

Datos Prácticos:
Plazas limitadas. Grupos de un máximo de 10 personas. (mínimo de 4 personas)

Fechas: Jueves de ABRIL 2016
Horario: 21:00-22:00
Cuota: 40 Euros (4 horas)
Promociones: 29 € a desempleados, universitarios.
Inform. y Reserva: poesia@clave53.org // 655 99 04 13
Coordinador: Giusseppe Domínguez (www.giusseppe.net)
Lugar: C/Costanilla de los Ángeles, 2, Esc. Izda. 1-Dcha. Metro Ópera (L2, L5). A 5 minutos de SOL.

Reutilizando un móvil viejo

Después del «trauma» de ayer de justificar una adquisición parcialmente innecesaria de un teléfono móvil nuevo, queda el gustillo de saber qué hacer con el anterior, sin desecharlo, utilizándolo para asuntos tan diversos como:

  1. VLC-Remote: Un estupendo mando a distancia para controlar la evolución de la reproducción en la televisión (previamente conectada vía HDMI al ordenador) de alguna película o capítulo serial.
  2. Palapa-Server: Sorprendente herramienta que convierte un smartphone android en un servidor web (php incluido, aunque yo no lo utilizo), así que tan sólo he tenido que copiar los archivos de los servidores web que gestiono (carmendelarosa.com, giusseppe.net y clave53.org) y de este modo, con un equipo casi dedicado, enchufado (el problema principal por el que hube de sustituirlo era la poca duración de la batería) pero con un consumo mucho menor que el de un ordenador, puedo tener un servidor en la red interna que sirva como servidor de desarrollo.
  3. Configurando el router para hacer un poco de «NAT» (traducción de direcciones IP y puertos TCP) y tener un deseado servidor web de pruebas visible en el mundo exterior.
  4. Hace tiempo, realicé un programita que ahora mismo dispongo en esta entrada para que pueda verse mi retorcida forma de pensar, altamente inútil:
    #!/bin/sh
    
    # DEFINICION de VARIABLES
    dirdestinos="/home/giusseppe/cloud/Dropbox/IP
     /home/giusseppe/cloud/Mega/IP"
    ficheroip="/tmp/ficheroip.txt"
    ficheroiphtml="/tmp/ficheroip.html"
    
    # Borramos posibles restos temporales de otras ocasiones
    rm -f /tmp/ficheroip.*
    
    # Crear fichero txt únicamente con la IP
    servidor_curl="icanhazip.com"
    curl -sS $servidor_curl -o $ficheroip
    
    # Crear un index.html con la IP para accesos sencillos:
    MIIP=`cat $ficheroip`
    # Servido ofrecido por PCTACENS
    PUERTOSSH=5622
    PUERTOFTP=5621
    PUERTOHTTP=5680
    # Servido ofrecido por MOVIL
    PUERTOFTP2=8021
    PUERTOHTTP2=8080
    
    cat > $ficheroiphtml << EOF
    <!DOCTYPE html>
    <html lang="es">
    <head>
    	<meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="description" content="Aplicaciones Inútiles, Giusseppe Domínguez">
      <meta name="keywords" content="aplicaciones,Giusseppe Domínguez,inútil,http,internet,desarrollo,web">
      <meta name="author" content="Giusseppe Domínguez">
    	<title>Servidores de Desarrollo de Giusseppe Domínguez</title>
      <link rel="shortcut icon" href="http://giusseppe.net/img/gsp.ico">
      <link rel="stylesheet" href="http://giusseppe.net/estilos/gsp.css" type="text/css">
    </head>
    <body>
    
    <h1>Mi IP es $MIIP</h1><hr>
    
    <ul>
    <li><a href="ftp://$MIIP">Conexi&oacute;n FTP a Router USB</a></li>
    <li><a href="ftp://$MIIP:$PUERTOFTP">Conexi&oacute;n FTP a PCTACENS</a></li>
    <li><a href="ftp://$MIIP:$PUERTOFTP2">Conexi&oacute;n FTP a MOVIL</a></li>
    <li><a href="ssh://$MIIP:$PUERTOSSH">Conexi&oacute;n SSH a PCTACENS</a></li>
    </ul>
    
    <h3>Servidores Web</h3>
    <ul>PCTACENS
    <li><a href="http://$MIIP:$PUERTOHTTP">carmendelarosa.com</a></li>
    <li><a href="http://$MIIP:$PUERTOHTTP/clave53.org/">clave53.org</a></li>
    <li><a href="http://$MIIP:$PUERTOHTTP/giusseppe.net/">giusseppe.net</a></li>
    <li><a href="http://$MIIP:$PUERTOHTTP/ivanaraujo.com/">ivanaraujo.com</a></li>
    <li><a href="http://$MIIP:$PUERTOHTTP/lilianflores.com/">lilianflores.com</a></li>
    </ul>
    
    <ul>MOVIL
    <li><a href="http://$MIIP:$PUERTOHTTP1">carmendelarosa.com</a></li>
    <li><a href="http://$MIIP:$PUERTOHTTP1/clave53.org/">clave53.org</a></li>
    <li><a href="http://$MIIP:$PUERTOHTTP1/giusseppe.net/">giusseppe.net</a></li>
    <li><a href="http://$MIIP:$PUERTOHTTP1/ivanaraujo.com/">ivanaraujo.com</a> (No disponible)</li>
    <li><a href="http://$MIIP:$PUERTOHTTP1/lilianflores.com/">lilianflores.com</a></li>
    </ul>
    
    <ul>Producci&oacute;n
    <li><a href="http://www.carmendelarosa.com">carmendelarosa.com</a></li>
    <li><a href="http://www.clave53.org">clave53.org</a></li>
    <li><a href="http://www.giusseppe.net">giusseppe.net</a></li>
    <li><a href="http://www.ivanaraujo.com">ivanaraujo.com</a></li>
    <li><a href="http://www.lilianflores.com">lilianflores.com</a></li>
    </ul>
    
    </body></html>
    EOF
    # Fin del ficheroip.html
    
    # Copiamos los ficheros con datos de IP a los destinos deseados
    # (Estarán disponibles en las respectivas "nubes" Dropbox/Mega)
    for dirdestino in $dirdestinos
    do
    	cp /tmp/ficheroip.* $dirdestino/.
    done
    
  5. Este programita es programado para que su ejecución ocurra cada hora, actualizando la IP externa del router que puede haber cambiado sin previo aviso por parte de mi operadora.

Y seguiré investigando en los posibles usos que se le puede dar a dispositivos aparentemente obsoletos de los que, a medida que pase el tiempo, tendremos más y más sin ningún otro sentido que el de estar a la última.

Ya que no reducimos (el consumo), al menos reutilicemos. Llegar a reciclar ha de ser el último recurso.

Nuevo móvil

Es la primera vez en mi vida que «pago» directamente por un teléfono móvil.

Mi primer móvil me vino «impuesto» hace cerca de 20 años: en el trabajo que entonces hacía en los servicios informáticos de las cajas rurales (RSI) me «regalaron» un móvil para estar más disponible a ser localizado ante incidencias del servicio. Dije tajantemente que no iba a estar disponible en todo lugar y en todo momento si aquello no se reflejaba en la nómina y ahí quedó, guardado en el cajón de mi despacho para cuando llegaba a trabajar por las mañanas.

Cuando dejé aquel trabajo, adquirí un teléfono móvil para estar disponible cuando yo decidiese y para quien yo decidiese estarlo. Lo regaló la compañía con la que me di de alta para fomentar ese tipo de consumo que ha terminado por ser altamente lucrativo.

Después tuve una amiga que trabajó en el Departamento de Bajas de una compañía telefónica y me dijo que ese departamento no existía sino que se denominaba realmente Departamento de Retenciones porque te dan lo que sea para retenerte como cliente, tanto es así que desde entonces, cada vez que he querido tener un nuevo dispositivo, tan solo esperaba a que cumpliese el tiempo de permanencia que adquiría con la compañía en cuestión de ese momento y a partir de ahí llamaba a alguna otra con la finalidad de lograr la mejor oferta posible de captación (donde siempre te regalaban móviles, a costa de adquirir compromisos de permanencia y consumos mínimos) y la negociación, desde esa postura de poder, con el Departamento de Retenciones de la empresa que me estaba dando el servicio.

Hubo muchas ocasiones en las que obtuve descuentos considerables (40% durante un año, por ejemplo) además de la deseada actualización del dispositivo.

De un tiempo a esta parte, me resulta cansado cambiar de móvil pues el tiempo de adaptación y personalización del mismo es largo y, por otro lado, las compañías han dejado de «regalar» tan fácilmente un teléfono a quien se dé de alta.

Además, los teléfonos liberados, aquellos que pueden ser usados con cualquier operador, han bajado de precio considerablemente. No así los no liberados cuyo precio viene más explícitamente reflejado en las nuevas contrataciones donde el coste ronda los 6/10€ mes durante 2 años, lo que arroja cantidades próximas a los 200€/móvil.

El último que he tenido, durante el pasado año, ya fue un teléfono libre de compromisos con operadora, lo que me permitiría fijar mi atención en los descuentos de tarifas en lugar de la adquisición de nuevos terminales, ha resultado ser un teléfono cuyo funcionamiento era, en el mejor de los casos, deficiente.

En los más recientes meses el terminal se apagaba al llegar al 60% de batería, lo que venía ocurriendo a las dos o tres horas de haber desconectado el mismo del cargador.

Era muy grande (es, porque sigue vivo) y no cabía en mis bolsillos delanteros del pantalón, obligándome a andar cambiándolo de bolsillos o de ubicación constatemente, incluso a llevarlo en la mano (haciéndome, así, perder la libertad de uso de una de mis más preciadas extremidades) o tener que depositarlo en cada una de las mesas que encontraba a mi paso, como si estuviese preocupado por la llamada siguiente o el mensaje de turno.

Me lo habían regalado mis padres (agradecimiento mediante) y a caballo regalado… y yo era absolutamente reacio a adquirir uno pagándolo, diciendo que, en realidad, no era muy necesario tener un teléfono último modelo.

Así que acabé por hacer de su uso (de un Xirius 5.5 que ha funcionado fatal) una especie de resistencia al consumismo imperante, diciéndome un «¡bah! no necesito uno mejor: puedo aguantar». Pero el tiempo transcurría (más de un año) y he terminado por estar harto de que no tenía un teléfono con el que pudiese considerar que contaba para hablar o enviar un mensaje o alguna de esas innumerables cosas para las que ahora mismo uso un teléfono.

Este pasado fin de semana, finalmente (valga la redundancia), he adquirido un teléfono BQ a mi cuñado en su tienda de Beep Daimiel por un precio de 150€. Me resulta doloroso, casi, saber que he pagado más por ello que por mi mejor abrigo, pero he de reconocer que es una caja de herramientas (no sólo una herramienta) que utilizo cada día más en todo momento y con múltiples motivos.

A pesar de una garantía de 5 años que todos sabemos que no tiene más sentido que el marketiniano, asumo que durará (en el mejor de los casos) unos 3 años o 30 meses, lo que hace un total de (aproximando mucho) unos 150€/30mese = 5€/mes. Que me parece una cantidad razonable para el servicio que ha de darme.

de aquí a allá

Paso del haiku a la astrofísica, de la astrofísica al álgebra, del álgebra a la topología, de la topología a la sintaxis, de la sintaxis a la lingüística, de la lingüística a la historia, de la historia a la geografía, de la geografía a la geolocalización, de la geolocalización a la programación, de la programación al CSS, del CSS al SEO, del SEO al veo-veo, del veo-veo al velo, del velo al llanto, del llanto al canto, del canto al tango, del tango al sueño, del sueño al psicoanálisis, del psicoanálisis a las vanguardias, de las vanguardias a John Cage, de Cage a la performance, de la perfomance a la acción, de la acción a la reflexión, de la reflexión a la teoría, de la teoría a la práctica, de la práctica a la plática, de la plática a la amistad, de la amistad al amor, del amor a Carmen, de Carmen a la pasión, de la pasión a la semana santa, de la semana santa a la laicidad, de la laicidad a la moral, de la moral a Kant, de Kant a Aristóteles, de Aristóteles a Arquímedes, de Arquímedes a Siracusa, de Siracusa a los helados, de los helados a la pasta, de la pasta a la gastronomía, de la gastronomía a lo gastrointestinal, de lo gastrointestinal a la diarrea, de la diarrea a la fisura, de la fisura a la muerte, de la muerte a la palabra, de la palabra a la sílaba, de la sílaba a la letra, de la letra al signo, del signo al símbolo, del símbolo a Roland Barthes, de Barthes a la estructura, de la estructura al discurso, del discurso a la política, de la política a la guerra, de la guerra a la violencia, de la violencia al rechazo, del rechazo a la intolerancia, de la intolerancia a la tolerancia, de la tolerancia a la diferencia, de la diferencia a la distancia, de la distancia a Japón y de Japón al haiku.

La Consulta: Caso 30

La Consulta Caso 30

El martes pasado terminé la web dedicada al proyecto La Consulta: Caso 30.

http://laconsulta.giusseppe.net/

Ha sido un trabajo agotador, además de autoexigente por pedirme a mí mismo que fuese realizado por primera vez sin atenerme a la típica estructura organizativa de FRAMESET que llevo usando desde que lo conocí allá por los comienzos de los años 90.

Es una estructura versátil y modular que permite dividir la pantalla (del navegador) en varios FRAMES asociados a «ventanas» en los que ir mostrando la información pertinente.

No obstante, de momento a Google Inc., el mayor dictador de las prácticas de programación HTML/Web (dictador en tanto que «dicta» las buenas prácticas de cara al posicionamiento, por ejemplo, pero las dictaduras modernas no son impositivas, al menos no de forma, aunque sí lo sean de facto), no le gusta que se usen frames pues sus herramientas de escaneo en busca de información significativa no recorre los distintos apartados de un FRAMESET, sino que se limita a buscar aquellos términos que están en la página principal.

Dice (y puede que me lo crea) que es por una cuestión de «eficacia» o velocidad pues no tiene tiempo para recorrer lo que serían muchas más páginas a clasificar o identificar. Esto será especialmente importante para quienes usan, como yo, Google Adwords, pues su SEO, Search Engine Optimization, (uno de esos infernales términos que invaden nuestro lenguaje) mejorará sustancialmente de usar a no usar los inteligentes frames.

En este proyecto más que en otros podría haber ignorado totalmentelas exigencias o demandas de ese gigante de la tecnología, pero también es cierto que quise aproximarme a esta forma «nueva» de programación (hablar de programación HTML siempre me da un poco de risa) en la que el posicionamiento de los menús, por ejemplo, se realice mediante puro CSS, pero claro, he tirado de position: fixed / absolute que luego es más difícil de redimensionar.

Ya de paso, como si eso no fuese suficiente, he querido que fuese una página «web responsive» o, lo que es lo mismo, que se vea bien en un móvil o pantallas de diversos tamaños y resoluciones. Esto es una verdadera tortura, pues son demasiadas. La mejor forma era la clásica que llevo usando décadas de posicionamientos relativos y tamaños porcentuales para todo elemento que se precie.

html5-estructura-01

¿Y qué más?

No contento con eso, decidí aprender las nuevas etiquetas del HTML5, un estandar que parece que ha mejorado bastante la creación de páginas HTML. También aposté por el CSS3, con sus capacidades de animación y dinamismo que han hecho de herramientas como JavaScript o, por supuesto, el propietario (Adobe) Flash, un recuerdo del pasado o reservadas para contadísimas cosas dentro de una web moderna.

Pero, por encima de todo, no quise olvidarme del contenido, un contenido que nadie leerá. Pero ahí está, un contenido que pensé innumerables veces imponer en un formato más analógico, más secuencial, menos interactivo, mucho más rígido y lineal: un libro en papel. Además, quizá así podría incluso venderlo o presentarlo en algún sitio o qué se yo.

Y no. No me convencía.

Ha terminado siendo lo que tenía toda la pinta que terminaría siendo:

http://laconsulta.giusseppe.net/

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="La Consulta: Caso 30. Giusseppe Domínguez">
  <meta name="keywords" content="Proyectos,Giusseppe Domínguez,La Consulta,Arte Conteptual,Remuneración">
  <meta name="author" content="Giusseppe Domínguez">
  <title>La Consulta: Caso 30</title>
  <link rel="stylesheet" href="css/consulta.css">
  <link rel="shortcut icon" href="img/lctac30.ico">
</head>

<body>
<header>
		
 <a id="logo-header" href="index.html">
 <span class="site-name">La Consulta Caso 30</span>
 <span class="site-desc">Giusseppe Domínguez</span>
 </a> <!-- / #logo-header -->
 
 <nav>
 <ul>
 <li><a href="genesis.html">Génesis</a>
   <ul>
    <li><a href="genesis.html">a</a></li>
    <li><a href="laconsulta.html">b</a></li>
    <li><a href="origen.html">c</a></li>
   </ul></li>
 <li><a href="exodo.html">Éxodo</a>
   <ul>
    <li><a href="exodo.html">x</a></li>
    <li><a href="exodoexit.html">&omega;</a></li>
   </ul></li>
 <li><a href="levitico.html">Levítico</a>
   <ul>
    <li><a href="levitico.html">&alpha;</a></li>
    <li><a href="leviticodetalle.html">&beta;</a></li>
    <li><a href="leviticopeaton.html">&gamma;</a></li>
    <li><a href="leviticoinversion.html">&delta;</a></li>
   </ul></li>
 <li><a href="numeros.html">Números</a>
   <ul>
    <li><a href="numeros.html">1</a></li>
    <li><a href="numerosh.html">e</a></li>
    <li><a href="numeroslibro.html">&pi;</a></li>
    <li><a href="numerosapp.html">i</a></li>
   </ul></li>
 <li><a href="deuteronomio.html">Deuteronomio</a>
   <ul>
    <li><a href="deuteronomio.html">&#1488;</a></li>
    <li><a href="garbanzosfoto.html">&#1489;</a></li>
    <li><a href="garbanzosvideo.html">&#1490;</a></li>
    <li><a href="garbanzospresupuesto.html">&#1491;</a></li>
    </ul></li>
 </ul>
</nav><!-- / nav -->

 
</header><!-- / #main-header -->

<section>
 <article>
  <hgroup>
   <h1>¿Para qué sirvo?</h1>
  </hgroup>

  <a href="laconsulta.html"><img class="central" src="img/lctac30.jpg" alt="La Consulta: CASO 30" /></a>
			
  <div class="content">
   <p>Tengo un pasado variopinto pero un futuro tinto.</p>
   <p>No tengo claro el para qué sirvo ni si aquello para lo que puede que sirva es algo que sea remunerado.</p>
   <p>Es una pequeña (o no tanto) cuestión existencial.</p>
  </div>

 </article> <!-- /article -->
	
</section> <!-- / #main-content -->
 
<footer>
 <p>&copy; 2016 <a href="http://giusseppe.net" target="_blank">giusseppe.net</a></p>
</footer> <!-- / #main-footer -->

</body>
</html>
Esto no es una broma