Tecnología

upgrade a linuxmint 19

¿Qué necesidad tengo de actualizar a LinuxMint 19.3 si todo me va bien con LinuxMint 18.1?

La realidad es que no tengo ninguna necesidad ahora de hacerlo, pero puede que no me venga mejor cuando el LM 18 pierda su soporte:

18.1 Serena Ubuntu Xenial Long term support release (LTS), supported until April 2021.

Es decir, que si ahora no hago nada, me veré en la tesitura de que me convenga hacer esa actualización allá por abril o mayo de este prometedor 2021, prometedor de incertidumbres y crisis sanitario-económico-sociales varias. Así que quizá es mejor planificar y anticiparme a ese año con una actualización que me dejará con la «conciencia tranquila» hasta abril del 2023.

Estoy siguiendo las instrucciones de la Comunidad de Linux Mint con todo el cuidado posible, pero sabiendo que muy probablemente algo irá mal. Así que estoy mentalizado para, en un momento dado, tener que llevar a cabo una instalación completa, borrando todo lo que tengo, reinstalando fuentes (lo que puede ser un lío), así como aplicaciones que uso y que ya ni recuerdo. A pesar de todo, hice copias de seguridad pertinentes, backups de mi trabajo en más de 5 dispositivos… y lo peor que puede pasar es que acabe perdiendo 3 días… en este periodo prevacacional en el que estoy.

Ahora mismo se está descargando todos los paquetes en local para proceder a la instalación. Cruzo los dedos y pulso Enter.

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>

 

Pruebas de páginas de impresora nueva

Tener Linux y cambiar de impresora es algo tedioso, porque siempre falta algún driver que hace que no sea tan fácil como dicen que es. Por otro lado, lo de instalar una impresora que se conecte por wifi puede ser una maldita locura, sobre todo si se trata de la conexión «simple» por WPS, pero afortunadamente la última impresora que hemos tenido que adquirir para sustituir a una Canon PIXMA que no ha funcionado nunca muy bien, permite conectarse sin hacer uso de esa presunta utilidad.

Después de instalada y conectada a la red, toca hacer las distintas pruebas de impresión desde todos los dispositivos que suelen usarla, que son principalmente nuestros dos equipos de sobremesa (que realmente están «bajomesa») y un móvil, por si alguna vez se quiere imprimir sin abrir un PC, o si deja de funcionar el driver de turno en Linux (cosa que ocurre con más frecuencia de lo que desearía cualquiera). Son hojas que me gustan mucho, aunque no tengan más que imágenes y textos técnicos orientados a probar las distintas capacidades de la impresora, pero también contienen algo de información técnica que suele ser conveniente almacenar.

Varias pruebas desde un Linux Mint 18.3 (mío) y un UbuntuStudio 18.04 (Carmen), así como desde una APP del móvil:

Esta copia es la impresa desde mi Linux Mint con el driver ippeve.ppd el martes 14 de mayo, cuando nos llegó para sustituir a la que teníamos rota.

Esta copia es la realizada tras instalar el driver del fabricante, que curiosamente funciona mucho peor que el proporcionado por Linux de manera «natural». En ella queda información sobre la IP que le asignó (y reservé posteriormente por MAC ADDRESS) el router.

Amapolas en el Cráter

Desde la semana pasada, Clave 53 tiene una «emisora de radio 2.0», lo que comúnmente se denomina «podcast». Estamos emocionados con la propuesta y aquí incluyo el primer episodio de los que se irán realizando a raíz de uno diario y programando su emisión para que duren bastante tiempo, pero imagino que va a ser algo que me va a llevar mucho tiempo durante muchos años.

La idea partió de un verso de un alumno de los talleres y surgió en este periodo de confinamiento debido al coronavirus.

Todos los demás episodios pueden verse en Amapolas en el Cráter.

Un comando utilísimo de Linux

