lunes, 31 de marzo de 2014

Sala hipóstila

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


Sombrillas amarillas

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


A lo lejos

Pasamos por un pequeño claro del bosque que ya queda en la sombra. A lo lejos, mirando hacia Can Jordà, la luz del sol del atardecer nos muestra los auténticos colores del otoño.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


domingo, 30 de marzo de 2014

Cúpula

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


Navegantes

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


Con la luz de cara

Sólo volver la mirada un poco a la izquierda y la luz nos dibuja un bosque diferente.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


sábado, 29 de marzo de 2014

Claraboya

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


Pelosa

Montañas de algas muertas cubren las rocas de este rincón de la playa. Son estas algas las que dicen que dan el nombre de "La Pelosa" a la playa más famosa (y concurrida) de Cerdeña.

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


Con la luz de lado

La luz del sol empieza a estar muy baja y se cuela por entre las hojas de los árboles. Estamos a finales de noviembre pero aquí los hayas aún están bastante verdes.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


viernes, 28 de marzo de 2014

Lo alto de la escalera

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


Lo que trae la corriente

Aquí es agua no es tan azul turquesa como donde se baña la gente, aunque sigue siendo muy transparente.

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


Entrando en la Fageda

Ya hemos entrado en la parte más densa del bosque. Una pista cruza nuestro camino y yo miro al fondo a ver hacia dónde lleva, pero todo son árboles.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


jueves, 27 de marzo de 2014

Sentiments de caritat

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


En el otro lado

El extremo "feo" de la playa sarda de La Pelosa. Aquí se acumulan las algas que arrastra la corriente y el hedor es bastante intenso. Por eso no hay nadie.

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


La pista buena

En pleno corazón de Fageda d'en Jordà hay una cooperativa agroalimentaria sin ánimo de lucro cuyo objetivo es la integración laboral de personas con dispacidad intelectual o transtornos mentales severos. Supongo que algunos habréis visto en las tiendas los yogurts "La Fageda". Pues son estos. La pista que comunica esta factoría con el resto del mundo está bien adaptada al tránsito de camiones.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


miércoles, 26 de marzo de 2014

Ventanas

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


Pesca

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


De regreso

Es hora de desandar lo andado. El sol empieza a bajar y hay grandes contrastes entre luces y sombras.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


martes, 25 de marzo de 2014

Preocupación

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


Entre líneas

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


Tierra de volcanes

Uno de los lugares más singulares de Catalunya. Siempre se asocian los volcanes a lava, cenizas y en general parajes inhóspitos. Eso es una panorámica de la Garrotxa desde la iglesia de Sant Miquel de Sacot. A la izquierda el volcán de Santa Margarida, y a la derecha y en primer término el volcán del Torrent.

---
Sant Miquel Sacot - Santa Pau, Girona.
[EXIF]


lunes, 24 de marzo de 2014

Luz descompuesta

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


Sin palabras

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


Sant Miquel Sacot

A mitad de camino entre la Fageda d'en Jordà y el volcán de Santa Margarida se encuentra este pequeño núcleo de casas presidido por una iglesia románica. Tras ella el vocán de Santa Margarida.

---
Sant Miquel Sacot - Santa Pau, Girona.
[EXIF]


domingo, 23 de marzo de 2014

Santa Creu


---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]

Abrazos en la intimidad

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


La alocada vida de las cabras

No sé de dónde viene lo de estar loco como una cabra. A mí no me parecen tan locas.

---
Sant Miquel Sacot - Santa Pau, Girona.
[EXIF]


sábado, 22 de marzo de 2014

Mirando hacia abajo

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


Vamos a la playa

Será muy bonito y todo lo que digáis, pero para mí la playa en verano es lo peor que hay, por muy transparente y limpia que se vea el agua. Ni tranquilidad, ni relax, ni descanso ni nada. Antes de llegar ya tenía yo ganas de irme.

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


Al final la luz

A ratos los árboles abrazan el camino de tal manera que apenas dejan pasar la luz convirtiéndolo en un túnel de hojas.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


viernes, 21 de marzo de 2014

Mirando hacia arriba

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


A su aire

Prácticamente ningunos de estos pinos encuentra la verticalidad. Normalmente en zonas costeras los árboles suelen crecer inclinados hacia donde soplan los vientos dominantes, pero aquí deben soplar de todas partes.

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]


jueves, 20 de marzo de 2014

No pasar

Una cadena oxidada advierte que no hay que seguir por este camino. El color de la cadena se confunde con el de las hojas del suelo y es difícil verla.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


