Design on Luiyología

Baking my Blog with JBake and GitHub

Fri, 19 May 2017 00:00:00 +0000

Almost since I created my personal blog in 2003 I thought about moving it from blogger to my own domain, private hosting and so on. My laziness prevented me from doing so. Not because the migration itself, but for the maintenance it entailed.

Anyhow, I was determined to migrate my blog outside of any blogging platform. I wanted to have complete control over my content, but without wasting lots of time in maintenance. All I needed was a way to do it seamlessly, quickly, and as automated as possible.

The static site/blog generators appeared a long time ago but now they are multiplying and flourishing. I watched them and the surrounding tools for a long time… and recently my atheist prayers were heard!

I will describe briefly what I did to move my blog from blogger to Github Pages in a few hours. The most time consuming task was to decide among a large number of excellent static site generators.

Step 1 - Choose your weapon

The reference here is StaticGen, a ranking with all the open source static site generators. The site itself is open source, and static generated (of course) using Middleman.

In StaticGen you will need some time, filtering by programming language, sorting the options by stars, forks, … Eventually you’ll chose one that covers your needs mainly in terms of language, templating technology or license.

I was tempted to use Hugo but I selected JBake (created in 2013 by Jonathan Bullock) instead of other much more popular options. The main reasons for me were:

It’s Open Source (MIT License). This is always the first element in my checklist
It’s cross platform, one of the main benefits to choose a product running in the JVM, right?
Supports a good amount of content formats: plain HTML, Markdown, AsciiDoc, … this is great now that I write even my personal notes in markdown format
Interesting template support: Freemarker, Thymeleaf, Jade or Groovy template framework
Blog-ready out of the box: RSS feed, tag support, archive, index pagination, …
Easy to integrate with CSS frameworks as Bootstrap
Custom metadata in the contents, even exposed to the templates. This is winner by itself

The documentation of JBake could be improved, but it’s good enough.

To install JBake, you can execute the last binary distribution but I recommend that you simply use SDKMAN. If you don’t know what SDKMAN is, you are missing something special. After you have SDKMAN installed, enter the following command:

>> sdk install jbake

Thanks Jonathan !!

Step 2 - Choose your theme/style

Some static generators support themes better than others, that’s for sure. This was important to me, and I checked that in JBake the code responsible of the presentation is isolated enough from the content, so it’s more or less simple to change entirely the theme or style of your site.

In fact, I didn’t start the personalization of my blog from the default theme and style. I cloned the JBake Future Imperfect Template by Manik Magar and for the moment I’ve only needed minor touches to make it better suited for me.

As simple as this:

>> mkdir awesome-jbake

>> git clone https://github.com/manikmagar/jbake-future-imperfect-template.git awesome-jbake

>> cd awesome-jbake && ls -ltr

Most of the changes were related to custom css styles that I was already using in Blogger, the JBake Future Imperfect Template is fantastic.

Thanks Manik !!

Step 3 - Migrate your content from your old blog/site (if needed)

You’ll only need this if you are migrating something, skip this point if you are creating something from scratch.

For this magic trick, my first intent was to implement it myself, only to code for a while. Finally I discovered a repo in github with a promising name: blogger-to-jbake. I checked the code and the author (Cloud Tu) had developed more or less what I meant to do.

With a little help from an difficult-even-for-google-translate README file in Chinese, I could run the program and export all my blog only with minor problems regarding the download of certain images that were not hosted in blogger.

The steps are very simple:

Modify the src/main/resources/application.properties to set the Blogger atom file path, the output path and your current URL in Blogger
Execute gradlew run in the console
Profit!

I made some improvements (from my humble point of view) in the code, and I’ll send the corresponding pull request. They could be valuable for anyone else.

Thanks Cloud Tu !!

Step 4 - Deploy your blog

Well, thanks to Github and specifically to Github Pages, the only thing that I needed was to change the configuration of JBake so the output directory for the baked content is called docs instead of the name by default (output).

