release ATOM SPK and update some info

docs/assets/css/main.css

@@ -1092,7 +1092,7 @@ table tr:nth-child(odd) {
 	box-sizing: border-box;
   }
   
-  li {
+  header li {
 	list-style-type: none;
   }
   
@@ -1316,3 +1316,48 @@ table tr:nth-child(odd) {
 	width: auto;
 	margin-right: 10px;
 }
+
+
+.lang-clike {
+	background-color: #282c34 !important;
+	color: #40e498 !important;
+}
+
+.lang-clike .function {
+	color: #d5d687;
+}
+
+.lang-clike .punctuation {
+	color:#deb28d;
+}
+
+.lang-clike .number,.lang-clike .boolean {
+	color: #2eacd2;
+}
+
+::-moz-selection {
+	background: #2eacd2 !important;
+	color: #ffffff;
+	font-weight: 900;
+	font-size: 32px;
+  }
+  ::selection {
+	background: #2eacd2 !important;
+	color: #ffffff;
+	font-weight: 900;
+	font-size: 32px;
+  }
+
+  .markdown-section blockquote {
+	  background-color: #282c34;
+	  color: white;
+  }
+
+  blockquote strong {
+	  color: white;
+  }
+
+.box-card-item {
+	margin: 0px 10px 10px 0px;
+	display:inline-block;
+}

docs/assets/js/custom.js

@@ -119,6 +119,10 @@ var header = new Vue({
                                     {
                                         name:'library/APIs',
                                         link:'/#/zh_CN/arduino/arduino_home_page?id=m5core_api'
+                                    },
+                                    {
+                                        name:'Github',
+                                        link:'https://github.com/m5stack/M5Stack'
                                     }
                                 ]
                             },
@@ -254,6 +258,10 @@ var header = new Vue({
                                     {
                                         name:'library/APIs',
                                         link:'/#/en/arduino/arduino_home_page?id=m5core_api'
+                                    },
+                                    {
+                                        name:'Github',
+                                        link:'https://github.com/m5stack/M5Stack'
                                     }
                                 ]
                             },
@@ -408,8 +416,12 @@ var zoom_image = new Vue({
         show: false,
         index:0,
         rotate:0,
-        width:580,
-        scale:1
+        width:'100%',
+        scale:1,
+        top:0,
+        left:0,
+        imgMoveable: false,
+        imgTarget: ''
     },
     methods: {
         stopScroll(){
@@ -426,8 +438,10 @@ var zoom_image = new Vue({
             this.show = false;
             this.index = 0;
             this.rotate = 0;
-            this.width = 550;
+            this.width = '100%';
             this.scale = 1;
+            this.top = 0;
+            this.left = 0;
             this.canScroll();
         },
         next() {
@@ -467,11 +481,25 @@ var zoom_image = new Vue({
              }else{
                 this.scale = this.scale - 0.05;
              }
-          }
+        },
+        dragImg() {
+            if(this.imgMoveable) {
+                this.top = this.top +  event.movementY;
+                this.left = this.left +  event.movementX;
+            }
+        },
+        dragImgEnd() {
+            this.imgMoveable = false;
+            this.imgTarget = '';
+        },
+        startDrag() {
+            this.imgTarget = event.target;
+            this.imgMoveable = true;
+        }
     },
     computed: {
         img_style : function(){
-            return `transition:all 0.2s ease 0s;transform: scale(${this.scale}) rotate(${this.rotate}deg); margin-left: 0px; margin-top: 0px; max-height: 100%; max-width: 100%; width:${this.width}px;`
+            return `transform: scale(${this.scale}) rotate(${this.rotate}deg) translate(${this.left}px, ${this.top}px); max-height: 100%; max-width: 100%; width:${this.width}px; left: (${this.left}); top: (${this.top});`
         }
     }
 })

docs/assets/js/custom.min.js

@@ -3,9 +3,9 @@ localStorage.clear();set_search_keyword();window.header.done();window.search_cov
 this.CurrentPanel=this.CurrentLanguage.nav[event.target.id];this.DropdownStatus=true;},panelHide(event){this.DropdownStatus=false;this.CurrentPanel='';}},created(){var page_url=window.location.href;if((page_url.indexOf(/en/)==-1)&&(page_url.indexOf(/zh_CN/)==-1)&&(page_url.indexOf(/ja/)==-1)){this.CurrentLanguage=this.en;}
 if(page_url.indexOf(/en/)!=-1){this.CurrentLanguage=this.en;}
 if(page_url.indexOf(/zh_CN/)!=-1){this.CurrentLanguage=this.zh_CN;}},mounted(){this.loading('Loading')}})
