diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index e4a6bf8a..2e141cbd 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -23,6 +23,7 @@ body[data-page="index.md"] article.markdown-section .item {
width: 150px;
margin-right: 10px;
display: inline-block;
+ position:relative;
}
body[data-page="index.md"] article.markdown-section p.item-title {
@@ -38,6 +39,7 @@ body[data-page="zh_CN/README.md"] article.markdown-section .item {
width: 150px;
margin-right: 10px;
display: inline-block;
+ position:relative;
}
body[data-page="zh_CN/README.md"] article.markdown-section p.item-title {
@@ -195,7 +197,9 @@ body[data-page="ja/README.md"] #faces-kit {
#lego_plus,
#encoder,
#joystick-1,
-#fan {
+#fan ,
+#faces-rfid,
+#faces-finger{
width: 0;
height: 0;
overflow: hidden;
@@ -266,7 +270,12 @@ body[data-page="ja/README.md"] #faces-kit {
#butterfly,
#pahub,
#pbhub,
-#m5-bit {
+#m5-bit,
+#vibrator-motor,
+#unit-fan,
+#op90,
+#op180,
+#accel {
width: 0;
height: 0;
overflow: hidden;
@@ -354,3 +363,22 @@ body[data-page="ja/README.md"] #application {
margin: 0;
padding: 0;
}
+
+
+.mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 150px;
+ height: 150px;
+ background: rgba(0, 0, 0, 0.7);
+ color: #ffffff;
+ opacity: 0;
+}
+.mask h3 {
+ text-align: center;
+}
+
+.item a:hover .mask {
+ opacity: 1;
+}
\ No newline at end of file
diff --git a/docs/assets/img/product_pics/module/faces_finger/faces_finger_01.jpg b/docs/assets/img/product_pics/module/faces_finger/faces_finger_01.jpg
new file mode 100644
index 00000000..36972f65
Binary files /dev/null and b/docs/assets/img/product_pics/module/faces_finger/faces_finger_01.jpg differ
diff --git a/docs/assets/img/product_pics/module/faces_finger/faces_finger_02.jpg b/docs/assets/img/product_pics/module/faces_finger/faces_finger_02.jpg
new file mode 100644
index 00000000..8a64b99c
Binary files /dev/null and b/docs/assets/img/product_pics/module/faces_finger/faces_finger_02.jpg differ
diff --git a/docs/assets/img/product_pics/module/faces_finger/faces_finger_03.jpg b/docs/assets/img/product_pics/module/faces_finger/faces_finger_03.jpg
new file mode 100644
index 00000000..391d5b65
Binary files /dev/null and b/docs/assets/img/product_pics/module/faces_finger/faces_finger_03.jpg differ
diff --git a/docs/assets/img/product_pics/module/faces_rfid/faces_rfid_01.jpg b/docs/assets/img/product_pics/module/faces_rfid/faces_rfid_01.jpg
new file mode 100644
index 00000000..3f348b02
Binary files /dev/null and b/docs/assets/img/product_pics/module/faces_rfid/faces_rfid_01.jpg differ
diff --git a/docs/assets/img/product_pics/module/faces_rfid/faces_rfid_02.jpg b/docs/assets/img/product_pics/module/faces_rfid/faces_rfid_02.jpg
new file mode 100644
index 00000000..42323592
Binary files /dev/null and b/docs/assets/img/product_pics/module/faces_rfid/faces_rfid_02.jpg differ
diff --git a/docs/assets/img/product_pics/module/faces_rfid/faces_rfid_03.jpg b/docs/assets/img/product_pics/module/faces_rfid/faces_rfid_03.jpg
new file mode 100644
index 00000000..f4e64ab7
Binary files /dev/null and b/docs/assets/img/product_pics/module/faces_rfid/faces_rfid_03.jpg differ
diff --git a/docs/assets/img/product_pics/unit/Fan/unit_fan_01.jpg b/docs/assets/img/product_pics/unit/Fan/unit_fan_01.jpg
new file mode 100644
index 00000000..7ecd29b1
Binary files /dev/null and b/docs/assets/img/product_pics/unit/Fan/unit_fan_01.jpg differ
diff --git a/docs/assets/img/product_pics/unit/Fan/unit_fan_02.jpg b/docs/assets/img/product_pics/unit/Fan/unit_fan_02.jpg
new file mode 100644
index 00000000..4e1f35e5
Binary files /dev/null and b/docs/assets/img/product_pics/unit/Fan/unit_fan_02.jpg differ
diff --git a/docs/assets/img/product_pics/unit/Fan/unit_fan_03.jpg b/docs/assets/img/product_pics/unit/Fan/unit_fan_03.jpg
new file mode 100644
index 00000000..5bac0f60
Binary files /dev/null and b/docs/assets/img/product_pics/unit/Fan/unit_fan_03.jpg differ
diff --git a/docs/assets/img/product_pics/unit/dc_motor/dc_motor_04.jpg b/docs/assets/img/product_pics/unit/Fan/unit_fan_04.jpg
similarity index 100%
rename from docs/assets/img/product_pics/unit/dc_motor/dc_motor_04.jpg
rename to docs/assets/img/product_pics/unit/Fan/unit_fan_04.jpg
diff --git a/docs/assets/img/product_pics/unit/accel/accel_01.jpg b/docs/assets/img/product_pics/unit/accel/accel_01.jpg
new file mode 100644
index 00000000..ad0b4d63
Binary files /dev/null and b/docs/assets/img/product_pics/unit/accel/accel_01.jpg differ
diff --git a/docs/assets/img/product_pics/unit/accel/accel_02.jpg b/docs/assets/img/product_pics/unit/accel/accel_02.jpg
new file mode 100644
index 00000000..61184a7e
Binary files /dev/null and b/docs/assets/img/product_pics/unit/accel/accel_02.jpg differ
diff --git a/docs/assets/img/product_pics/unit/accel/accel_03.jpg b/docs/assets/img/product_pics/unit/accel/accel_03.jpg
new file mode 100644
index 00000000..dd8536d6
Binary files /dev/null and b/docs/assets/img/product_pics/unit/accel/accel_03.jpg differ
diff --git a/docs/assets/img/product_pics/unit/acc/acc_04.jpg b/docs/assets/img/product_pics/unit/accel/accel_04.jpg
similarity index 100%
rename from docs/assets/img/product_pics/unit/acc/acc_04.jpg
rename to docs/assets/img/product_pics/unit/accel/accel_04.jpg
diff --git a/docs/assets/img/product_pics/unit/op180/unit_op180_01.jpg b/docs/assets/img/product_pics/unit/op180/unit_op180_01.jpg
new file mode 100644
index 00000000..03d69a34
Binary files /dev/null and b/docs/assets/img/product_pics/unit/op180/unit_op180_01.jpg differ
diff --git a/docs/assets/img/product_pics/unit/op180/unit_op180_02.jpg b/docs/assets/img/product_pics/unit/op180/unit_op180_02.jpg
new file mode 100644
index 00000000..855f1270
Binary files /dev/null and b/docs/assets/img/product_pics/unit/op180/unit_op180_02.jpg differ
diff --git a/docs/assets/img/product_pics/unit/op180/unit_op180_03.jpg b/docs/assets/img/product_pics/unit/op180/unit_op180_03.jpg
new file mode 100644
index 00000000..b23633c6
Binary files /dev/null and b/docs/assets/img/product_pics/unit/op180/unit_op180_03.jpg differ
diff --git a/docs/assets/img/product_pics/unit/op180/op180_04.jpg b/docs/assets/img/product_pics/unit/op180/unit_op180_04.jpg
similarity index 100%
rename from docs/assets/img/product_pics/unit/op180/op180_04.jpg
rename to docs/assets/img/product_pics/unit/op180/unit_op180_04.jpg
diff --git a/docs/assets/img/product_pics/unit/op90/unit_op90_01.jpg b/docs/assets/img/product_pics/unit/op90/unit_op90_01.jpg
new file mode 100644
index 00000000..65b7ea03
Binary files /dev/null and b/docs/assets/img/product_pics/unit/op90/unit_op90_01.jpg differ
diff --git a/docs/assets/img/product_pics/unit/op90/unit_op90_02.jpg b/docs/assets/img/product_pics/unit/op90/unit_op90_02.jpg
new file mode 100644
index 00000000..8590846d
Binary files /dev/null and b/docs/assets/img/product_pics/unit/op90/unit_op90_02.jpg differ
diff --git a/docs/assets/img/product_pics/unit/op90/unit_op90_03.jpg b/docs/assets/img/product_pics/unit/op90/unit_op90_03.jpg
new file mode 100644
index 00000000..8a3426d3
Binary files /dev/null and b/docs/assets/img/product_pics/unit/op90/unit_op90_03.jpg differ
diff --git a/docs/assets/img/product_pics/unit/op90/op90_04.jpg b/docs/assets/img/product_pics/unit/op90/unit_op90_04.jpg
similarity index 100%
rename from docs/assets/img/product_pics/unit/op90/op90_04.jpg
rename to docs/assets/img/product_pics/unit/op90/unit_op90_04.jpg
diff --git a/docs/assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_01.jpg b/docs/assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_01.jpg
new file mode 100644
index 00000000..d7de4214
Binary files /dev/null and b/docs/assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_01.jpg differ
diff --git a/docs/assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_02.jpg b/docs/assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_02.jpg
new file mode 100644
index 00000000..bdc6d721
Binary files /dev/null and b/docs/assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_02.jpg differ
diff --git a/docs/assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_03.jpg b/docs/assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_03.jpg
new file mode 100644
index 00000000..506b9a64
Binary files /dev/null and b/docs/assets/img/product_pics/unit/vibrator_motor/unit_vibrator_motor_03.jpg differ
diff --git a/docs/en/unit/m5camera_x.md b/docs/en/unit/m5camera_x.md
index 457fde00..1321b7ed 100644
--- a/docs/en/unit/m5camera_x.md
+++ b/docs/en/unit/m5camera_x.md
@@ -4,7 +4,9 @@
***
-:memo:**[Description](#Description)** :bulb:**[Quick Start](en/quick_start/m5camera/m5camera_quick_start)** :octocat:**[Code](#Code)** :electric_plug:**[Schematic](#Schematic)** 🛒**[Purchase](https://m5stack.com/collections/m5-unit/products/psram-camera-modul)**
**[EasyLoader](#EasyLoader)**
+:memo:**[Description](#Description)** :bulb:**[Quick Start](en/quick_start/m5camera/m5camera_quick_start)** :octocat:**[Code](#Code)** :electric_plug:**[Schematic](#Schematic)** 🛒**[Purchase](https://m5stack.com/products/psram-camera-module)**
**[EasyLoader](#EasyLoader)**
+
+
## Description
**M5CameraX** is a development board for image recognition. It features an ESP32(4M Flash + 520K RAM) chip and 2-Megapixel carmera(OV2640).**M5Camera** offers plenty of storage, with an extra 4 Mbyte PSRAM. It also supports image transmission via Wi-Fi and debuging through USB Type-C port.
diff --git a/docs/index.html b/docs/index.html
index dfca14c2..07415556 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -85,4 +85,5 @@