1910

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


Con clase


Casi toda la playa de la Pelosa, en Stintino, es de pago. Alquilar una tumbona con sombrilla en la zona de arena más colapsada de gente ya costaba un buen puñado de euros, por lo que no sé qué pedirían por una de éstas sobre verde y fresco césped.

---
Spiagga La Pelosa - Stintino, Sardegna (Italia).
[EXIF]

miércoles, 19 de marzo de 2014

Copas alzadas

Como si de un brindis se tratara se alzan dos copas de árboles y se unen en lo alto.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


Puertas abiertas

Estos días hemos podiso disfrutar del mayor recinto modernista de Europa, el antoguo Hospital de la Santa Creu i Sant Pau, construido por el arquitecto Lluís Domènech i Muntaner a principios del siglo XX. Una auténtica joya arquitectónica que ha costado 4 años y muchos millones de euros en restaurar, y que ha valido la pena subrir la cola para entrar.

---
Hospital de la Santa Creu i Sant Pau - Barcelona.
[EXIF]


martes, 18 de marzo de 2014

La torre

La torre de la Pelosa es lo más característico de Stintino. Construida en el siglo XV servía para vigilar el paso de embarcaciones por el estrecho de Asinara, sobre todo los piratas.

---
Capo Falcone - Stintino, Sardegna (Italia).
[EXIF]


Camino mullido


Millones de hojas cubren el suelo volcánico de la Fageda. Es muy agradable caminar sobre ellas.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]

Mar adentro


---
Garraf - Sitges, Barcelona.
[EXIF]

lunes, 17 de marzo de 2014

Entre dos aguas


El estrecho de Asinara separa la isla de Cerdeña de la Isola Plana, o lo que es lo mismo, el mar Mediterráneo del golfo de Asinara, al norte de la isla. Se ve el contraste entre el mar revuelto a la izquierda, y el agua tranquila del golfo a la derecha.

---
Capo Falcone - Stintino, Sardegna (Italia).
[EXIF]

Entre las sombras

El sol se escurre por entre las hojas de los árboles y en las zonas más despobladas llega al suelo.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


Bar


---
Garraf - Sitges, Barcelona.
[EXIF]

domingo, 16 de marzo de 2014

No corren


Los africanos son los auténticos reyes de las carreras de fondo, y creo que he descubierto su secreto. En la foto el keniata Boaz Kiprono, que ha llegado a la meta en tercera posición.

---
KM17, 35a. Marató de Barcelona.
[EXIF]

El gozo en un pozo

Se dice "mi gozo en un pozo" cuando uno tiene muchas esperanzas puestas en algo y se desvanecen de repente. No es mi caso, sino más bien al contrario. Andaba yo rodeando la basílica de la Trinità di Saccargia, tomando fotos desde diferentes ángulos, cuando encontré este pozo que me ayudó a tener una composición interesante con el fragmento de claustro del fondo.

---
Codrongianos, Sardegna (Italia).
[EXIF]


En el buen camino

Llegamos a la famosa Fageda d'en Jordà y nos alegramos por tres motivos: hace un bonito día, el otoño nos muestra sus mejores colores, y es lunes y prácticamente no hay nadie. Este último punto es muy importante porque este lugar es de visita obligada en esta época del año y los fines de semana se pone imposible de gente.

---
Fageda d'en Jordà - Santa Pau, Girona.
[EXIF]


sábado, 15 de marzo de 2014

Playa en invierno


No me digáis que no hay nada mejor que una playa en invierno.

---
Garraf - Sitges, Barcelona.
[EXIF]

De repente

Es de noche. Hay luna llena pero las nubes la van tapando a intervalos. Circulas por la carretera SS597 por el norte de Cerdeña. Está muy oscuro y apenas pasan más coches. La carretera asciende suavemente en una recta hasta un cambio de rasante, y cuando llegas a lo alto te encuentras con lo que se ve en esta foto. Un poco más lejos, claro. Es la basílica de la Trinità di Saccargia, del siglo XII.

---
Codrongianos, Sardegna (Italia).
[EXIF]


Cómo crear un sencillo portfolio fotográfico con Blogger, Flickr y Google Drive

Este post rompe con la dinámica habitual del fotoblog, pero es porque en él os voy a explicar cómo he creado mi nuevo portfolio, que podéis ver en http://santimb.photos/. Mi objetivo era conseguir montarlo en poco tiempo, gratis y con el mínimo mantenimiento posterior posible. A primera vista os puede parece un procedimiento complicado, pero una vez lo hagáis ya veréis que no es para tanto.

