complete persian doc step 2

assets/css/fix.css

@@ -24,4 +24,9 @@ input{
 
 pre{
     direction: ltr !important;
+}
+
+img{
+    display: block;
+    margin: auto;
 }

fa/README.md

@@ -8,15 +8,13 @@
 
 - **‌‌Windows** (10 یا بالاتر)
 - **Linux** ( تمام توزیع هایی که از Snap Store پشتیبانی میکنند.)
-  - Debian 
-  - Ubuntu 
-  - Arch 
+  - Ubuntu | Debian
+  - Arch | Manjaro
   - Linux mint
-  - Cent OS
+  - Red Hat | Cent OS
   - Elementary OS
   - openSuse
   - Fedora
-  - Red Hat
   - Rasberry pi  
 - **MacOSX** 
   - 10.11 El Capitan یا بالاتر

fa/components/appbar.md

@@ -0,0 +1,24 @@
+# appbar | نوار برنامه 
+
+## توضیحات 
+AppBar قسمت بالایی صفحه است، امکان در برگرفتن عنوان و برخی از دکمه و ها و منو را داراست و safeArea رنگ خود را با AppBar تطبیق می‌دهد
+
+![alt text](../../assets/images/properties/appbar.png)
+
+تصویر یک appbar در برنامه
+
+## ویژگی‌ها 
+-  [name](/fa/properties/name.md): نام کامپوننت
+- [color](/fa/properties/color.md) : رنگ زمینه
+- [textColor](/fa/properties/color.md) :رنگ متن
+- back: دکمه بازگشت
+- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)
+- menu : در مرحله آزمایشی، اکنون غیرقابل استفاده است
+- actions: دکمه‌های appbar [توضیحات تکمیلی در ادامه]
+
+## actions
+
+با کلیک روی این گزینه آن را مدیریت کنید:
+همانند تصویر می‌توانید دکمه‌ها را مدیریت کنید، اضافه یا حذف کنید آیکون و tooltip آن را تغییر دهید، و یا با Darg & Drop  می‌توانید ترتیب‌های آنها را تغییر دهید، و با دوبار کلیک کردن روی آنها رویداد هنگام کلیک شدن آن‌را تغییر دهید
+
+![alt text](../../assets/images/properties/actions.png)

fa/components/page.md

@@ -0,0 +1,18 @@
+# page | صفحه
+
+## توضیحات 
+صفحات اصلی‌ترین بخش‌های نرم‌افزار شماست، یک برنامه باید حداقل یک صفحه داشته باشد
+
+> شما می‌توانید صفحه اصلی پروژه را در صفحه تنظیمات مربوط به پروژه عوض کنید
+
+صفحات کار اصلی آنها نگه‌داری کامپوننت‌ها هستند، و شما می‌توانید بین صفحات سویچ کنید، صفحات شمام ویژگی های زیر هستند:
+
+## ویژگی 
+-  [name](/fa/properties/name.md): نام صفحه
+- [bgColor](/fa/properties/color.md) : رنگ زمینه
+- scrollable: قابلیت اسکرول شدن
+- safeArea : داشتن قسمت امن
+    - ![alt text](../../assets/images/properties/safeArea.png)
+- [padding](/fa/properties/padding.md): حاشیه از داخل
+- [align](/fa/properties/align.md): جهت قرارگیری
+- [onShow](/fa/events.md) : کد نویسی برای زمان نمایش صفحه

fa/events.md

@@ -0,0 +1 @@
+# evenets | رویدادها

fa/properties/README.md

@@ -1,2 +1,3 @@
 # ویژگی ها
-- [color](/fa/properties/color.md)
+- [color](/fa/properties/color.md)
+- [name](/fa/properties/name.md)

fa/properties/align.md

@@ -0,0 +1,12 @@
+# align
+
+جهت نمایش نوشته یا کامپوننت است که دارای ویژگی های زیر است
+
+- `default` پیش‌فرض
+- `left` چپ
+- `center` وسط
+- `right` راست
+- `justify` حالت رسمی : فقط قابل استفاده برای متون
+
+
+![alt text](../../assets/images/properties/align.png)

fa/properties/color.md

