CyClone

ابزار

CPIK CyClone Power Icon Kit

برندهای ایرانی، در یک کیت آیکون.

کیت CPIK آیکون بانک‌ها، پلتفرم‌ها، سرویس‌ها و برندهای ایرانی را یک‌جا می‌دهد. یک فایل استایل را لینک کنید تا هر آیکون با یک نام کلاس در دسترس باشد؛ در هر اندازه‌ای واضح می‌ماند و مثل متن کنارش با CSS رنگ می‌گیرد. لوگوها متعلق به صاحبانشان است.

  • نسخه0.1.9
  • وضعیتپایدار
  • مجوزMIT
چرا

برای همین Icon Kit را ساختیم

توسعه‌دهندگانی که سایت‌شان به بانک‌ها، پیام‌رسان‌ها و فروشگاه‌های اینترنتی ایرانی لینک می‌دهد، آیکون همین برندها را یک‌جا لازم دارند. CPIK با یک فایل استایل برای هر آیکون یک نام کلاس می‌دهد و CSS اندازه و رنگش را مثل متن تنظیم می‌کند.

  • بانک‌ها و برندهای ایرانی

    بانک‌ها، پلتفرم‌ها، سرویس‌ها و برندها در یک فونت آیکون جمع شده‌اند.

  • تیز در هر اندازه

    هر آیکون یک نویسه در فونت است و با font-size بزرگ و کوچک می‌شود.

  • رنگ‌دهی با CSS

    رنگ هر آیکون از ویژگی color می‌آید، مثل متن کنارش.

مرحله‌ی انتشار

  1. آلفا کار می‌کند، اما ممکن است هنوز تغییر کند 0.1.0
  2. بتا قابلیت‌ها کامل است و در حال بهبود است 0.1.8
  3. پایدار آماده برای استفاده‌ی روزمره 0.1.9

راه‌اندازی

۴ مرحله

  1. در دموی آنلاین cpik.cyclone9.dev همه‌ی آیکون‌ها و نام کلاس هرکدام را ببینید و آن‌هایی را که لازم دارید انتخاب کنید.
  2. کیت را دانلود کنید و فایل‌های فونت و فایل استایل را در سایتتان کپی کنید.
  3. فایل استایل را در بخش head صفحه لینک کنید.
  4. برای گذاشتن آیکون، کلاس آن را به یک المان بدهید و اندازه و رنگش را مثل متن تنظیم کنید.

مستندات

آنچه راهنما پوشش می‌دهد

هر آیکون یک نویسه در فونت است، پس با font-size بزرگ و کوچک می‌شود و رنگش را مثل متن اطرافش از ویژگی color می‌گیرد.

مستندات کامل در GitHub

توضیحات بیشتر

کتابخانه‌های آیکون برندهای سراسر دنیا را دارند، اما تقریباً هیچ‌کدام از برندهایی را که سایت‌های ایرانی به آن‌ها لینک می‌دهند ندارند. برای همین لوگوی بانک، پیام‌رسان و فروشگاه اینترنتی هرکدام تصویری جداست، با اندازه و رنگی متفاوت. CPIK برندهای ایرانی را در یک فونت آیکون جمع می‌کند. فایل‌های فونت و فایل استایل را در سایتتان کپی کنید، فایل استایل را لینک کنید و نام کلاس آیکون را به یک المان بدهید. آیکون با font-size بزرگ و کوچک می‌شود و رنگش را مثل متن اطرافش از ویژگی color در CSS می‌گیرد؛ یک فایل کل مجموعه را پوشش می‌دهد. لوگوها متعلق به برندهای خودشان است. کیت فقط آن‌ها را نمایش می‌دهد و استفاده از هر لوگو به معنای همکاری با آن برند نیست.

ابزار v0.1.0

CPALS

CyClone Power Assistant for Linux Servers

مجموعه‌ای از اسکریپت‌های Bash برای راه‌اندازی، امن‌سازی و نگهداری سرورهای لینوکسی.

  • bash
  • server
  • devops
  • hardening
  • cli
آلفا
ابزار v1.0.0

CPWO

CyClone Power Web Optimizer

ابزار CPWO یک برنامه‌ی خط فرمانی است که فایل‌های HTML، CSS، JS، JSON، SVG و XML را کوچک می‌کند، تصویرها را فشرده می‌کند و به WebP و AVIF تبدیل می‌کند. نتیجه کنار فایل‌های شما نوشته می‌شود و فایل‌های اصلی دست نمی‌خورند.

  • performance
  • optimize
  • minify
  • images
  • webp
  • avif
  • cli
پایدار
ابزار v0.6.0

CPCS

CyClone Power Card Studio

شماره کارت، نام و بانک را به تصویر کارتی تبدیل می‌کند که می‌توانید بفرستید.

  • card
  • banking
  • design
  • templates
  • image-export
پایدار