add beatleC

docs/en/hat/hat-beatlec.md

@@ -0,0 +1,84 @@
+# BeatleC {docsify-ignore-all}
+
+<img src="assets\img\product_pics\hat\beatlec_hat\beatlec_hat_01.jpg" width="30%" height="30%">
+
+
+:memo:**[Description](#Description)**&nbsp;&nbsp;;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo-min.jpg">**[EasyLoader](#EasyLoader)**
+
+
+## Description
+
+Ever wanted to build your robotic car with tiny body and smooth control? Here comes the BeatleC, features a dual-driver and 7 RGB LEDs, extreme concise design and ESP32-Based, makes it the handiest and full-function small robotic car ever. 
+
+It is consist of two parts, the M5StickC controller and BeatleC base. On the base, we have two DC geared motor driven by STM32F030.  The two parts are connected through the top slot on StickC. 
+The body of the robotic car is inclined because the wheels we put on front and back are different sizes as you can see from the pictures. 
+Besides, a power switch is placed at the front. 
+
+<img src="assets\img\product_pics\hat\beatlec_hat\beatlec_hat_02.jpg" width="50%" height="30%">
+
+## Product Feature
+
+- Small Robotic Car
+- ESP32 based (Wi-Fi and Bluetooth available)
+- Wireless controllable
+- Dual-Driver
+- 7x RGB LEDs 
+- Built-in battery: base (80ma), M5StickC (80ma).
+- Concise design
+- Smooth control
+- Size: 70mm*50mm*32mm
+- Front-wheel diameter: 25mm ⌀
+- Back-wheel diameter:14mm  ⌀
+
+
+## Applications
+
+- Remote Motor control 
+- Wireless Robotic control
+
+## EasyLoader
+
+<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.png" width="100px" style="margin-top:20px">
+
+<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/HAT/BeatleC/EasyLoader_BeatleC.exe"><button type="button" class="btn btn-primary">click to download EasyLoader</button></a>
+
+>1.EasyLoader is a simple and fast program burner. Every product page in EasyLoader provides a product-related case program. It can be burned to the master through simple steps, and a series of function verification can be performed.(**Currently EasyLoader is only available for Windows OS**)
+
+>2. After downloading the software, double-click to run the application, connect the M5 device to the computer through the data cable, select the port parameters, click **"Burn"** to start burning. (**For M5StickC burning, please Set the baud rate to 750000 or 115200**)
+
+
+## Operation Steps
+
+### How to set up BeatleC
+- Connect M5StickC to the beatleC Base by Pin header.
+- Press reset button to turn on M5StickC.
+- Check the hardware reflection: 
+  - 7 leds at Base will light up in turns for 3 times.
+  - Press button A, the Front wheel will rotate forward and backward for 500ms.
+- Use your phone or computer to Wi-Fi Scan, search and connect the ssid name start with "beatle" plus mac address displayed on the screen.  
+- Then open a Browser and type in ```192.168.4.1/ctl```. Control page should show up after the page was loaded.
+
+### Control Page
+
+<img src="assets\img\product_pics\hat\beatlec_hat\beatlec_hat_03.png" width="40%" height="30%">
+
+- Push upwards the control bar to speed up the wheel and push down to slow down.
+- There are four color bolcks at the bottom. The colorful blocks are used to turn on all RGB LEDs at the bottom to the specified color. Block with black will turn off the light.
+
+
+## Code
+
+### 1. Arduino IDE
+
+*To get complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/beatleC/stickc/Arduino).*
+
+
+## Video
+
+<video width="500" height="500" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/BeatleC_01.mp4" type="video/mp4">
+</video>
+
+<video width="500" height="500" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/BeatleC_02.mp4" type="video/mp4">
+</video>

docs/index.html

@@ -35,7 +35,7 @@
             let url = window.location.href.split('#')[1];
             if (url.length < 2 || url == '/zh_CN/' || url == '/en/') {
 
-            }else{
+            }else if(url.indexOf("?id=") < 0 ){
                 loadingMask.style.display = 'block';
             }
         })

docs/index.md

@@ -822,6 +822,13 @@
  </a>
 </div> 
 
+<div class="item">
+  <a href="/#/en/hat/hat-beatlec">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/beatlec_hat_01.jpg">
+  <p class="item-title">BeatleC</p>
+ </a>
+</div> 
+
 
 **LED class**
 

docs/zh_CN/README.md

@@ -824,6 +824,15 @@
   </a>
 </div> 
 
