From 7bc6f7601ad03890950f1bd5d89bef00338f739f Mon Sep 17 00:00:00 2001
From: shaoxiang <1026025056@qq.com>
Date: Thu, 6 Jun 2019 21:34:35 +0800
Subject: [PATCH] add hat

---
 docs/assets/css/main.css | 16 +++++++++++-
 docs/en/hat/ENV.md       | 54 ++++++++++++++++++++++++++++++++++++++++
 docs/en/hat/PIR.md       | 37 +++++++++++++++++++++++++++
 docs/en/hat/SPK.md       | 37 +++++++++++++++++++++++++++
 docs/index.md            | 50 +++++++++++++++++++++++++++++++++++++
 docs/zh_CN/README.md     | 51 +++++++++++++++++++++++++++++++++++++
 docs/zh_CN/hat/ENV.md    | 54 ++++++++++++++++++++++++++++++++++++++++
 docs/zh_CN/hat/PIR.md    | 37 +++++++++++++++++++++++++++
 docs/zh_CN/hat/SPK.md    | 37 +++++++++++++++++++++++++++
 9 files changed, 372 insertions(+), 1 deletion(-)
 create mode 100644 docs/en/hat/ENV.md
 create mode 100644 docs/en/hat/PIR.md
 create mode 100644 docs/en/hat/SPK.md
 create mode 100644 docs/zh_CN/hat/ENV.md
 create mode 100644 docs/zh_CN/hat/PIR.md
 create mode 100644 docs/zh_CN/hat/SPK.md

diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index 0eaeb7c3..75dc00e4 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -208,7 +208,9 @@ body[data-page="ja/README.md"] #faces-kit {
 #m5go-bottom,
 #m5go-rfid,
 #m5go-charger,
-#pm2_5 {
+#pm2_5, 
+#base15,
+#base26 {
     width: 0;
     height: 0;
     overflow: hidden;
@@ -315,6 +317,18 @@ body[data-page="ja/README.md"] #application {
     margin: 0;
     padding: 0;
 }
+
+#hat,
+#hat-env,
+#hat-pir,
+#hat-spk {
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+
 #tools,
 #usb-downloader,
 #usb-isp {
