From 083dc2367d17375ec36c32a9d9a3160fd3410b33 Mon Sep 17 00:00:00 2001
From: shaoxiang <1026025056@qq.com>
Date: Wed, 17 Jul 2019 13:55:44 +0800
Subject: [PATCH] change home page product tpye

---
 docs/index.md        | 154 +++++++++++++++++++++----------------------
 docs/zh_CN/README.md | 138 +++++++++++++++++++-------------------
 2 files changed, 146 insertions(+), 146 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index 43b5c3b4..b745e5d2 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -179,7 +179,6 @@
 
 ## BATTERY
 ## PROTO
-## PROTO-KIT
 ## PLUS
 ## USB
 ## BUS
@@ -201,13 +200,6 @@
   <p class="item-title">PROTO</p>
 </div>
 
-<div class="item">
-  <a href="/#/en/module/proto_kit">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_proto_02.jpg">
-  </a>
-  <p class="item-title">PROTO-KIT</p>
-</div>
-
 <div class="item">
   <a href="/#/en/module/plus">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_plus_01.png">
@@ -310,7 +302,7 @@
 # BASE
 
 <div>
-     <img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;">
+     <img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;margin-top:20px">
      <span style="font-size:30px">Base</span>
 </div>
 
@@ -409,6 +401,15 @@
   <p class="item-title">BASE26</p>
 </div>
 
+
+<div class="item">
+  <a href="/#/en/accessory/battery_base">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/battery_base_01.jpg">
+  </a>
+  <p class="item-title">M5Camera Battery</p>
+</div>
+
+
 ***
 
 # Unit
@@ -580,17 +581,12 @@
 </div>
 
 
-## TRACE
+
 ## ACCEL
 ## OP180
 ## OP90
 
-<div class="item">
-  <a href="/#/en/unit/trace">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_trace_01.png">
-  </a>
-  <p class="item-title">TRACE</p>
-</div>
+
 
 <div class="item">
   <a href="/#/en/unit/accel">
@@ -614,49 +610,6 @@
 </div>
 
 
-**HMI class**
-
-## ANGLE
-## BUTTON
-## Dual-BUTTON
-## JOYSTICK
-## CardKB
-
-<div class="item">
-  <a href="/#/en/unit/angle">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_angle_01.png">
-  </a>
-  <p class="item-title">ANGLE</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/button">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_button_01.png">
-  </a>
-  <p class="item-title">BUTTON</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/dual_button">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_dual_button_01.png">
-  </a>
-  <p class="item-title">Dual-BUTTON</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/joystick">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_joystick_01.png">
-  </a>
-  <p class="item-title">JOYSTICK</p>
-</div>
-
-<div class="item">
-  <a href="/#/en/unit/cardkb">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_cardkb_01.png">
-  </a>
-  <p class="item-title">CardKB</p>
-</div>
-
 
 **I / 0  class**
 
@@ -760,6 +713,41 @@
   <p class="item-title">Vibrator-Motor</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/unit/angle">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_angle_01.png">
+  </a>
+  <p class="item-title">ANGLE</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/button">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_button_01.png">
+  </a>
+  <p class="item-title">BUTTON</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/dual_button">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_dual_button_01.png">
+  </a>
+  <p class="item-title">Dual-BUTTON</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/joystick">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_joystick_01.png">
+  </a>
+  <p class="item-title">JOYSTICK</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/cardkb">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_cardkb_01.png">
+  </a>
+  <p class="item-title">CardKB</p>
+</div>
+
 
 **Communication class**
 
@@ -881,13 +869,12 @@
 </div> 
 
 
-**Visual class**
+**LED class**
 
 ## RGB_LED
 ## CatEar
 ## HEX
 ## NeoFlash
-## BUTTERFLY
 ## RGB
 
 
@@ -919,12 +906,6 @@
   <p class="item-title">NeoFlash</p>
 </div>
 
-<div class="item">
-  <a href="/#/en/unit/butterfly">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_butterfly_01.png">
-  </a>
-  <p class="item-title">BUTTERFLY</p>
-</div>
 
 <div class="item">
   <a href="/#/en/unit/rgb">
@@ -984,6 +965,21 @@
   <p class="item-title">Demo Board</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/unit/butterfly">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_butterfly_01.png">
+  </a>
+  <p class="item-title">BUTTERFLY</p>
+</div>
+
+
+<div class="item">
+  <a href="/#/en/1515/6060-push">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/6060_push_01.jpg">
+  </a>
+  <p class="item-title"> 6060-PUSH</p>
+</div>
+
 ***
 <!--Below is adding on  -->
 
@@ -1000,6 +996,8 @@
 ## SCREW
 ## BUS-Socket
 ## Frame
+## TRACE
+## PROTO-KIT
 
 <div class="item">
   <a href="/#/en/accessory/converter/grove_t">
@@ -1043,14 +1041,21 @@
   <p class="item-title">Frame</p>
 </div>
 
-## BATTERY-BASE
 <div class="item">
-  <a href="/#/en/accessory/battery_base">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/battery_base_01.jpg">
+  <a href="/#/en/unit/trace">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_trace_01.png">
   </a>
-  <p class="item-title">BATTERY-BASE</p>
+  <p class="item-title">TRACE</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/module/proto_kit">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_proto_02.jpg">
+  </a>
+  <p class="item-title">PROTO-KIT</p>
+</div>
+
+
 ***  
 
 