-var zoom_image=new Vue({el:'#zoom_image',data:{url:'',srcList:[],show:false,index:0,rotate:0,width:580,scale:1},methods:{stopScroll(){var mo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);},canScroll(){var mo=function(e){e.preventDefault();};document.body.style.overflow='';document.removeEventListener("touchmove",mo,false);},close(){this.show=false;this.index=0;this.rotate=0;this.width=550;this.scale=1;this.canScroll();},next(){if(this.index>=this.srcList.length){this.index=0;}else{this.index++;}
+var zoom_image=new Vue({el:'#zoom_image',data:{url:'',srcList:[],show:false,index:0,rotate:0,width:'100%',scale:1,top:0,left:0,imgMoveable:false,imgTarget:''},methods:{stopScroll(){var mo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);},canScroll(){var mo=function(e){e.preventDefault();};document.body.style.overflow='';document.removeEventListener("touchmove",mo,false);},close(){this.show=false;this.index=0;this.rotate=0;this.width='100%';this.scale=1;this.top=0;this.left=0;this.canScroll();},next(){if(this.index>=this.srcList.length){this.index=0;}else{this.index++;}
 this.url=this.srcList[this.index]},prev(){if(this.index<=0){this.index=this.srcList.length-1;}else{this.index--;}
-this.url=this.srcList[this.index]},left(){this.rotate=this.rotate-90;},right(){this.rotate=this.rotate+90;},zoom_in(){this.width=this.width+50},zoom_out(){this.width=this.width-50},full(){this.width=800},rollImg(){if(event.wheelDelta>0){this.scale=this.scale+0.05;}else{this.scale=this.scale-0.05;}}},computed:{img_style:function(){return`transition:all 0.2s ease 0s;transform: scale(${this.scale}) rotate(${this.rotate}deg); margin-left: 0px; margin-top: 0px; max-height: 100%; max-width: 100%; width:${this.width}px;`}}})
+this.url=this.srcList[this.index]},left(){this.rotate=this.rotate-90;},right(){this.rotate=this.rotate+90;},zoom_in(){this.width=this.width+50},zoom_out(){this.width=this.width-50},full(){this.width=800},rollImg(){if(event.wheelDelta>0){this.scale=this.scale+0.05;}else{this.scale=this.scale-0.05;}},dragImg(){if(this.imgMoveable){this.top=this.top+event.movementY;this.left=this.left+event.movementX;}},dragImgEnd(){this.imgMoveable=false;this.imgTarget='';},startDrag(){this.imgTarget=event.target;this.imgMoveable=true;}},computed:{img_style:function(){return`transform: scale(${this.scale}) rotate(${this.rotate}deg) translate(${this.left}px, ${this.top}px); max-height: 100%; max-width: 100%; width:${this.width}px; left: (${this.left}); top: (${this.top});`}}})
 var search_cover=new Vue({el:'#search_cover',data:{activeName:'first',current_page_title:'Current Page',related_page_title:'Related Page',search_note:'',contant_result:[{name:'',url:'',contant:this.search_note}],},methods:{start_search(){$('#search_cover').show(200);window.zoom_image.stopScroll();},close_search(){$('#search_cover').hide(200);window.zoom_image.canScroll();}}})
 function easyloader_video(){if($("#example_video").length>0)
 setTimeout(function(){$("#play-btn").on("click",function(ev){ev.stopPropagation();$(".easyloader-mask").toggleClass('video_play');$("#example_video")[0].play();})

docs/en/api/M5Timer.md

@@ -28,7 +28,7 @@ call function f every d milliseconds
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 #include "utility/M5Timer.h"
 
@@ -68,7 +68,7 @@ call function f once after d milliseconds
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 #include "utility/M5Timer.h"
 
@@ -108,7 +108,7 @@ call function f every d milliseconds for n times
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 #include "utility/M5Timer.h"
 
@@ -148,7 +148,7 @@ enables the specified timer
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 #include "utility/M5Timer.h"
 
@@ -187,7 +187,7 @@ returns true if the specified timer is enabled
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 #include "utility/M5Timer.h"
 
@@ -226,7 +226,7 @@ disables the specified timer
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 #include "utility/M5Timer.h"
 

docs/en/api/axp192_core2.md

@@ -11,7 +11,7 @@
 **Description：Set screen voltage, adjust brightness, valid range of parameters is 2500-3300**
 
 **Example：**
-```arduino
+```clike
 #include <M5Core2.h>
 
 void setup() {
@@ -40,7 +40,7 @@ void loop() {
 **Description：Set the built-in LED light, state: 1 is on, state: 0 is off**
 
 **Example：**
-```arduino
+```clike
 #include <M5Core2.h>
 
 void setup() {

docs/en/api/axp192_m5stickc.md

@@ -12,7 +12,7 @@
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 void setup() {
@@ -31,7 +31,7 @@ void loop() {}
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 int level;
 
@@ -59,7 +59,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 int count = 0;
@@ -90,7 +90,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 void setup() { 
@@ -118,7 +118,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 void setup() {
@@ -153,7 +153,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 uint8_t i = 7;
@@ -179,7 +179,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 double vbat = 0.0;
@@ -207,7 +207,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 int charge;
@@ -235,7 +235,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 int bat;
@@ -264,7 +264,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 int Vaps;
@@ -292,7 +292,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 int temp;
@@ -320,7 +320,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 void setup() {
@@ -345,7 +345,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 int disCharge;
@@ -373,7 +373,7 @@ void loop() {
 
 **Example:**
 
-```arduino
+```clike
 #include <M5StickC.h>
 
 int Iusb;

docs/en/api/button.md

@@ -12,7 +12,7 @@ This function returns reading the state of the button directly. 1: pressed, 0: r
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 
 void setup() {
@@ -38,7 +38,7 @@ This function returns the state of the button the last time Button.read() was ca
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 
 void setup() {
@@ -68,7 +68,7 @@ This function returns 1 only once each time the button is pressed. 1: pressed, 0
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 
 void setup() {
@@ -98,7 +98,7 @@ releasedFor(ms) check to see if the button is pressed (or released), and has bee
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 
 void setup() {
@@ -136,7 +136,7 @@ This function returns 1 if button has been pressed for more than specified time.
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 
 void setup() {
@@ -166,7 +166,7 @@ Returns the last state time point .
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 
 void setup() {
@@ -193,7 +193,7 @@ releasedFor(ms) check to see if the button is released, and has been in that sta
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 
 void setup() {
@@ -227,7 +227,7 @@ This function returns 1 only once each time the button is pressed. 1: pressed, 0
 
 **Example:**
 
-```arduino
+```clike
 #include <M5Stack.h>
 
 void setup() {

docs/en/api/commutil.md

@@ -210,7 +210,7 @@ Perform device presence check on I2C bus.
 
 **Example of use;**
 
-```arduino
+```clike
   bool result[0x80];
   M5.I2C.scanID(&result[0]);
 ```

docs/en/api/core2/rtc_api.md

@@ -1,6 +1,6 @@
 # RTC
 
-```
+```clike
 typedef struct RTC_Time
 {
     int8_t Hours;
@@ -64,7 +64,7 @@ Get RTC Date Struct
 
 **Example:**
 
-```
+```clike
 #include <M5Core2.h>
 
 RTC_TimeTypeDef RTCtime;
@@ -138,7 +138,7 @@ Turn off the power, pass in the RTC time structure specified for a certain point
 
 **Example:**
 
-```
+```clike
 #include <M5Core2.h>
 
 RTC_TimeTypeDef RTCtime;

docs/en/api/coreink/eink_api.md

@@ -2,7 +2,7 @@
 
 ?>Before using the E-Ink screen operation function, you need to create an instance and pass in the screen driver address. Call `M5.M5Ink.isInit()` and initialize with `M5.M5Ink.clear();`.
 
-```
+```clike
 #include "M5CoreInk.h"
 
 Ink_Sprite InkPageSprite(&M5.M5Ink);
@@ -37,7 +37,7 @@ void setup()
 
 **Example:**
 
-```arduino
+```clike
 
 if( InkPageSprite.creatSprite(0,0,200,200,true) != 0 )
 {
@@ -58,7 +58,7 @@ Serial.printf("Ink Sprite creat successful");
 
 **Example:**
 
-```arduino
+```clike
 
 InkPageSprite.clear();
 
@@ -75,7 +75,7 @@ InkPageSprite.clear();
 
 **Example:**
 
-```arduino
+```clike
 
 InkPageSprite.deleteSprite();
 
@@ -91,7 +91,7 @@ InkPageSprite.deleteSprite();
 
 **Example:**
 
-```arduino
+```clike
 InkPageSprite.drawString(10,50,"Hello World!",&AsciiFont8x16);
 InkPageSprite.pushSprite();
 ```
@@ -106,7 +106,7 @@ InkPageSprite.pushSprite();
 
 **Example:**
 
-```arduino
+```clike
 InkPageSprite.drawPix(100,100,0);
 InkPageSprite.pushSprite();
 ```
@@ -126,7 +126,7 @@ InkPageSprite.pushSprite();
 
 **Example:**
 
-```arduino
+```clike
 InkPageSprite.FillRect(0,0,100,100,0);
 InkPageSprite.pushSprite();
 ```
@@ -159,7 +159,7 @@ InkPageSprite.pushSprite();
 
 **Example:**
 
-```arduino
+```clike
 InkPageSprite.drawChar(35,50,'M');
 InkPageSprite.pushSprite();
 ```
@@ -175,7 +175,7 @@ InkPageSprite.pushSprite();
 
 **Example:**
 
-```arduino
+```clike
 InkPageSprite.drawString(35,50,"Hello World!");
 InkPageSprite.pushSprite();
 ```

docs/en/api/coreink/system_api.md

@@ -11,7 +11,7 @@
 
 **Example:**
 
-```arduino
+```clike
 #include "M5CoreInk.h"
 
 void setup() {
@@ -29,7 +29,7 @@ void setup() {
 
 **Example:**
 
-```arduino
+```clike
 
 if( M5.BtnPWR.wasPressed())
 {
@@ -78,7 +78,7 @@ M5.update();
 `void playMusic(const uint8_t *music_data, uint16_t sample_rate);`
 
 
-```
+```clike
 M5.Speaker.tone(2700);
 ```
 
@@ -86,7 +86,7 @@ M5.Speaker.tone(2700);
 
 ?> Please use `M5.begin();` to initialize RTC related functions before using
 
-```
+```clike
 typedef struct RTC_Time
 {
     int8_t Hours;
@@ -150,7 +150,7 @@ Get RTC Date Struct
 
 **Example:**
 
-```
+```clike
 #include "M5CoreInk.h"
 
 Ink_Sprite InkPageSprite(&M5.M5Ink);
@@ -237,7 +237,7 @@ Turn off the power, pass in the RTC time structure specified for a certain point
 
 **Example:**
 
-```
+```clike
 #include "M5CoreInk.h"
 void setup()
 {

docs/en/api/gpio.md

@@ -72,7 +72,7 @@ Pin input state(0/1)
 
 **Example of use;**
 
-```arduino
+```clike
 uint32_t pin21_data;
 pin21_data = digitalRead(21);
 ```
@@ -107,7 +107,7 @@ None.
 
 **Example of use;**
 
-```arduino
+```clike
 digitalWrite(2,1);
 ```
 
@@ -142,7 +142,7 @@ Make sure that the operations are correct as there is a risk of damage.
 
 **Example of use;**
 
-```arduino
+```clike
 pinMode(2,INPUT);
 ```
 
@@ -171,7 +171,7 @@ G35 and G36 can be used in M5Stack.
 
 **Example of use;**
 
-```arduino
+```clike
 uint16_t ret;
 ret=analogRead(35);
 ```
@@ -203,7 +203,7 @@ G25 and G26 can be used in M5Stack.
 
 **Example of use;**
 
-```arduino
+```clike
 dacWrite(25,0x40);
 ```
 

docs/en/api/imu.md

@@ -11,7 +11,7 @@
 **Description：initialize IMU**
 
 **Example：**
-```arduino
+```clike
 #include <M5StickC.h>
 
 void setup() {
@@ -31,7 +31,7 @@ void loop() {}
 **Description：Obtain the three-axis gyroscope data of the IMU chip.**
 
 **Example：**
-```arduino
+```clike
 #include <M5StickC.h>
 
 float gyroX, gyroY, gyroZ;
@@ -57,7 +57,7 @@ void loop() {
 **Description：Obtain the three-axis accelerometer data of the IMU chip.**
 
 **Example：**
-```arduino
+```clike
 #include <M5StickC.h>
 
 float accX, accY, accZ;
@@ -83,7 +83,7 @@ void loop() {
 **Description：Get the attitude of the IMU chip.**
 
 **Example：**
-```arduino
+```clike
 #include <M5StickC.h>
 
 float pitch, roll, yaw;
@@ -109,7 +109,7 @@ void loop() {
 **Description：Get the temperature of the IMU chip.**
 
 **Example：**
-```arduino
+```clike
 #include <M5StickC.h>
 
 float temp;