your pokemon for today

Tu Pokémon de hoy

Este es un pequeño y agradable sitio de galería que muestra las geniales ilustraciones de Tu Pokémon para hoy que el genial KC Green ha estado publicando en su Twitter y Tumblr.

¡¡Realmente no necesita existir y, sin embargo, existe!!

En el lado web, usa lightgallery.js para cosas lightboxy.

En el lado de la construcción, utiliza GraphicsMagick para Node para generar miniaturas para cada ilustración, Nunjucks para crear plantillas y gulp (y una gran cantidad de complementos de gulp) para unir todo.

El sitio en sí está disponible para su placer de navegación en https://yourpokemonfor.today/.

El repositorio es estúpidamente enorme porque contiene una gran cantidad de datos de imágenes (tanto presentes como pasadas). Lo lamento.

Para construirlo tu mismo

Entonces quieres ser un maestro Digimon ¿eh???? A continuación se explica cómo crear una versión de este sitio en su propia computadora (si ejecuta Mac OS X):

1. Obtenga una copia de este repositorio (ya sea clonándolo o descargando una copia ZIP y descomprimiéndola)

2. Asegúrese de tener Node.js y Yarn instalados (consulte package.json en engines para ver las versiones requeridas), así como Homebrew.

3. Instale GraphicsMagick: abra una interfaz de línea de comandos y ejecute brew install graphicsmagick

4. Instale las dependencias del proyecto: en su interfaz de línea de comandos, navegue hasta la carpeta del proyecto y ejecute yarn

5. Cree el sitio a partir de los archivos fuente: en la misma carpeta, ejecute yarn build . El sitio habrá terminado de construirse cuando vea Finished 'default' y recuperará el símbolo del sistema.

   • Este comando crea el sitio y procesa todas las imágenes del sitio, por lo que puede tardar un poco (hasta diez minutos) la primera vez que se ejecuta. Las compilaciones posteriores serán más rápidas.

6. Busque en la carpeta "compilación": ¡allí está su sitio! ¡GUAU!

7. Para abrir el sitio en un navegador web, deberá ejecutar un servidor web en la carpeta "build"; esta es mi forma sencilla favorita de hacerlo en una Mac.

¡Eso es todo! Si realiza algún cambio, ejecute el paso 5 nuevamente para crear una nueva versión del sitio. ¡Entonces no dudes en enviar una solicitud de extracción con tus cambios! La colaboración es divertida.

Hacer

¿Quizás quieras ayudarme a hacer estas cosas?

• Agregue una opción de filtrado para mostrar solo las imágenes de KC (¿y tal vez una para mostrar solo las que no ha hecho? ¿Alguien querría eso alguna vez?)

• Agregar una opción para ordenar por fecha

• Agregue una tarea de "vigilancia" a la configuración de gulp, para reconstruir automáticamente los archivos de compilación relevantes cuando cambien los archivos fuente