@@ -1,3 +1,12 @@
-## رنگ ها
+# رنگ ها
 
-افراد گروه سوم از اهمیت به پایان رساندن آگاه هستند. آنها با تفکر منطقی، طرحی روشن ارائه می‌کنند. آنها نه تنها برای پایان دادن به پروژه‌ی خود در آینده برنامه ریزی می‌کنند، بلکه به تمام نتایج و عواقب اجرای آن برنامه هم می‌اندیشند. این افراد کسانی هستند که هنر به پایان رساندن را می‌دانند.
+در پروژه از رنگ‌های استاندارد متریال استفاده شده است، که شما می‌توانید از آنها استفاده کنید و اما اگر رنگ مورد نظر شما پیدا نشد، امکان انتخاب رنگ سفارشی شما نیز وجود دارد، لذا برای این کار روی رنگ فعلی کلیک کرده در کنار نوشته color تا دیالوگ انتخاب رنگ برای شما باز شود:
+
+![alt text](../../assets/images/properties/color1.png)
+
+و سپس با دیالوگ رنگ دلخواه یا یکی از رنگ های متریال را انتخاب کنید:
+
+
+![alt text](../../assets/images/properties/color2.png)
+
+> رنگ‌های پیش‌فرض با توجه به قواعد موجود، می‌باشد، مثلا رنگ اصلی برنامه و یا رنگ پیش‌فرض متن

fa/properties/name.md

@@ -0,0 +1,12 @@
+# name | نام
+
+این ویژگی برای انتخاب نام کامپوننت‌ها است و در نامگذاری به شرایط زیر توجه داشته باشید:
+
+- اسم ها از قاعده اسامی برنامه نویسی تبعیت میکنند
+    - نام باید با حرف شروع شود
+    - در حروف دوم و به بعد امکان انتخاب عدد و `_` نیز وجود دارد
+    - استفاده از `-`و فاصله ` ` در نام مجاز نیست
+    - بهتر از از حروف بزرگ برای و کوچک برای جداسازی استفاده کنید
+- در یک صفحه نمیتواند نام تکراری وجود داشته باشد وگرنه کامپایل با خطا مواجه می‌شود
+- سعی کنید نامها با عناصر شما مرتبط باشد
+- سعی کنید نام‌ها با کاربرد آنها متناسب باشد

fa/properties/padding.md

@@ -0,0 +1,4 @@
+# padding
+برای تعیین حاشیه از داخل یک کامپوننت به کار می‌رود، و مقدار ان فقط عدد است امکان استفاده از درصد در آن وجود ندارد.
+
+![alt text](../../assets/images/properties/padding.png)

fa/sidebar.md

@@ -1,6 +1,27 @@
 - [آنوبیاس چیست](/fa/)
 - [از کجا شروع کنم](/fa/start.md)
 - [پروژه](/fa/project.md)
-- [ویژگی ها](/fa/properties/README.md)
+- [ویژگی‌ها](/fa/properties/README.md)
+    - [name | نام](/fa/properties/name.md)
     - [color | رنگ](/fa/properties/color.md)
-
+    - [align | جهت نمایش](/fa/properties/align.md)
+    - [padding | حاشیه داخلی](/fa/properties/padding.md)
+- [کامپوننت‌ها](/fa/components/README.md)
+  - [page](/fa/components/page.md)
+  - [appbar](/fa/components/appbar.md)
+  - [divider](/fa/components/divider.md)
+  - [preloader](/fa/components/preloader.md)
+  - [button](/fa/components/button.md)
+  - [circleButton](/fa/components/circleButton.md)
+  - [icon](/fa/components/icon.md)
+  - [input](/fa/components/input.md)
+  - [dropdown](/fa/components/dropdown.md)
+  - [row](/fa/components/row.md)
+  - [column](/fa/components/column.md)
+  - [grid](/fa/components/grid.md)
+  - [text](/fa/components/text.md)
+  - [toggle](/fa/components/toggle.md)
+  - [nav](/fa/components/nav.md)
+  - [menu](/fa/components/menu.md)
+  - [image](/fa/components/image.md)
+-[Events | رویدادها](/fa/events.md)