Es una maravilla la de cosas que se pueden hacer desde línea de comandos de linux (unix, en general), así que pongo por ejemplo este pequeño portento para modificar el tamaño de todas las imágenes encontradas (podría hacer una búsqueda más restrictiva, solo basándome en la extensión de los archivos) y adaptarlas a las dimensiones que desee:

find . -type f -size +1000k -exec mogrify -resize 25% {} \;

Este comando busca los archivos mayores de 1000K (cerca de un megabyte) y reduce su tamaño (como imagen) en un 25% porcentualmente, lo que puede ser una reducción enorme de recursos para una librería de fotografías que se deseen usar en una web, que es para lo que lo estoy usando, de manera que las imágenes que sincronizo en mi base de datos de imágenes no sean desmesuradamente grandes para su posterior descarga y gestión o visualización por parte de Piwigo

Una herramienta tan poderosa como para eliminar o modificar espacios de nombres de archivos, o caracteres no admitidos, como nuestra bienamada ñ, o las acentuaciones, o todas las mayúsculas por minúsculas…

find . -name '* *' -exec rename 's/ /_/g' {} \;

Este comando busca archivos o carpetas (no está especificado el type) que contengan espacios en su nombre (podría haberse buscado otra cosa) y se sustituye por guiones bajos con el comando rename.

find . -depth -exec rename -n y/A-Z/a-z/ {} \;

Cambiamos todas las mayúsculas por minúsculas, tanto en archivos como en carpetas. (Quitando el «-n», lo efectuará, de lo contrario, muestra lo que haría, pero no lo hace)

También me permitiría cambiar las ñ o Ñ por caracteres de mi elección, pero eso es mejor hacerlo con cuidado, porque sustituir por «n» o «N» puede borrar otro archivo… así que es preferible, primero, saber dónde están esos archivos con un comando que los busque como este:

find . -name "*[ñ|Ñ]*" -print

 

Otras opciones increíbles del programa mogrify incluyen la rotación arbitraria de bloque de imágenes, o la reducción absoluta a, por ejemplo, 1024 de ancho forzoso con el atributo «resize 1024».

mogrify -resize 1024 *.jpg
mogrify -rotate "-90" *.jpg

Después de pasar la mañana del martes compleja y parte de la tarde con esto para modificar algunos cientos o miles de archivos, me encuentro esta joya del 2005 que contiene unos cuantos scripts mucho mejor documentados y programados de lo que yo hubiera hecho y con una sencillez tremenda para modificarlos y adaptarlos a lo que necesite.

Añadiendo movimiento con CSS

Después de la actualización del «theme» de WordPress que realicé ayer en el entorno de producción, he comenzado lo que podríamos denominar el ajuste fino.

La verdad es que estoy fascinado con las posibilidades que tiene CSS3, como generar animaciones tan sencillamente como diciendo «trasládete de acá a allá«… más o menos. Es formidable y ya había hecho uso de ello en la web del proyecto La Consulta, especialmente en el apartado de mostrar el tamaño aumentado de las imágenes de los garbanzos contados cuando se pasa el ratón por encima.

Es tan tentador usarlo una vez que se conoce que puede acabar pareciendo un circo en el peor de los sentidos. De momento, sólo incorporaré alguna traslación de «cajitas» en el blog y cuando comience (que ya estoy a punto) a remodelar la web, usaré las mismas, además de intentar utilizar los mismos colores, así que lo he añadido a un archivo CSS llamado animaciones.css que estoy creando a partir de la fantástica herramienta encontrada en animista.net.

Me habría gustado utilizar «@import» en el CSS adicional dentro del tema de wordpress, pero parece que no es viable hacerlo, así que me obliga a tener duplicadas (con lo poco que eso me gusta) esas directivas tanto en el hueco que la edición del tema WordPress me permite, así como en el archivo CSS /estilos/animaciones.css de la raíz de mi web.

