html

{% include toc.html %}

propósito

anotar todo lo relevante que aprendo sobre html

presentaciones

buen framework para hacer slides
ejemplo descargado en

 C:\nube\MEGA\programacion\HtmlCssEstatico\webslides-master

toda la presentacion es un archivo html.

imagenes

al tratar las imágenes del camino de santiago para el proyecto en jekyll de una galeria de fotos.
veo que las fotos en vertical sale siempre tumbadas
la imagen se ve vertical(mas alta que ancha) en dropbox
1944 de ancho por 2592 de alto y se ve correctamente.
la volteo en el Paint 90 grados a la derecha.
no funciona
la volteo desde el explorador
no funciona
la volteo usando convertimage
en el programa veo la foto original inclinada tal y como sale en html
la volteo y se ve correcto.
parece ser que tiene que ver con los datos EXIF
para editar y quitar esta informacion online
la pena es que se pierde información interesante como la geolocalización por ejemplo
Conclusión
- Existen unas propiedades EXIF que por ejemplo definen como es la orientación de la imagen y esta es la que usa el explorador y otros programas para mostrarla.
- Pero en html se usa la imagen sin leer esas propiedades por lo que la muestra como es y es necesario rotarla no desde el explorador sino online por ejemplo.

orden de archivos

los archivos css se leen en orden de arriba del fichero a abajo de forma el último tiene prioridad sobre los anteriores
- por eso es conveniente poner el archivo con los estilos propios el último para que se imponga sobre los copiados

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
  <link rel="stylesheet" href=" css/main.css ">
  <link rel="stylesheet" href=" css/estilos.css ">