Merge branch 'master' of https://github.com/m5stack/m5-docs

docs/en/hat/hat-8servos.md

@@ -37,7 +37,7 @@
 
 ## EasyLoader
 
->1. EasyLoader is a simple and fast program burner. Every product page in EasyLoader provides a product-related case program. This can be burned to the M5 device through simple steps, and a series of function verifications can be performed.
+>EasyLoader is a simple and fast program burner. Every product page in EasyLoader provides a product-related case program. This can be burned to the M5 device through simple steps, and a series of function verifications can be performed.
 
 <div class="easyloader-box">
     <div style="background-color:white;">
@@ -49,8 +49,12 @@
         </div>
     </div>
     <div>
-        <img src="assets\img\product_pics\hat\8servos_hat\8Servos_hat_example.jpg">
+        <video id="example_video" controls>
+            <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/8Servos_hat.mp4" type="video/mp4">
+        </video>
         <div class="easyloader-mask">
+        <a style="text-align: center;">
+            <svg id="play-btn" t="1583228776634" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4152" width="75" height="75"><path d="M512 0C229.216 0 0 229.216 0 512s229.216 512 512 512 512-229.216 512-512S794.784 0 512 0z m0 928C282.24 928 96 741.76 96 512S282.24 96 512 96s416 186.24 416 416-186.24 416-416 416zM384 288l384 224-384 224z" p-id="4153" fill="#007aff"></path></svg></a>
             <p>Description:</p>
             <p>This test program will test whether the drive servo function of each port of the 8Servos HAT module is normal.</p>
         </div>
@@ -58,7 +62,6 @@
 </div>
 
 
-
 ## Example
 
 - **UIFlow**
@@ -184,4 +187,12 @@
    anchor_search(purchase_link);
    scrollFunc();
 
+    $("#play-btn").on("click",function(){
+        $(".easyloader-mask").toggleClass('video_play');
+        $("#example_video")[0].play();
+    })
+    $("#example_video").on("click",function(){
+        $(".easyloader-mask").toggleClass('video_play');  
+    })
+
 </script>

docs/en/quick_start/m5stickc/m5stickc_quick_start.md

@@ -9,23 +9,29 @@
 ## Choose the development platform
 
 <div class="container">
-  <div class="card-deck mb-3 text-center">
-    <div class="card mb-4 shadow-sm">
+  <div class="card-deck mb-4 text-center">
+    <div class="card mb-3 shadow-sm">
       <div class="card-body">
         <img src="assets/img/macos-logo.png" height="170px" style="margin:15px">
         <a href="#en/quick_start/m5stickc/m5stickc_quick_start_with_arduino_MacOS" style="text-decoration:none"><button type="button" class="btn btn-lg btn-block btn-outline-primary">Arduino-MacOS</button></a>
       </div>
     </div>
-    <div class="card mb-4 shadow-sm">
+    <div class="card mb-3 shadow-sm">
       <div class="card-body">
         <img src="assets/img/windows-logo.png" height="170px" style="margin:15px">
         <a href="#en/quick_start/m5stickc/m5stickc_quick_start_with_arduino_Windows" style="text-decoration:none"><button type="button" class="btn btn-lg btn-block btn-outline-primary">Arduino-Windows</button></a>
       </div>
     </div>
-    <div class="card mb-4 shadow-sm">
+    <div class="card mb-3 shadow-sm">
       <div class="card-body">
         <img src="assets/img/uiflow-logo.png" height="150px" style="margin:25px">
         <a href="#en/quick_start/m5stickc/m5stickc_quick_start_with_uiflow" style="text-decoration:none"><button type="button" class="btn btn-lg btn-block btn-outline-primary">UIFlow</button></a>
       </div>
     </div>
+    <div class="card mb-3 shadow-sm">
+      <div class="card-body">
+        <img src="assets/img/aws-logo.png" height="150px" style="margin:25px">
+        <a href="#en/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows" style="text-decoration:none"><button type="button" class="btn btn-lg btn-block btn-outline-primary">FreeRTOS</button></a>
+      </div>
+    </div>
   </div>

docs/en/unit/hex.md

@@ -1,8 +1,6 @@
 # HEX {docsify-ignore-all}
 
-<img src="assets/img/product_pics/unit/unit_hex_01.jpg" width="30%" height="30%">
-
-
+<img src="assets\img\product_pics\unit\hex\unit_hex_01.webp" width="30%"><img <img src="assets\img\product_pics\unit\hex\unit_hex_02.webp" width="30%"><img src="assets\img\product_pics\unit\hex\unit_hex_03.webp" width="30%">
 
 ## Description
 
@@ -11,9 +9,7 @@
 
 This is how LEDs layout in the panel. Pay attention to the sequence in your code.
 
-<img src="assets/img/product_pics/unit/unit_hex_03.png">
-<br>
-<img src="assets/img/product_pics/unit/hex/unit_hex_04.jpg">
+<img src="assets\img\product_pics\unit\hex\unit_hex_05.webp" width="50%">
 
 ## Product Features
 