After enabling it for the first time, Github automatically deploys in Github Pages whatever you put in the docs directory of your repo.

I’m suffering the misbehavior of Github Pages with relative paths, but for the moment I’m solving it with a sed command before pushing the baked content.

Thanks Github Pages !!

Conclusion

I’m happier than ever with my blog, and I’ll try to write more often now that I can make it with my editor in Markdown or AsciiDoc.

It’s also possible that I’ll write a more technical post about how JBake works, but in the meantime ask me in the comments anything that you want to know.

Tu tasa de paro

Thu, 24 Jan 2013 00:00:00 +0000

Algunos recordaréis (y los que no, ya lo sabéis) que en Julio del pasado año tuve el placer de participar en la PiWeek (Personal Innovation Week), una iniciativa muy interesante por parte de Kaleidos (una empresa madrileña orientada al software libre con la que tengo únótimë lazos). Esta iniciativa consiste en permitir cada seis meses que durante una semana completa todos los empleados de la empresa organicen y participen en proyectos totalmente personales (suyos o de otro compañero). No es necesario que sean ‘productivos’ y mucho menos ‘vendibles’. Los únicos requisitos básicamente son (ellos lo detallan mejor):

que sea algo innovador, especialmente en la parte técnica
que utilice exclusivamente software libre
que el Viernes a mediodía se pueda presentar una versión completa y funcional (esto no impide que el proyecto después pueda ser ampliado y/o mejorado)

En mi caso la PiWeek de Julio'12 consistió en currar de 8:00 a las 15:00 en mi empresa y aprovechar la jornada intensiva de verano para comer un bocata y trabajar hasta las mil de la madrugada en Kaleidos (y encantado de la vida). El Diario ABC llegó a hacerse eco de la experiencia (y de mi participación): Empresas españolas con mentalidad de start-ups de Silicon Valley.

Muchos de los proyectos han acabado viendo la luz, siempre con licencia GPL o similar, y alguno incluso salen a Producción en la misma semana.

El proyecto en el que participé quedó casi terminado en Julio, pero finalmente no se completó en verano y en la PiWeek de Diciembre 2012 (en la que por desgracia apenas pude participar) se terminaron varios flecos y se quedó todo listo para la siguiente publicación de datos de la Encuesta de Población Activa. El Instituto Nacional de Estadística ha publicado la EPA esta misma mañana y tras cierto tratamiento de los microdatos que publican ya está este último trimestre de 2012 incorporado y ya hemos abierto el acceso libre en producción a la herramienta:

Entra y consulta cuál es tu verdadera tasa de paro!!

Además de la parte puramente personal e interesada, he aprendido y estoy disfrutando muchísimo en el proyecto, creemos que es una herramienta muy interesante y bastante útil. Son datos reales, públicos y accesibles, sólo era necesario que alguien los tratara. La única limitación es que no dejan de ser datos extrapolados a partir de una encuesta, aunque sea del volumen de la EPA.

Habitualmente los medios de comunicación destacan de la EPA únicamente la cifra de paro global (actualmente el 26%) y como mucho limitan su interés a ciertos colectivos: Hombres (26%), Mujeres (27%) o por Comunidades Autónomas. Si tienes mucha suerte quizá encuentres el dato de tu provincia. Pero tenemos todos los datos:

Se puede extraer información mucho más útil, y esta es sólo una posible aproximación. Quiero saber cuál es realmente mi tasa de paro, la mía. Quiero saber en qué afecta a mi tasa de paro un cambio de domicilio, un esfuerzo en formación. Quiero saber en qué situación está alguien con mi perfil con unos pocos años más. Quiero saber cómo ha cambiado el paro para mi perfil en todos los datos trimestrales de EPA que ha publicado el INE (empezó en 2005). Y por supuesto, quiero saberlo de mi perfil y de cualquier otro perfil, ¡es información pública!