diff --git a/docs/en/hat/ENV.md b/docs/en/hat/ENV.md
new file mode 100644
index 00000000..877dff06
--- /dev/null
+++ b/docs/en/hat/ENV.md
@@ -0,0 +1,54 @@
+# Hat ENV {docsify-ignore-all}
+
+<img src="assets\img\product_pics\hat\env_hat\env_hat_01.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\env_hat\env_hat_02.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\env_hat\env_hat_03.jpg" width="30%" height="30%">
+
+***
+
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](#例程)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://item.taobao.com/item.htm?spm=a1z10.1-c.w4004-1172588101.29.f64c4476tugBw5&id=578200145474)**
+
+## 描述
+
+**Hat ENV**是一款兼容M5SticKC的多功能环境传感器，内部集成DHT12、BMP280和BMM150，能够检测温度、湿度、大气压值、三轴磁力计数据,该模块采用的统一的I2C协议接口，因此在引脚上没有过多的占用.对于希望同时拥有精致体积与丰富功能的项目来说，**Hat ENV**是一个不错的选择.
+
+
+## 产品特性
+
+- 温度:
+    -  测量范围: -20 ~ 60 ℃
+    -  误差: ±0.2℃
+- 湿度:
+    -  测量范围: 20 ~ 95 %RH
+    -  误差: 0.1%
+- 大气压:
+    -  测量范围: 300 ~ 1100hPa
+    -  误差: ±1hPa
+
+磁场范围典型：
+    - ±1300μT（x，y轴），±2500μT（z轴）
+    - 磁场分辨率约为0.3μT
+
+## 包含
+
+- 1x ENV Hat
+
+## 应用
+
+- 气象站
+- 指南针
+
+## 相关链接
+
+- **[官方频道视频](https://i.youku.com/i/UNjE1ODA2MzE0OA==?spm=a2hzp.8253869.0.0)**
+
+- **[官方论坛](http://forum.m5stack.com/)**
+
+- **[BMP280 的库](https://github.com/adafruit/Adafruit_BMP280_Library)**
+
+- **[BMM150 数据手册](https://pdf1.alldatasheet.com/datasheet-pdf/view/608913/ETC2/BMM150.html)**
+
+### 管脚映射
+
+<table>
+ <tr><td>M5Core(GROVE A)</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>ENV Unit</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
diff --git a/docs/en/hat/PIR.md b/docs/en/hat/PIR.md
new file mode 100644
index 00000000..2d42f147
--- /dev/null
+++ b/docs/en/hat/PIR.md
@@ -0,0 +1,37 @@
+# Unit PIR {docsify-ignore-all}
+
+<img src="assets\img\product_pics\hat\pir_hat\pir_hat_01.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\pir_hat\pir_hat_02.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\pir_hat\pir_hat_03.jpg" width="30%" height="30%">
+
+***
+
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](#例程)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-1172588106.46.3a93425e5PQbBs&id=578444443796)**
+
+## 描述
+
+**Hat ENV**是一款兼容M5SticKC的人体红外传感器,它属于"被动式热释电红外探测器",通过检测由人体或物体发射、反射的红外辐射进行判断工作.当检测到红外时、输出高电平，并进行一段时间的延时（期间保持高电平且允许重复触发）,直至触发信号消失（恢复低电平）.
+
+*注意: 检测触发后存在2秒延时.*
+
+## 产品特性
+
+- 检测距离: 150cm
+- 延时时间: 2s
+- 感应范围: < 100°
+- 静态电流: < 60uA
+- 工作温度: -20 - 80 °C
+
+## 包含
+
+- 1x PIR Hat
+
+## 应用
+
+- 人体感应灯具
+- 安防产品
+- 自动感应电器设置
+
+## 相关链接
+
+- **[官方频道视频](https://i.youku.com/i/UNjE1ODA2MzE0OA==?spm=a2hzp.8253869.0.0)**
+
+- **[官方论坛](http://forum.m5stack.com/)**
diff --git a/docs/en/hat/SPK.md b/docs/en/hat/SPK.md
new file mode 100644
index 00000000..a94f6dd8
--- /dev/null
+++ b/docs/en/hat/SPK.md
@@ -0,0 +1,37 @@
+# Unit PIR {docsify-ignore-all}
+
+<img src="assets\img\product_pics\hat\spk_hat\spk_hat_01.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\spk_hat\spk_hat_02.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\spk_hat\spk_hat_03.jpg" width="30%" height="30%">
+
+***
+
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](#例程)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-1172588106.46.3a93425e5PQbBs&id=578444443796)**
+
+## 描述
+
+**Hat SPK**是一款兼容M5SticKC的扬声器,内置PAM8303功放IC（3W单通道D类音频功率放大器），高PSRR和差分输入消除了噪声和射频的干扰，因此能够高质量低失真的还原音频信号.
+
+## 产品特性
+
+- 超低EMI干扰，在300MHz处比FCC B类标准好20dB
+- 5V电源电压下，带4Ω负载输出功率3W，总谐波失真10％
+- 无输入时超低噪声
+- 电源电压2.8V～5.5V
+- 短路保护
+
+## 包含
+
+- 1x SPK Hat
+
+## 应用
+
+- MP4/MP3
+
+## 相关链接
+
+- **[官方频道视频](https://i.youku.com/i/UNjE1ODA2MzE0OA==?spm=a2hzp.8253869.0.0)**
+
+- **[官方论坛](http://forum.m5stack.com/)**
+
+- **[PAM8303 数据手册](https://pdf1.alldatasheet.com/datasheet-pdf/view/790820/DIODES/PAM8303C.html)**
+
+
diff --git a/docs/index.md b/docs/index.md
index df1ac66b..b09c88b9 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -271,6 +271,7 @@
 ## Core BOTTOM
 ## M5GO BOTTOM
 
+
 <div class="item">
   <a href="/#/en/base/lan_base">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_lan_01.png">
@@ -316,6 +317,8 @@
 ## M5GO RFID
 ## M5GO CHARGER
 ## pm2_5
+## BASE15
+## BASE26
 
 <div class="item">
   <a href="/#/en/base/m5go_rfid">
@@ -338,6 +341,20 @@
   <p class="item-title" style="font-style:italic;">PM2.5</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/base/node_base">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base15_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">BASE15</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/base/btc_base">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base26_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">BASE26</p>
+</div>
+
 ***
 
 # Unit
@@ -809,6 +826,39 @@
 
 ***  
 
+# HAT
+
+<div>
+     <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
+     <span style="font-size:30px">HAT</span>
+</div>
+
+## HAT-ENV
+## HAT-PIR
+## HAT-SPK
+
+<div class="item">
+  <a href="/#/en/hat/ENV">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_env_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">ENV</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/hat/PIR">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_pir_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">PIR</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/hat/SPK">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_spk_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">SPK</p>
+</div>
+
+
 # Aluminium Profile
 
 <div>
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index 07a18509..c31468d3 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -266,6 +266,7 @@
 ## M5GO BOTTOM
 
 
+
 <div class="item">
   <a href="/#/zh_CN/base/lan_base">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_lan_01.png">
@@ -311,6 +312,8 @@
 ## M5GO RFID
 ## M5GO CHARGER
 ## pm2_5
+## BASE15
+## BASE26
 
 <div class="item">
   <a href="/#/zh_CN/base/m5go_rfid">
@@ -333,6 +336,20 @@
   <p class="item-title" style="font-style:italic;">PM2.5</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/base/node_base">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base15_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">BASE15</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/base/btc_base">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base26_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">BASE26</p>
+</div>
+
 ***
 
 # Unit
@@ -805,6 +822,40 @@
 
 ***  
 
+# HAT
+
+<div>
+     <img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
+     <span style="font-size:30px">HAT</span>
+</div>
+
+## HAT-ENV
+## HAT-PIR
+## HAT-SPK
+
+<div class="item">
+  <a href="/#/zh_CN/hat/ENV">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_env_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">ENV</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/hat/PIR">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_pir_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">PIR</p>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/hat/SPK">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/hat_spk_01.jpg">
+  </a>
+  <p class="item-title" style="font-style:italic;">SPK</p>
+</div>
+
+
+
 # Aluminium Profile
 
 <div>
diff --git a/docs/zh_CN/hat/ENV.md b/docs/zh_CN/hat/ENV.md
new file mode 100644
index 00000000..877dff06
--- /dev/null
+++ b/docs/zh_CN/hat/ENV.md
@@ -0,0 +1,54 @@
+# Hat ENV {docsify-ignore-all}
+
+<img src="assets\img\product_pics\hat\env_hat\env_hat_01.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\env_hat\env_hat_02.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\env_hat\env_hat_03.jpg" width="30%" height="30%">
+
+***
+
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](#例程)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://item.taobao.com/item.htm?spm=a1z10.1-c.w4004-1172588101.29.f64c4476tugBw5&id=578200145474)**
+
+## 描述
+
+**Hat ENV**是一款兼容M5SticKC的多功能环境传感器，内部集成DHT12、BMP280和BMM150，能够检测温度、湿度、大气压值、三轴磁力计数据,该模块采用的统一的I2C协议接口，因此在引脚上没有过多的占用.对于希望同时拥有精致体积与丰富功能的项目来说，**Hat ENV**是一个不错的选择.
+
+
+## 产品特性
+
+- 温度:
+    -  测量范围: -20 ~ 60 ℃
+    -  误差: ±0.2℃
+- 湿度:
+    -  测量范围: 20 ~ 95 %RH
+    -  误差: 0.1%
+- 大气压:
+    -  测量范围: 300 ~ 1100hPa
+    -  误差: ±1hPa
+
+磁场范围典型：
+    - ±1300μT（x，y轴），±2500μT（z轴）
+    - 磁场分辨率约为0.3μT
+
+## 包含
+
+- 1x ENV Hat
+
+## 应用
+
+- 气象站
+- 指南针
+
+## 相关链接
+
+- **[官方频道视频](https://i.youku.com/i/UNjE1ODA2MzE0OA==?spm=a2hzp.8253869.0.0)**
+
+- **[官方论坛](http://forum.m5stack.com/)**
+
+- **[BMP280 的库](https://github.com/adafruit/Adafruit_BMP280_Library)**
+
+- **[BMM150 数据手册](https://pdf1.alldatasheet.com/datasheet-pdf/view/608913/ETC2/BMM150.html)**
+
+### 管脚映射
+
+<table>
+ <tr><td>M5Core(GROVE A)</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
+ <tr><td>ENV Unit</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
+</table>
diff --git a/docs/zh_CN/hat/PIR.md b/docs/zh_CN/hat/PIR.md
new file mode 100644
index 00000000..2d42f147
--- /dev/null
+++ b/docs/zh_CN/hat/PIR.md
@@ -0,0 +1,37 @@
+# Unit PIR {docsify-ignore-all}
+
+<img src="assets\img\product_pics\hat\pir_hat\pir_hat_01.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\pir_hat\pir_hat_02.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\pir_hat\pir_hat_03.jpg" width="30%" height="30%">
+
+***
+
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](#例程)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-1172588106.46.3a93425e5PQbBs&id=578444443796)**
+
+## 描述
+
+**Hat ENV**是一款兼容M5SticKC的人体红外传感器,它属于"被动式热释电红外探测器",通过检测由人体或物体发射、反射的红外辐射进行判断工作.当检测到红外时、输出高电平，并进行一段时间的延时（期间保持高电平且允许重复触发）,直至触发信号消失（恢复低电平）.
+
+*注意: 检测触发后存在2秒延时.*
+
+## 产品特性
+
+- 检测距离: 150cm
+- 延时时间: 2s
+- 感应范围: < 100°
+- 静态电流: < 60uA
+- 工作温度: -20 - 80 °C
+
+## 包含
+
+- 1x PIR Hat
+
+## 应用
+
+- 人体感应灯具
+- 安防产品
+- 自动感应电器设置
+
+## 相关链接
+
+- **[官方频道视频](https://i.youku.com/i/UNjE1ODA2MzE0OA==?spm=a2hzp.8253869.0.0)**
+
+- **[官方论坛](http://forum.m5stack.com/)**
diff --git a/docs/zh_CN/hat/SPK.md b/docs/zh_CN/hat/SPK.md
new file mode 100644
index 00000000..a94f6dd8
--- /dev/null
+++ b/docs/zh_CN/hat/SPK.md
@@ -0,0 +1,37 @@
+# Unit PIR {docsify-ignore-all}
+
+<img src="assets\img\product_pics\hat\spk_hat\spk_hat_01.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\spk_hat\spk_hat_02.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\spk_hat\spk_hat_03.jpg" width="30%" height="30%">
+
+***
+
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](#例程)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:electric_plug:**[原理图](#原理图)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-1172588106.46.3a93425e5PQbBs&id=578444443796)**
+
+## 描述
+
+**Hat SPK**是一款兼容M5SticKC的扬声器,内置PAM8303功放IC（3W单通道D类音频功率放大器），高PSRR和差分输入消除了噪声和射频的干扰，因此能够高质量低失真的还原音频信号.
+
+## 产品特性
+
+- 超低EMI干扰，在300MHz处比FCC B类标准好20dB
+- 5V电源电压下，带4Ω负载输出功率3W，总谐波失真10％
+- 无输入时超低噪声
+- 电源电压2.8V～5.5V
+- 短路保护
+
+## 包含
+
+- 1x SPK Hat
+
+## 应用
+
+- MP4/MP3
+
+## 相关链接
+
+- **[官方频道视频](https://i.youku.com/i/UNjE1ODA2MzE0OA==?spm=a2hzp.8253869.0.0)**
+
+- **[官方论坛](http://forum.m5stack.com/)**
+
+- **[PAM8303 数据手册](https://pdf1.alldatasheet.com/datasheet-pdf/view/790820/DIODES/PAM8303C.html)**
+
+