هذا موقع معرض صغير لطيف يعرض الرسوم التوضيحية الخاصة بـ Your Pokémon for Today والتي نشرها rad KC Green على موقع Twitter وTumblrs.
ليس من الضروري أن يكون موجودًا حقًا، ومع ذلك فهو موجود!!
من ناحية الويبي، فهو يستخدم lightgallery.js للأشياء المبسطة.
في نهاية البناء، يستخدم GraphicsMagick for Node لإنشاء صور مصغرة لكل رسم توضيحي، وNunjucks للقوالب، وgulp (ومجموعة كاملة من المكونات الإضافية gulp) لربط كل شيء معًا.
الموقع نفسه متاح لمتعة التصفح على https://yourpokemonfor.today/.
يعد المستودع ضخمًا نوعًا ما لأنه يحتوي على الكثير من بيانات الصور (الحالية والماضية). آسف لذلك.
لذلك تريد أن تكون سيد ديجمون هاه ؟؟؟؟ فيما يلي كيفية إنشاء نسخة من هذا الموقع على جهاز الكمبيوتر الخاص بك (إذا كنت تستخدم نظام التشغيل Mac OS X):
احصل على نسخة من هذا المستودع (إما عن طريق استنساخه أو تنزيل نسخة مضغوطة وفك ضغطه)
تأكد من تثبيت Node.js وYarn (تحقق من package.json
ضمن engines
لمعرفة الإصدارات المطلوبة)، بالإضافة إلى Homebrew
تثبيت GraphicsMagick: افتح واجهة سطر الأوامر وقم بتشغيل brew install graphicsmagick
تثبيت تبعيات المشروع: في واجهة سطر الأوامر، انتقل إلى مجلد المشروع وقم بتشغيل yarn
أنشئ الموقع من الملفات المصدر: في نفس المجلد، قم بتشغيل yarn build
. يتم الانتهاء من بناء الموقع عندما ترى Finished 'default'
وتستعيد موجه الأوامر الخاص بك.
ابحث في مجلد "الإنشاء" - هذا هو موقعك! رائع!
لفتح الموقع في متصفح ويب، ستحتاج إلى تشغيل خادم ويب في مجلد "الإنشاء" - وإليك طريقتي البسيطة المفضلة للقيام بذلك على جهاز Mac.
هذا كل شيء! إذا قمت بإجراء أية تغييرات، قم بتشغيل الخطوة 5 مرة أخرى لإنشاء إصدار جديد من الموقع. ثم لا تتردد في إرسال طلب سحب مع التغييرات الخاصة بك! التعاون ممتع.
ربما تريد مساعدتي في القيام بهذه الأشياء؟؟؟
أضف خيار تصفية لعرض صور KC فقط (وربما خيارًا لإظهار الصور التي لم يقم بها إلا؟ هل يرغب أي شخص في ذلك على الإطلاق؟)
إضافة خيار للفرز حسب التاريخ
أضف مهمة "مراقبة" إلى تكوين gulp، لإعادة إنشاء ملفات البناء ذات الصلة تلقائيًا عند تغيير الملفات المصدر