dibujando la montaña
Una vez que los colores y la tipografía estaban listos quería algo en la cabecera, algún tipo de marca en vez de solo texto plano. Lovundfjellet parecía obvio. Es la montaña justo en la isla, la que sale en prácticamente todas las fotos que tengo de casa.
Así que abrí Aseprite e intenté dibujarla en pixel art.
el primer intento estaba mal
La primera versión tenía este único pico afilado, un diente empinado que sobresalía recto hacia arriba. Se veía bastante dramático, la verdad, como el logo de una estación de esquí. El problema es que la montaña no se ve así en realidad. Lovundfjellet es más redondeada que eso, más una cúpula con una ligera inclinación, no un pico.
Solo me di cuenta de lo equivocado que estaba después de buscar una foto real que tomé desde el ferri el año pasado y ponerla al lado de mi versión en píxeles. Ni de cerca. Volví a dibujar toda la silueta a partir de esa foto, aplané la cima, ensanché la base, y de repente se leía como la montaña real en vez de un triángulo genérico.
Cosa pequeña pero me importó. Si voy a poner la montaña de mi isla natal en mi propia web, quiero que realmente se le parezca.
la marca BMK
Ya que estaba en ello también hice un pequeño logo, BMK con una versión diminuta de la misma forma de montaña metida dentro. Ahora la uso en la esquina de la cabecera en vez de solo mis iniciales solas.
el favicon, el verdadero dolor del día
Debería haber sido la parte fácil. Exporté la montaña como un favicon pequeño, lo puse, y mi navegador simplemente se negó a actualizarlo. La pestaña seguía mostrando el icono antiguo por defecto hiciera lo que hiciera. Recarga forzada, borrar la caché del sitio, cerrar la pestaña por completo, nada funcionó en Firefox durante un buen rato.
Terminé renombrando el archivo y añadiendo un parámetro de consulta para forzar la caché en la etiqueta link antes de que por fin cediera:
<!-- before: browser just kept serving the old icon from cache -->
<link rel="icon" href="/favicon.png" />
<!-- after: new filename plus a version query, and it finally refetched -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=2" />No entiendo del todo por qué era tan terco con un solo png de 32x32, pero ahí está.
Pequeña montaña en la esquina ahora. Se siente bien.