+
+<div class="item">
+  <a href="/#/zh_CN/hat/hat-beatlec">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/beatlec_hat_01.jpg">
+  <p class="item-title">BeatleC</p>
+ </a>
+</div> 
+
+
 **LED类**
 
 

docs/zh_CN/core/fire.md

@@ -47,6 +47,12 @@ M5Stack Fire 配有三个可分离部件. 顶部与其他的M5主机一样，放
 
 目前发售的Fire主机存在两种IMU传感器版本（MPU6886与SH200Q），它们在功能上基本一致.
 
+
+**注意：** 
+
+Fire 中的 GPIO 16 / 17 默认与PSRAM连接，这使得.
+
+
 ### ESP32特性
 
 - 240 MHz双核Tensilica LX6微控制器，性能达到 600 DMIPS

docs/zh_CN/hat/hat-beatlec.md

@@ -0,0 +1,83 @@
+# BeatleC {docsify-ignore-all}
+
+<img src="assets\img\product_pics\hat\beatlec_hat\beatlec_hat_01.jpg" width="30%" height="30%">
+
+:memo:**[描述](#描述)**&nbsp;&nbsp;;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo-min.jpg">**[EasyLoader](#EasyLoader)**
+
+
+## 描述
+
+**BeatleC**是一款迷你机器人小车，采用了双电机驱动器和7个可编程RGB LED，极其简洁的外观设计和板载ESP32的M5StickC小巧主控，使其成为一款独一无二的迷你机器人小车.
+
+它的机身由两部分组成（M5StickC控制器和BeatleC底座.）在底座上，配备了两个由STM32F030驱动的直流减速电机，电路连接至M5StickC的顶部插槽，最终实现控制.
+
+车身外观是略微倾斜的，由正面和背面的车轮尺寸不同，如图所示.此外，电源开关位于机身前部.
+
+<img src="assets\img\product_pics\hat\beatlec_hat\beatlec_hat_02.jpg" width="50%" height="30%">
+
+## 产品特性
+
+- 小型机器人车
+- 基于ESP32（提供Wi-Fi和蓝牙）
+- 无线可控
+- 双电机驱动器
+- 7xRGB LED
+- 简洁的设计
+- 内置电池：底座（80ma）,M5StickC（80ma）.
+- 平稳控制
+- 尺寸：70mm * 50mm * 32mm
+- 前轮直径：25mm⌀
+- 后轮直径：14mm⌀
+
+
+## 应用
+
+- 远程电机控制
+- 无线机器人控制
+
+
+## EasyLoader
+
+<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.png" width="100px" style="margin-top:20px">
+
+<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/HAT/BeatleC/EasyLoader_BeatleC.exe"><button type="button" class="btn btn-primary">点击下载EasyLoader</button></a>
+
+>1.EasyLoader是一个简洁快速的程序烧录器，每一个产品页面里的EasyLoader都提供了一个与产品相关的案例程序，通过简单步骤将其烧录至主控，能够进行一系列的功能验证.**(目前EasyLoader仅适用于Windows操作系统)**
+
+>2.下载软件后，双击运行应用程序，将M5设备通过数据线连接至电脑,选择端口参数，点击 **"Burn"** 即可开始烧录.(**为M5StickC烧录时，请将波特率设置在750000或115200**)
+
+
+## 操作步骤
+
+### 基本配置
+
+- 通过顶部拓展端口将M5StickC连接到beatleC底座.
+- 按复位按钮打开M5StickC.
+- 检查硬件反馈：
+    - Base的7个LED将依次点亮3次.
+    - 按下按钮A，前轮将前后旋转500ms.
+- 使用手机或计算机进行Wi-Fi扫描，搜索并连接ssid名称以“beatle”加上屏幕上显示的mac地址开头.
+- 然后打开浏览器并输入```192.168.4.1 / ctl```. 加载页面后，控制页面如图显示.
+
+### 控制页面
+
+<img src="assets\img\product_pics\hat\beatlec_hat\beatlec_hat_03.png" width="40%" height="30%">
+
+- 向上推动控制杆以加速车轮，向下推动减速.
+- 底部有四个颜色的螺栓.彩色块用于打开底部的所有RGB LED指定的颜色. 黑色挡将关闭灯.
+
+## Code
+
+### 1. Arduino IDE
+
+*[点击此处]，获取完整程序(https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/beatleC/stickc/Arduino).*
+
+## 相关视频
+
+<video width="500" height="500" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/BeatleC_01.mp4" type="video/mp4">
+</video>
+
+<video width="500" height="500" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/BeatleC_02.mp4" type="video/mp4">
+</video>