Os pido por favor que deis la máxima difusión a la aplicación, hemos puesto el típico botón para que podáis compartir en Twitter vuestra propia tasa de paro.

Para los curiosos: El proyecto en el que he participado se llevó a cabo (por decisión de los miembros del equipo encargados de cada parte) en R y Python, y tuvo como tecnologías base, entre otras: django, backbone.js, Node.js, Less CSS, jQuery y Raphaël. Todo a través de una API REST que también publicaremos en el futuro para que otros puedan beneficiarse de los datos ya procesados.

Han colaborado varias personas de desarrollo, maquetación, usabilidad e incluso marketing, aunque hay que destacar el monumental trabajo de Yamila Moreno (@yamila_moreno) coordinando y desarrollando una grandísima parte de la aplicación.

Para los más curiosos aún, el origen de todo está en una cena posterior a un Escépticos en el Pub en la que pude charlar con Carlos Gil Bellosta (@gilbellosta) y éste me contó la idea, lamentando no tener una forma fácil de llevarla a cabo. Él es un monstruo de R y de Estadística aplicada y además del tratamiento inicial de los datos que publica el INE ha asesorado funcionalmente durante todo el proyecto. ¡Mil gracias!

III Congreso El Ser Creativo

Mon, 05 Nov 2012 00:00:00 +0000

Al igual que el pasado año, esta semana voy a tener el privilegio de asistir como invitado a El Ser Creativo, III Congreso de Mentes Brillantes, que se celebrará el 6 y 7 de Noviembre en Madrid. De nuevo tendré la misión de cubrir el evento a través de @escepticos, el Twitter de ARP-SAPC (Sociedad para el Avance del Pensamiento Crítico), haré muchas fotos y posteriormente ayudaré a redactar la crónica para la revista El Escéptico de ARP.

Ya hablé el año pasado sobre el formato del evento, pero repasaré las características que definen al evento: En dos días escucharemos a 21 ponentes exponer sus ideas, y cada ponente hablará durante 21 minutos. Esta insistencia con el 21 es porque afirman que es el tiempo que el cerebro humano mantiene su atención al 100% (citation needed).

Tras mi experiencia del año pasado, debo advertir que lo mejor no viene durante los monólogos que se marca cada uno, sino en el debate posterior que se forma tras cada bloque temático de 3-4 charlas.

De la lista de ponentes para esta tercera edición destaco los siguientes: José Miguel Mulet, José Carlos Capel, Michael Shermer, Mario Alonso Puig, Pere Estupinyà, Nancy Segal, Isabel Behncke, Antonio Pellicer, Dennis Hong, Izaskun Chinchilla, Ferran Adrià, Jack Horner, Jim Adams, Lyly Rojas, Elsa Punset, Mikel Urmeneta, Ricard Huguet, Bernardo Kliksberg, Elena Adell, Ángela Posada-Swafford, Nieves Segovia, Jeremy Baka, Beatriz Lara y Luis Cacho.

Entre todos ellos destaco a Dr. JM Mulet, que para eso es amigo, y por supuesto al Dr. Michael Shermer, que a sus hazañas sumará a partir de ahora deleitarnos el día 7 por la noche con una charla en Escépticos en el Pub Madrid, como ya comenté hace unos días.

Hay unos curiosos vídeos de presentación con varios de los ponentes, les dejo con los más conocidos por aquí:

José Miguel Mulet

Michael Shermer

Jack Horner

The Ice Book

Sat, 14 May 2011 00:00:00 +0000

The Ice Book es una maravillosa obra de arte creada por Davy McGuire y Kristin McGuire. Como resumen rápido se trata de unas pequeñas obras de teatro proyectadas sobre un libro popup para conseguir fantásticos efectos de perspectiva, ilusiones ópticas y magia. Mejor les dejo con este vídeo:

En palabras de los autores:

I always had the dream of creating a theatre performance that opened up like a pop-up book. A show that would mix video projections with live actors to create a totally immersive experience. We wanted to create a full scale, life-size theatre production.

The idea for the Icebook was to create a miniature maquette for this dream – a demonstration model to show to producers and other funders in the hope that they would give us some money to make the full scale show. (And we still hope that this will come true one day!) The Icebook has since however, grown its own legs and turned into a miniature show all by itself. An intimate performance for small audiences.

We love the old pre-cinematic optical illusions, such as zeotropes and magic lanterns, and the magical way in which they can mesmerise audiences through basic mechanics. Rather than simply projecting images onto a screen, we wanted to create an object with a life of its own – a tangible and magical “thing” for an audience to experience.

When Kristin first held a pop-up in front of a lamp we were fascinated by the utterly beautiful effect of the light coming through the paper, creating shadows and silhouettes which we could then enhance and complement with back projected film-footage. In the Icebook, the 3D effect is achieved by back projecting onto the pop ups. Using this technique the projected characters appear as if they are moving behind the cut-outs and thus the illusion of perspective is created

(Visto en Mira y Calla)

Mapas de metro alterados

Sun, 26 Feb 2006 00:00:00 +0000

Todo un éxito reciente, crear versiones del mapa del metro cambiando los nombres de las estaciones por anagramas, en BoingBoing podéis encontrarlos de varias ciudades (por ahora ninguna española): Londres, Toronto, Amsterdam, Chicago, Manhattan, Oslo, Boston, Atlanta, Viena, Washington DC, Stockholm, Los Angeles, Cleveland, San Luis, San Francisco, Singapur, Berlín, Copenhague, Baltimore, y más.

A raiz de la noticia de que Transport for London obligó a cerrar la web (Mirror) donde se alojaba la versión Londinense (ahora se lee "Content removed at the request of Healeys Solicitors acting on behalf of Transport for London and Transport Trading Ltd") nos enteramos de esta web que recopila todas las versiones modificadas del plano del Underground (metro de Londres), probablemente el más famoso y reconocible del mundo.

Hay algunas cojonudas:

https://boingboing.net/

Moviemaker map de Londres

Realistic Geographical Map (como sería el mapa si se dibujase de forma exacta)
It's quicker to walk (con trayectos marcados en los que tardas menos andando)
Travel times between stations (con la media del tiempo que dura el trayecto entre estaciones)
Caught Short? (señala en un mapa sin nombres de estaciones, cuales tienen aseos)
Moviemaker map (mi favorito, cada linea una profesión de cine y cada estación un personaje, con la genialidad de que en una intersección el personaje cumple ambas)
In German (los nombres 'alemanizados')
In German properly translated (con los nombres correctamente traducidos al alemán)

Totalmente dedicado a Marta, por su afán de mejorar los transportes.

(Via BoingBoing a lo largo de muchos posts)

Acutalización 26-02-2006 - 11:50: Calgary, Vancouver (x2), Philadelphia, Buffalo, Rochester, Hong Kong (x2), Seattle, Minneapolis, Detroit

Actualización 27-02-2006: Miami (x2), Dublin, Ontario, Dallas, Glasgow, Portland, Ottawa, Houston

Actualización 28-02-2006: Montreal (x2), Helsinki, Monterrey, San Diego, Mexico City

Actualización 01-03-2006: NY/NJ PATH y Sydney

Actualización 06-03-2006: Brisbane, Syracuse, Chicago

Fallece DeLorean

Thu, 31 Mar 2005 00:00:00 +0000

Hace unos días falleció a los 80 años John Z. DeLorean, aquel exitoso alto directivo de Pontiac (en los 60) y General Motors (en los 70) que se lanzó a su propia aventura con un efímero éxito antes de la total bancarrota.

Su propósito era crear coches excitantes, en lugar de simples vehículos para transportarse.

