your pokemon for today

Ваш покемон на сегодня

Это симпатичный небольшой сайт-галерея, демонстрирующий потрясающие иллюстрации Your Pokémon for Today, которые рад KC Green размещал в своем Twitter и Tumblrs.

На самом деле оно не обязательно должно существовать, но оно существует!!

На веб-конце он использует Lightgallery.js для лайтбоксов.

Что касается сборки, он использует GraphicsMagick для Node для создания миниатюр для каждой иллюстрации, Nunjucks для создания шаблонов и gulp (и целый ряд плагинов gulp), чтобы связать все воедино.

Сам сайт доступен для вашего удовольствия по адресу https://yourpokemonfor.today/.

Репозиторий огромен, потому что содержит много данных изображений (как настоящих, так и прошлых). Извините за это.

Чтобы построить его самостоятельно

Итак, ты хочешь быть мастером Digimon, да???? Вот как создать версию этого сайта на своем компьютере (если вы используете Mac OS X):

1. Получите копию этого репозитория (либо клонировав его, либо загрузив ZIP-копию и разархивировав ее).

2. Убедитесь, что у вас установлены Node.js и Yarn (проверьте package.json в разделе engines чтобы узнать необходимые версии), а также Homebrew.

3. Установите GraphicsMagick: откройте интерфейс командной строки и запустите brew install graphicsmagick

4. Установите зависимости проекта: в интерфейсе командной строки перейдите в папку проекта и запустите yarn

5. Соберите сайт из исходных файлов: В той же папке запустите yarn build . Создание сайта будет завершено, когда вы увидите Finished 'default' и получите обратно командную строку.

   • Эта команда создает сайт и обрабатывает все изображения сайта, поэтому первый запуск может занять некоторое время (до десяти минут). Последующие сборки будут проходить быстрее.

6. Загляните в папку «build» — там ваш сайт! УХ ТЫ!

7. Чтобы открыть сайт в веб-браузере, вам понадобится запустить веб-сервер в папке «build» — вот мой любимый простой способ сделать это на Mac.

Вот и все! Если вы внесли какие-либо изменения, повторите шаг 5, чтобы создать новую версию сайта. Тогда смело отправляйте запрос на внесение изменений! Сотрудничество — это весело.

Тодо

Может быть, ты хочешь помочь мне сделать это???

• Добавьте опцию фильтрации, чтобы отображать только изображения KC (и, может быть, такую, чтобы показывать только те, которые он не делал? Захочет ли кто-нибудь этого вообще?)

• Добавьте возможность сортировки по дате

• Добавьте задачу «наблюдение» в конфигурацию gulp, чтобы автоматически пересобирать соответствующие файлы сборки при изменении исходных файлов.