Elegí Blogger porque es una plataforma web gratuita, muy extendida (es de Google) y con posibilidad de personalizar la plantilla hasta niveles insospechados (si sabes algo de HTML y CSS), y Flickr porque es donde publico y organizo todas mis fotos.

El portfolio tiene que ser sencillo y claro en apariencia y diseño, y con los siguientes contenidos:
  • una biografía
  • un formulario de contacto
  • un enlace al blog
  • varias galerías con una selección de mis fotos más representativas
Estas galerías se van a corresponder con álbumes de Flickr, y lo ideal es que el portfolio obtenga las fotos directamente de allí para no tener que subirlas a Blogger, por lo que tendremos que buscar alguna herramienta o widget que lo pemita, y a ser posible que presente las fotos de una manera atractiva, rápida y elegante.

Elegimos la plantilla sencilla y la personalizamos quitándole todos aquellos bloques que no vayamos a usar. Es recomendable también deshabilitar la visualización Móvil. En cuanto a colores a mí me gusta el fondo muy claro, casi blanco, y el color del texto gris oscuro, sin llegar a negro, y respecto a fuentes, una Verdana o una Trebuchet resultan claras y elegantes. Podemos llegar a cambiar el aspecto de algunos elementos de la página gracias a las ayudas para el desarrollo que nos aportan los navegadores Web. La mayoría de ellos entran en un modo de depuración pulsando F12 que nos permite ver el código HTML de la página y localizar en ella los elementos que nos interesen para ver qué estilos CSS se aplican y poder alterarlos. Una vez encontramos la combinación correcta la podemos entrar en el diseñador de plantillas de Blogger, en el apartado Avanzado/Añadir CSS.

Modificando los CSS de la plantilla

El contenido que queramos poner en la página inicial lo crearemos como una nueva entrada de blog. En mi caso elegí la biografía. El resto de contenidos serán páginas. Para el formulario de contacto utilicé el servicio de generación de formularios online de http://www.emailmeform.com/. Los enlaces a los contenidos los añadimos a la página en gadgets de Lista de Páginas. Por defecto la plantilla ya tiene uno en la parte superior, debajo del título. En este gadget ponemos la biografía y el formulario de contacto, y añadimos también el enlace al blog o a cualquier otro sitio que queramos. En otro gadget de Lista de Páginasponemos el resto de contenidos. Yo añadí este gadget en la columna de la izquierda.

Hasta aquí la parte fácil. Ahora viene la más complicada, la de enlazar las galerías del porfolio con los álbumes de Flickr. Estuve probando varios servicios online que crean slideshows a partir de álbumes de Flickr y que se podían incrustar en las páginas de contenido como HTML, pero el problema es que utilizaban Adobe Flash, lo que los hacía incompatibles con dispositivos Apple y Android. Finalmente encontré una aplicación que genera slideshows en HTML5 compatibles con todos los dispositivos. La aplicación se llama VisualLightBox y se puede descargar gratuitamente de http://visuallightbox.com/. El único problema de este "visor" de fotos es que necesita un servicio de hosting Web para alojar todos los archivos que se usarán para presentar las fotos y sus miniaturas, y no se puede hacer con Blogger. Y para alojar estos archivos nada mejor que Google Drive.

Google ofrece a todos sus usuarios 15GB gratis de almacenamiento conjunto para Gmail, Google Docs y Google Drive. Google Drive funciona como Dropbox, como un disco virtual, y se puede enlazar físicamente con tu ordenador mediante una aplicación que nos podemos bajar desde la web de Google Drive, y así tu PC verá esta unidad como una carpeta más. Para almacenar los archivos que genere VisualLightBox tendremos que crear una carpeta en nuestro Google Drive y hacerla pública para que se pueda acceder desde la Web. Esto lo podemos hacer más cómodamente desde el PC, pulsando el botón derecho del ratón sobre la carpeta a compartir, seleccionando la opción Google Drive del menú contextual y luego Compartir.... Tenemos que elegir la opción que de acceso Público en la Web. Ahora nuestra carpeta ya será accesible desde cualquier sitio, pero la URL no será nada intuitivo, sino del estilo "http://googledrive.com/host/0B9bFpwATvM_hY2MzVK9lRjIxdlk". Podemos convertirla en una URL más amigable en el servicio http://gdriv.es/.