Antes de hundirse consiguió crear un sólo modelo de coche, el DMC-12 (Foto Interior - Twin Turbo). Uno de los coches más reconocibles de todos los tiempos y que todos recordaremos por protagonizar los viajes de Michael J. Fox en Regreso al Futuro.

Un Delorean restaurado ronda los 30.000 dólares. En Long Island hay un garaje especializado en este coche. Es una pasta y mucho más el mantenimiento, pero me encanta el coche. Lo pediré para Reyes algún año de estos.

Algunas de las fotos son sacadas del New York Times, así como el siguiente texto:

[...]
Although Mr. DeLorean's company long ago stopped producing cars, it survives today as a company in Texas that bought all of the remaining DeLorean parts, and repairs and refurbishes cars for collectors.

"You can't discount the value of the 'Back to the Future' movies," James Espey, the vice president of DeLorean Motor, said yesterday. "People who saw the cars in the movies in their teens, these are people in their early, mid 30's, well established, and they now can get the car they wanted when they were a kid."
[...]

Relojes de Sol... Digitales

Thu, 02 Dec 2004 00:00:00 +0000

Leo en Slashdot acerca de este invento reciente (patentado sólo hace diez años) que puede verse a escala grande en el Sundial Park (Genk, Bélgica), el Deutsches Museum (Munich Alemania), el Kölnisches Stadtmuseum (Colonia, Alemania), y desde hace poco en Martha's Vineyard (USA).

Relojes de Sol Digitales

Y si no te apetece ir hasta estos museos o parques, en la página Digital Sundials International puedes comprarte uno chiquitito para ponerlo en el jardin por el módico precio de 91 euros (4,60 adicionales para el envío desde Alemania).

En la página del Sundial Park de Genk viene explicado más o menos el funcionamiento, y en Digital Sundials International nos hacen un resumen de su desarrollo.

En un artículo titulado " What in heaven is a digital sundial?" publicado en Scientific American en 1991, el autor Ian Stewart (basado en un artículo por K. Falconer publicado en 1987) hypotetizó la posibilidad de un reloj de sol digital. Inspirados por esto, tres inventores, Hans Scharstein, Daniel Scharstein, y Werner Krotz-Vogel, decidieron hacer realidad el ficticio reloj. El primer prototipo fue construido en Alemania en el verano de 1994, y la invención fue patentizada en Alemania y en los Estados Unidos. Los elegantes diseños de dos tamaños de relojes de sol digitales fueron desarrollados por el ingeniero y artista Felix Scharstein, quien se unió al equipo en 1995.

El primer reloj de sol digital exhibido en un lugar público fue construido en un parque de relojes de sol en Genk, Bélgica, en 1998, por ser uno de doce finalistas en una competencia de relojes de sol. Otro reloj es parte de una colección permanente de relojes de sol en él más importante museo de ciencias de Alemania el "Deutsches Museum" en Munich. El tercer y más reciente reloj de sol digital se construyó en el techo del Kölnisches Stadtmuseum en Cologne, Alemania. El reloj de sol digital fue también semifinalista en el concurso de Hammacher Schlemmer " Search for Invention" '97.

Calendario en Dodecaedro

Tue, 30 Nov 2004 00:00:00 +0000

En esta página de la Universidad de Bergen (Noruega) tienen una aplicación para poder construirte tu propio calendario con forma de dodecaedro.

Es fantástico, yo ya me hice uno con mi papel chachi de 100 gramos. Además te dan la opción de elegir varias cosas:

Lados pentagonales o romboidales
Trece idiomas, entre ellos el castellano
Inicio de la semana en Domingo o Lunes
Resultado en PDF o PostScript
Y por supuesto... el año

Regular printer paper (80 g/m²) will be fine, but heavier paper (100-120 g/m²) will be make the calendar more robust. Do not use even heavier paper (160 g/m²)

Do all folding after cutting

Glue the tabs matching the untabbed face last (November)

Post especialmente dedicado a Gil-Galen, por motivos obvios. Visto en BoingBoing.