@@ -1097,13 +1102,6 @@
 </div>
 
 
-<div class="item">
-  <a href="/#/en/1515/6060-push">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/6060_push_01.jpg">
-  </a>
-  <p class="item-title"> 6060-PUSH</p>
-</div>
-
 *** 
 # Tools
 
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index 877e9db7..5a991678 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -219,12 +219,6 @@
   <p class="item-title"  >PROTO</p>
 </div>
 
-<div class="item">
-  <a href="/#/zh_CN/module/proto_kit">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_proto_02.jpg">
-  </a>
-  <p class="item-title"  >PROTO-KIT</p>
-</div>
 
 <div class="item">
   <a href="/#/zh_CN/module/plus">
@@ -320,7 +314,7 @@
 # BASE
 
 <div>
-     <img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;">
+     <img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;margin-top:20px">
      <span style="font-size:30px">Base</span>
 </div>
 
@@ -405,6 +399,14 @@
   <p class="item-title"  >BASE26</p>
 </div>
 
+
+<div class="item">
+  <a href="/#/zh_CN/accessory/battery_base">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/battery_base_01.jpg">
+  </a>
+  <p class="item-title" >M5Camera Battery</p>
+</div>
+
 ***
 
 
@@ -555,13 +557,6 @@
 
 
 
-<div class="item">
-  <a href="/#/zh_CN/unit/trace">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_trace_01.png">
-  </a>
-  <p class="item-title"  >TRACE</p>
-</div>
-
 <div class="item">
   <a href="/#/zh_CN/unit/accel">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_accel_01.jpg">
@@ -584,44 +579,6 @@
 </div>
 
 
-**交互类**
-
-<div class="item">
-  <a href="/#/zh_CN/unit/angle">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_angle_01.png">
-  </a>
-  <p class="item-title"  >ANGLE</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/button">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_button_01.png">
-  </a>
-  <p class="item-title"  >BUTTON</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/dual_button">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_dual_button_01.png">
-  </a>
-  <p class="item-title"  >Dual-BUTTON</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/joystick">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_joystick_01.png">
-  </a>
-  <p class="item-title"  >JOYSTICK</p>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/unit/cardkb">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_cardkb_01.png">
-  </a>
-  <p class="item-title"  >CardKB</p>
-</div>
-
-
 **I / 0  类**
 
 <div class="item">
@@ -710,6 +667,41 @@
   <p class="item-title"  >Vibrator-Motor</p>
 </div>
 
+<div class="item">
+  <a href="/#/zh_CN/unit/angle">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_angle_01.png">
+  </a>
+  <p class="item-title"  >ANGLE</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/button">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_button_01.png">
+  </a>
+  <p class="item-title"  >BUTTON</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/dual_button">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_dual_button_01.png">
+  </a>
+  <p class="item-title"  >Dual-BUTTON</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/joystick">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_joystick_01.png">
+  </a>
+  <p class="item-title"  >JOYSTICK</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/unit/cardkb">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_cardkb_01.png">
+  </a>
+  <p class="item-title"  >CardKB</p>
+</div>
+
 **通讯类**
 
 
@@ -818,7 +810,7 @@
   <p class="item-title"  >DAC</p>
 </div> 
 
-**视觉类**
+**LED类**
 
 
 
@@ -850,12 +842,6 @@
   <p class="item-title"  >NeoFlash</p>
 </div>
 
-<div class="item">
-  <a href="/#/zh_CN/unit/butterfly">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_butterfly_01.png">
-  </a>
-  <p class="item-title"  >BUTTERFLY</p>
-</div>
 
 <div class="item">
   <a href="/#/zh_CN/unit/rgb">
@@ -906,6 +892,13 @@
   <p class="item-title"  >FLIR</p>
 </div>
 
+<div class="item">
+  <a href="/#/zh_CN/unit/butterfly">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_butterfly_01.png">
+  </a>
+  <p class="item-title"  >BUTTERFLY</p>
+</div>
+
 <div class="item">
   <a href="/#/zh_CN/app/demo-board">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/app/app_DemoBoard_01.jpg">
@@ -913,6 +906,13 @@
   <p class="item-title"  >Demo Board</p>
 </div>
 
+<div class="item">
+  <a href="/#/zh_CN/1515/6060-push">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/6060_push_01.jpg">
+  </a>
+  <p class="item-title"> 6060-PUSH</p>
+</div>
+
 ***
 <!--Below is adding on  -->
 
@@ -966,12 +966,20 @@
 
 
 <div class="item">
-  <a href="/#/zh_CN/accessory/battery_base">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/battery_base_01.jpg">
+  <a href="/#/zh_CN/module/proto_kit">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_proto_02.jpg">
   </a>
-  <p class="item-title"  >BATTERY-BASE</p>
+  <p class="item-title"  >PROTO-KIT</p>
 </div>
 
+<div class="item">
+  <a href="/#/zh_CN/unit/trace">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_trace_01.png">
+  </a>
+  <p class="item-title"  >TRACE</p>
+</div>
+
+
 
 ***  
 
@@ -1013,12 +1021,6 @@
   <p class="item-title"  > Aluminium-Profile</p>
 </div>
 
-<div class="item">
-  <a href="/#/zh_CN/1515/6060-push">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/6060_push_01.jpg">
-  </a>
-  <p class="item-title"> 6060-PUSH</p>
-</div>
 
 
 ***