Ahora que ya tenemos resuelto el problema del hosting ya podemos volver con VisualLightBox. Esta aplicación es muy fácil de usar, y está en casi todos los idiomas. Sólo tienes que indicarle la URL del álbum de Flickr que quieres usar y ella descarga miniaturas de las fotos. Luego editas los títulos y/o cambias el orden de presentación si quieres, y cuando estés listo vas a Propiedades y allí indicas el comportamiento y el aspecto que ha de tener que slideshow y que más se adecúe al portfolio que estás creando. Una vez hecho todo esto vamos a Publicar y marcamos la primera opción, Publicar en la carpeta. Con el botón Buscar... localizaremos la carpeta local correspondiente a la carpeta Google Drive que hemos publicado más arriba. Finalmente publicamos y se guardarán unos archivos y carpetas en nuestro PC que automáticamente se sincronizarán con su homónima en Google Drive. Seguidamente se abrirá el slideshowlocal en un navegador para poder comprobar su aspecto y funcionamiento y decidir si tenemos que cambiar alguna cosa en Propiedades. Antes de acabar podremos guardar el proyecto para usos posteriores.

Llegamos a la parte final de todo este montaje, la de incrustar el slideshow en la página. Para ello necesitaremos cierto código HTML que encontraremos en el archivo index.html que ha generado VisualLightBox en nuestro Google Drive, pero que no podemos utilizar tal cual está. Abrimos el archivo con el Bloc de notas y lo primero que tenemos que hacer es reemplazar todos los "index_files/" por la URL definitiva correspondiente, ya que las páginas del portfolio estarán alojadas en Blogger pero ejecutarán código y cargarán imágenes de nuestro Google Drive. Si hemos publicado VisualLightBox directamente sobre la carpeta que compartimos en la Web reemplazaremos todos los "index_files/" por "http://gdriv.es/[el_nombre_que_decidimos_arriba_en_gdriv.es]/index_files/". Seguidamente nos fijamos en un fragmento que hay al principio del archivo, dentro de la sección HEAD, concretamente el comprendido entre la línea que contiene "Start VisualLightBox.com HEAD section" y la que contiene "End VisualLightBox.com HEAD section". Este fragmento corresponde al código del motor de visualización. Tendremos que seleccionarlo, copiarlo y pegarlo en la plantilla de Blogger, concretamente con la función Editar HTML, justo antes de la etiqueta que cierra la sección HEAD de la plantilla:

Código HTML de la sección HEAD

Guardamos y volvermos al index.html, y ahora nos fijamos en el segundo bloque, el que hay entre la línea que contiene "Start VisualLightBox.com BODY" y  la que contiene "End VisualLightBox.com BODY section". Esta parte corresponde a la parte visual del slideshow. Si os fijásteis, en la página Web que se abrió después de publicar con VisualLightBox, al pinchar sobre las miniaturas las fotos seguramente se mostraban un poco pequeñas. Eso es porque VisualLightBox abre las imágenes de Flickr de tamaño estándar (500px). Si queremos que se vean más grandes tendremos que añadir los sufijos correspondientes a los nombres de los archivos. Los archivos de imagen están en las etiquetas HTML que tienen "http://farm[un_numero].static.flickr.com/". Insertaremos "_z" o "_b" justo delante de ".jpg". El primer sufijo corresponde a 640px de ancho, y el segundo a 1024px. Una vez arreglado este código HTML seleccionamos el bloque, copiamos y pegamos en el cuerpo de la página que corresponderá a esta galería.

Y ya tenemos nuestro porfolio:

VisualLightBox integrado en la página

Espero que os sea útil todo este tutorial si no queréis perder mucho tiempo ni gastar dinero para tener vuestro propio portfolio fotográfico. Si tenéis alguna consulta o se os ocurre alguna sugerencia sobre este método, no dudéis en contactar conmigo. Ah, y recordad visitar mi portfolio en http://santimb.photos. ;)

SantiMB Photos

Anexo del 2/12/2016

Con motivo de recientes cambios en el servicio Google Drive, que ya no permite el acceso a archivos desde webs, el portfolio dejó de funcionar correctamente, así que me he visto obligado ha rehacerlo con WordPress y alojarlo en un "hosting". Por eso si entráis ahora en la dirección de arriba, http://santimb.photos, no veréis la web explicada en este artículo sino una totalmente reformada partiendo del mismo contenido. Pero eso ya será tema para otro artículo.

Nuevo portfolio creado con Wordpress