devoffarg / devoff-desafio-1

Punto de partida para el desafío de DevOff Argentina del 26/07/2020.

Desafío 1 - 26/07/2020

Deberás implementar una galería de fotos, utilizando solamente HTML y CSS.

Condiciones del desafío

⛔ No se puede utilizar JavaScript.

⛔ No se puede utilizar ningún framework de CSS.

✅ Debe soportar fotos horizontales y verticales.

✅ Debe poder ampliar una foto a su tamaño original o a un máximo determinado al hacerle un click.

✨ Serás libre de implementar la estética y funcionalidad que quieras, siempre y cuando se cumplan las condiciones esenciales del desafío.

📚 Herramientas de consulta

Podrás utilizar cualquier herramienta de búsqueda que necesites (amamos buscar en Google y leer Stack Overflow <3).

⏳ Tiempo

Tendrás 1 hora para resolver el desafío.

🌈 Algunos ejemplos para que explores

• https://codepen.io/MalaikaIshtiaq/pen/MNbXyx
• https://codepen.io/thebabydino/pen/oWqpzw
• https://codepen.io/bbx/pen/Jxoqdg
• https://codepen.io/alchatti/pen/NOdzLO

📸 ¿De dónde saco fotos?

¡Este repositorio incluye algunas fotos de ejemplo! Están en la carpeta fotos:

De todos modos, si tenés fotos que te gusten y quieras usarlas a mano, podés utilizar esas mismas.

🤔 ¿Cómo presento mi código?

Si tenés una cuenta en GitHub

Hacé un fork de este repo:

Cloná tu fork, reemplazando [TU_ALIAS] con el nombre de tu cuenta de GitHub. Podés clonarlo utilizando la consola:

git clone https://github.com/[TU_ALIAS]/DevOff-Desafio-1

También podés utilizar GitHub Desktop, tu IDE favorito, lo que gustes.

Cuando finalices la resolución del desafío, no olvides subir todos tus cambios usando git push o el equivalente que ofrezca tu cliente de Git. Envianos por el chat de la transmisión o por DM a la cuenta de Twitter de DevOff Argentina el link a tu repositorio.

Si no tenés una cuenta en GitHub

Podés hacer clic aquí y mágicamente se descargará un archivo comprimido con todo lo que contiene este repositorio.

Cuando finalices la resolución del desafío, envianos un archivo ZIP con todo tu trabajo a través de WeTransfer.

💜 Agradecimientos

Jurados

• ¡Gracias a Gonzalo Pozzo y Magalí Domínguez por ser nuestros jurados!
• ¡Un agradecimiento especial a Damián Catanzaro, el jurado invitado de esta edición!

Organizaciones aliadas

¡Gracias a Migue Moyano, Joel A. Villarreal Bertoldi y Agustín Carrasco del equipo de CoDeAr por dar una mano para que este proyecto sea posible!

Créditos

DevOff Argentina es un proyecto ideado por Aldana Denise, con el apoyo de CoDeAr.

Este desafío incluye fotos cortesía de las siguientes fuentes:

• Close up photography of sleeping tabby cat, de Ihsan Adity
• Baking cheese cooking crust, de Pixabay
• Woman holding cup of latte, de The Lazy Artist
• Photography of tree, de Yugal Srivastava
• White clouds and blue sky, de Ithalu Dominguez
• Brown and white short coated puppy, de Valeria Boltneva
• Food plate chocolate dessert, de Alexander Dummer
• Person holding multi-colored heart-shaped ornament, de Sharon McCutcheon
• Brown hummingbird selective focus photography, de Philippe Donn
• Wall-e toy on beige pad, de Lenin Estrada
• Sliced fruits on tray, de Trang Doan
• Person hand and crescent moon, de Kaique Rocha

🚀 Soluciones

¡A continuación, listamos todas las soluciones que se fueron presentando para este desafío!

🌟 Participantes EN VIVO:

• https://github.com/LucianABC/DevOff-Desafio-1, por Lucian 🏆
• https://github.com/paz873107/DevOff-Desafio-1, por Paz Casaux
• https://github.com/MatiSera/DevOff-Desafio-1, por Mati Sera
• https://github.com/Irnias/DevOff-Desafio-1, por Irnias

💜 Participantes de la comunidad:

• https://codepen.io/joaqo89/pen/oNbRJyR, por Joaco
• https://codepen.io/paula-abramovich/pen/bGEyOdV. por Paula Abramovich
• https://codepen.io/saulmoniq/pen/RwrmExb, por Saul Monique
• https://devoff-desafio1.vercel.app, por Oscar Moreira
• https://twitter.com/i/status/1288130251109826560, por @SailorCris
• https://codepen.io/julieta-mullen/pen/BajeQdY, por Julieta Mullen
• https://codepen.io/edukj/pen/ZEQNOap, por Kuki
• https://github.com/csmamani/DevOff-Desafio-1, por Carolin
• https://codepen.io/gabrield22/pen/NWxVraK, por Gabriel Domínguez
• https://codepen.io/erosilk/pen/WNrBwMa, por Micael Robles
• https://codepen.io/dcatanzaro/pen/VweOaZe, por Damián Catanzaro
• https://codepen.io/adrian-benavente/pen/VweOwNq, por Adrián Benavente
• https://twitter.com/Jess_vel92/status/1287855604590092291, por @Jess_vel92
• https://codepen.io/fefitin/pen/RwrmrKb, por Federico García
• https://codepen.io/goncy/pen/rNxbExM, por Goncy
• https://ivanfranco502.github.io/DevOff-Desafio-1/, por Iván Franco
• https://twitter.com/GabiAleMoya/status/1287611234595082241, por @GabiAleMoya
• https://github.com/Enkdress/DevOff-Desafio-1, por Sergio Correa
• https://github.com/emicarito/DevOff-Desafio-1, por Emi Carito
• https://codesandbox.io/s/purple-lake-s3r2f, por Milonesse
• https://github.com/mmoyano16/DevOff-Desafio-1, por Migue Moyano
• https://repl.it/@joelalejandro/DevOff-Desafio-1#index.html, por Joey
• https://twitter.com/AyalaLean4339/status/1288927021071040516, por @AyalaLean4339
• https://github.com/Emilia-Guadalupe/GaleriaDeFotos, por Emilia Guadalupe
• https://codepen.io/Aman-sgz/pen/GRobNYv, por Aman
• https://github.com/marcosdellavecchia/DevOff-Desafio-1, por Marcos Della Vecchia
• https://gueretamartin.github.io/DevOff-Desafio-1/, por Martín Guereta
• https://twitter.com/Franqsanz/status/1288937196439953409, por @Franqsanz

¡Muchos éxitos y a codear!