your pokemon for today

Seu Pokémon de hoje

Este é um pequeno site de galeria que mostra as ilustrações radicais de Seu Pokémon para Hoje que o radical KC Green tem postado em seu Twitter e Tumblrs.

Realmente não precisa existir, mas existe!!

No final, ele usa lightgallery.js para coisas lightboxy.

No final da construção, ele usa GraphicsMagick for Node para gerar miniaturas para cada ilustração, Nunjucks para modelos e gulp (e uma série de plug-ins gulp) para unir tudo.

O próprio site está disponível para seu prazer de navegação em https://yourpokemonfor.today/.

O repositório é estupidamente enorme porque contém muitos dados de imagem (presentes e passados). Desculpe por isso.

Para construir você mesmo

Então você quer ser um mestre Digimon, hein???? Veja como criar uma versão deste site em seu próprio computador (se você estiver executando o Mac OS X):

1. Obtenha uma cópia deste repositório (clonando-o ou baixando uma cópia ZIP e descompactando-a)

2. Certifique-se de ter Node.js e Yarn instalados (verifique package.json em engines para as versões necessárias), bem como Homebrew

3. Instale GraphicsMagick: Abra uma interface de linha de comando e execute brew install graphicsmagick

4. Instale as dependências do projeto: Na sua interface de linha de comando, navegue até a pasta do projeto e execute yarn

5. Construa o site a partir dos arquivos de origem: Na mesma pasta, execute yarn build . A construção do site está concluída quando você vê Finished 'default' e recebe seu prompt de comando de volta.

   • Este comando cria o site e processa todas as imagens do site, portanto pode demorar um pouco (até dez minutos) na primeira vez que for executado. As compilações subsequentes serão mais rápidas.

6. Procure na pasta "build" - aí está o seu site! UAU!

7. Para abrir o site em um navegador da web, você precisará executar um servidor da web na pasta “build” – esta é minha maneira simples favorita de fazer isso em um Mac.

É isso! Se você fizer alguma alteração, execute a etapa 5 novamente para criar uma nova versão do site. Então sinta-se à vontade para enviar uma solicitação pull com suas alterações! A colaboração é divertida.

Pendência

Talvez você queira me ajudar a fazer essas coisas???

• Adicione uma opção de filtragem para exibir apenas as imagens de KC (e talvez uma para mostrar apenas aquelas que ele não fez? Alguém iria querer isso?)

• Adicione uma opção para classificar por data

• Adicione uma tarefa "watch" à configuração do gulp, para reconstruir automaticamente os arquivos de compilação relevantes quando os arquivos de origem forem alterados