@@ -131,6 +127,8 @@ void loop(){
  <tr><td>HEX Unit</td><td> </td><td>HEX Pin</td><td>5V</td><td>GND</td></tr>
 </table>
 
+<img src="assets/img/product_pics/unit/hex/unit_hex_04.jpg" width="50%">
+
 <script>
 
    var purchase_link = 'https://m5stack.com/collections/m5-unit/products/hex-neopixel-led-board';

docs/index.md

@@ -124,7 +124,7 @@
       {a:"/#/en/unit/laser-tx", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/laser_tx_01.jpg", p:"LASER-TX"},
       //LED class
       {a:"/#/en/unit/neopixel", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/M5GO_Unit_neopixel.jpg", p:"RGB LED"},
-      {a:"/#/en/unit/hex", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_hex_01.jpg", p:"HEX"},
+      {a:"/#/en/unit/hex", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_hex_01.webp", p:"HEX"},
       {a:"/#/en/unit/rgb", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rgb_01.png", p:"RGB"}
     ];
 

docs/zh_CN/README.md

@@ -125,7 +125,7 @@
       {a:"/#/zh_CN/unit/laser-tx", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/laser_tx_01.jpg", p:"LASER-TX"},
       //LED class
       {a:"/#/zh_CN/unit/neopixel", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/M5GO_Unit_neopixel.jpg", p:"RGB LED"},
-      {a:"/#/zh_CN/unit/hex", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_hex_01.jpg", p:"HEX"},
+      {a:"/#/zh_CN/unit/hex", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_hex_01.webp", p:"HEX"},
       {a:"/#/zh_CN/unit/rgb", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_rgb_01.png", p:"RGB"}
     ];
 

docs/zh_CN/quick_start/m5stickc/m5stickc_quick_start.md

@@ -11,24 +11,30 @@
 ## 选择您使用的开发平台
 
 <div class="container">
-  <div class="card-deck mb-3 text-center">
-    <div class="card mb-4 shadow-sm">
+  <div class="card-deck mb-4 text-center">
+    <div class="card mb-3 shadow-sm">
       <div class="card-body">
         <img src="assets/img/macos-logo.png" height="170px" style="margin:15px">
         <a href="#zh_CN/quick_start/m5stickc/m5stickc_quick_start_with_arduino_MacOS" style="text-decoration:none"><button type="button" class="btn btn-lg btn-block btn-outline-primary">Arduino-MacOS</button></a>
       </div>
     </div>
-    <div class="card mb-4 shadow-sm">
+    <div class="card mb-3 shadow-sm">
       <div class="card-body">
         <img src="assets/img/windows-logo.png" height="170px" style="margin:15px">
         <a href="#zh_CN/quick_start/m5stickc/m5stickc_quick_start_with_arduino_Windows" style="text-decoration:none"><button type="button" class="btn btn-lg btn-block btn-outline-primary">Arduino-Windows</button></a>
       </div>
     </div>
-    <div class="card mb-4 shadow-sm">
+    <div class="card mb-3 shadow-sm">
       <div class="card-body">
         <img src="assets/img/uiflow-logo.png" height="150px" style="margin:25px">
         <a href="#zh_CN/quick_start/m5stickc/m5stickc_quick_start_with_uiflow" style="text-decoration:none"><button type="button" class="btn btn-lg btn-block btn-outline-primary">UIFlow</button></a>
       </div>
     </div>
+    <div class="card mb-3 shadow-sm">
+      <div class="card-body">
+        <img src="assets/img/aws-logo.png" height="150px" style="margin:25px">
+        <a href="#zh_CN/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows" style="text-decoration:none"><button type="button" class="btn btn-lg btn-block btn-outline-primary">FreeRTOS</button></a>
+      </div>
+    </div>
   </div>
 

docs/zh_CN/unit/hex.md

@@ -1,8 +1,6 @@
 # HEX {docsify-ignore-all}
 
-<img src="assets/img/product_pics/unit/unit_hex_01.jpg" width="30%" height="30%">
-
-
+<img src="assets\img\product_pics\unit\hex\unit_hex_01.webp" width="30%"><img <img src="assets\img\product_pics\unit\hex\unit_hex_02.webp" width="30%"><img src="assets\img\product_pics\unit\hex\unit_hex_03.webp" width="30%">
 
 ## 描述
 
@@ -11,10 +9,8 @@
 
 以下为HEX灯板中的LED布局排序方式
 
-<img src="assets/img/product_pics/unit/unit_hex_03.png">
+<img src="assets\img\product_pics\unit\hex\unit_hex_05.webp" width="50%">
 
-<br>
-<img src="assets/img/product_pics/unit/hex/unit_hex_04.jpg">
 
 ## 产品特性
 
@@ -136,6 +132,7 @@ void loop(){
  <tr><td>HEX Unit</td><td>/</td><td>HEX Pin</td><td>5V</td><td>GND</td></tr>
 </table>
 
+<img src="assets/img/product_pics/unit/hex/unit_hex_04.jpg" width="50%">
 
 <script>