Feat issue 8

[thegreatyamori]

Descripción del cambio:

• Diseño de la sección de blogs
• Se diseño un pequeño algoritmo para distribuir las blog-cards dinámicamente.
• Se utilizo styled components para facilitar la distribución de las blog-cards.
• De acuerdo a una determinada estructura se pueden generar las blog-cards.

Razón del cambio:
Es una nueva feature solicitada para incluir en la pagina principal y la pagina de blog.

Captura:

Otros cambios:

• Se utilizó el patrón Factory para generar diferentes tipos de cards, es compatible con blog-cards, city-cards y event-cards.
• Se puede utilizar esta implementación para generar cards de ciudades y eventos con una misma clase.

Link al origen de este PR:
Add improvements to #8

[thegreatyamori]

Descripción del cambio:

• Se mejoró la consistencia del diseño según el prototipo de figma.
• Se añadió la consulta de blogs utilizando graphql, sort desc por fecha y limite de 5 items.
• Se reestructuró la organización de la carpeta blog, para poder incluir imágenes.
• Se añadió los enlaces a cada entrada respectivamente.

Cosas que faltan:

• Consultar la entrada más leída.
• Actualizar una entrada con la explicación de como se construyó esta sección.

[rpalaciosg]

Excelente trabajo 🎉 @thegreatyamori, puedes corregirle esa parte del url al renderizar el articulo que esta en la pagina src/pages/blog.js para aprovar los cambios y hacer el merge.

[rpalaciosg]

@thegreatyamori se hizo el squash and merge de #90 puedes hacer un git pull --rebase para que dejes los cambios de este PR al final y tengas esta rama al dia y se resulevan los conflictos.

Me avisas si el articulo del blog lo vas a agegar desde este mismo PR. 🐱‍👤🚀