De momento, dejo el código que ha generado esta aplicación online en esta entrada, por si alguna vez vuelvo a necesitarla:

.slide-in-left {
    -webkit-animation: slide-in-left 3s both;
            animation: slide-in-left 3s both;}
.slide-in-right {
    -webkit-animation: slide-in-right 3s both;
            animation: slide-in-right 3s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-5-8 11:22:35
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

 

Actualizado el «Theme» del blog

Hoy he pasado «a producción» los cambios que había estado haciendo en un servidor de pruebas/desarrollo que tengo configurado en una Raspberry.

He decidido usar una personalización del tema TULSI WPKoi WordPress theme después de casi 10 años (desde que arranqué con este blog) y lo hice de la mano de un tema minimalista al que echaré de menos, seguramente, pero que había quedado obsoleto con su inadaptación a los dispositivos móviles (no es «responsive»), además de algo demasiado simple en estos tiempos modernos de imágenes desmesuradas, el tema en cuestión era el Open Sourcerer que como su propio nombre indica era de código abierto, muy «linuxero», con unas tipografías sans-serif, poco color, fondos oscuros y muy orientado a texto.

TULSI en

He tardado en encontrar un «theme» que me gustase entre los más de 7000 posibles temas que ofrece WordPress para configurarse sencillamente, tanto es así que por momentos he pensado en tirar la toalla y usar, como dice mi amiga Aída que WP pretende, uno de los propios de la plataforma y adaptarlo a mis gustos o necesidades, en lugar de encontrar uno que se pareciese a mí… por decirlo así, pero que además fuese «responsive», pues es algo que a estas alturas es indispensable y que permitiese bastante personalización de manera sencilla, sin tener que editar mucho código CSS que no sé muy bien si se mantendrá en la primera actualización de turno del tema.

Buscaba una interfaz sencilla (como a la que estaba acostumbrada) de fondos oscuros y propósito generalista (no orientada únicamente a imágenes, como la mayoría) pero al mismo tiempo que tuviese algún color impactante, algún detalle casi agresivo, dinámico, que reflejase cierta osadía, y me había decantado por un tema llamado Dark PRO, que se ajustaba muy bien a mi criterio, pero que no acababa de dejarme hacer una prueba completa (en mi servidor de desarrollo) antes de pagarlo y usarlo en mi servidor definitivo, es decir, no podía estar seguro de si funcionaría bien en dispositivos de pantallas pequeñas, pues el menú para móviles no funcionaba en la versión gratuita.

Algunas cosas de ese tema me gustaban mucho y veré la manera de incorporarlas en la personalización que estoy haciendo del TULSI, que son principalmente el tipo de letra (he elegido una Nunito OpenFont de Google), muy redondita a pesar de ser sans-serif, y algunas ideas como marcar las cabeceras de los widgets laterales.

Es posible que contrate la versión PRO del tema que estoy manejando para dotarle de algo de movilidad, pero también puede que acabe por implementar ese dinamismo con CSS personal. Al fin y al cabo, creo que puedo hacerlo como ya he mostrado en proyectos como La Consulta.

Reunión de Té y Poesía OnLine

En marzo, con el confinamiento por coronavirus recién estrenadito, hicimos la reunión o tertulia poética de N’Clave de Po(esía) vía Skype después de valorar otras opciones y pasar un par de días analizando (en bastante profundidad) las herramientas disponibles con sus pros y sus contras para llevar a cabo videoconferencias grupales para más de 15 personas.

Finalmente opté por skype (sobre linux, lo que es todo un reto, dado lo mal que Microsoft, propietario de skype, se lleva con el software libre) y distribuí a la gente que se quería conectar en un par de grupos sucesivos, el primero a las 5 y el segundo a las 7.

Tuvimos un par de reuniones amables y sencillas, con no mucho más de 5 personas en cada una, lo que hacía muy fácil el manejo de este tipo de eventos, para que no acabe degenerando como en este chiste que está circulando en estos tiempos y que debería hacernos sentir avergonzados, en lugar de orgullosos de nuestro sentido del humor. Pero no se trata de aprender, ni siquiera en esta época pandémica, ni siquiera ante la posibilidad del fin del mundo.

Hoy vuelvo a proponer esta opción, que me hace trabajar un poco más, pero al fin y al cabo qué importa, teniendo en cuenta que aunque haga huelga o apagón cultural no importa lo más mínimo a nadie… ni siquiera estoy dado de alta como autónomo porque la gestora casi se rio de mí ante semejante intención y me dijo que no me salían las cuentas. Quizá tengo que pensar que la poesía y los talleres de escritura no son un trabajo como el sistema en el que vivimos define tal cosa, así que igual no puedo manifestarme, ni ponerme en huelga (sino ir de procesión o de vacaciones) como tampoco puedo darme de baja.

 

Actualizando mi blog de desarrollo y backup

Sí, lo confieso, soy un paranoico y un obsesionado con las copias de seguridad. Eso lo sabe cualquiera que me conozca al cabo de menos de 5 minutos de conversación.

Por supuesto, una de las cosas para las que más utilizo una raspberry que me regalaron hace años es para tener, por fin, una copia completamente funcional restaurada de mi blog (este en el que estoy escribiendo) para poder hacer pruebas o sencillamente para dormir tranquilo sabiendo que uno de estos días, quizá mi Hosting Provider dejará de funcionar de la noche a la mañana… o algo similar.

Instalar un servidor LAMP en la raspberry es más o menos complicadillo, pero lo verdaderamente complejo es exportar mi blog del servidor original (alojado en el servidor compartido de mi proveedor) e importarlo en el local, lo que implica unos cuantos cambios, entre otros, de nombre de SITE para que no se vuelva loco con el original (lo que puede derivar en un desaguisado a la mínima).

Esta semana quería poder usar el servidor de backup (accesible externamente gracias a No-IP en https://clave53.ddns.net/blog)o de desarrollo para hacer pruebas de distintos «themes» antes de hacer la elección definitiva en el de producción. Resulta que cada vez que intentaba administrarlo WordPress me decía que tenía que conceder acceso FTP al mismo… y me estaba preocupando un poco por aquello de la inseguridad de las conexiones FTP, amén de no tener claro qué permisos debía conceder, ni a qué carpetas, al usuario que accediera por ftp desde los servidores de wordpress para actualizaciones o nuevas instalaciones de plugins, themes, etc.

Eso sin hablar de habilitar el puerto 21, por ejemplo, en el router para que fuese accesible desde TODA internet. Lo que no dejaría de incomodarme mucho… tan sólo tengo abierto el puerto 443 dirigido a la raspberry desde el otro lado de la red local. Y a veces no me deja dormir. 😉

Intenté que el certificado SSL no fuese autofirmado, así que aparece una advertencia diciendo que vas a entrar en un sitio poco seguro (siempre será más seguro que una conexión no cifrada, pero eso es otra cuestión), pero parece poco menos que misión imposible si tienes una IP dinámica y no quieres contratar servicios «profesionales» de un DDNS.

Por fin, en este artículo, encontré que había una solución que pasaba por dejar que la descarga se hiciese por HTTP y me pareció mucho más sensato, añadiendo esta línea en el archivo wp-config.php, que no me gusta mucho toquitear, porque no deja de ser uno de los más «sensibles» de la instalación del wordpress:

define('FS_METHOD', 'direct');

Eso ha sido todo y me ha permitido, por fin, actualizar el wordpress del blog de desarrollo, así como instalar nuevos temas para ir probándolos antes de usarlos en producción.

Por si fuera poco, de la tarjeta microSD que usa la raspberry hago un par de copias cuando considero que tiene una instalación que querría restaurar. (Es decir, un backup del backup). Sí, definitivamente soy algo paranoico.

 

Esto no es una broma