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

docs/CNAME

@@ -0,0 +1 @@
+docs.m5stack.com

docs/assets/css/main-min.css

@@ -28,9 +28,8 @@ img {
 }
 
 .markdown-section {
-	max-width: 80%;
+	max-width: 75%;
 	margin-top: 50px;
-	padding: 2rem 10px 2rem 60px;
 }
 
 .markdown-section a {
@@ -255,7 +254,7 @@ body[data-page="zh_CN/quick_start/m5stickc/m5stickc_quick_start.md"] article.mar
 
 .mask-btn1 {
 	position: relative;
-	top: 60px;
+	top: 50px;
 	left: 30px
 }
 
@@ -337,7 +336,7 @@ div.card-img-overlay:hover {
 }
 
 .product_page {
-	margin-left: 110px;
+	margin-left: 60px;
 	margin-top: 100px
 }
 
@@ -827,8 +826,8 @@ mark {
 
 .anchor-box {
 	position: fixed;
-	top: 30%;
-	left: 25px;
+	top: 25%;
+	left: 50px;
 	display: -webkit-flex;
 	display: flex;
 	flex-direction: column;
@@ -906,32 +905,33 @@ mark {
 
 @media screen and (max-width:1580px) {
 	.anchor-box {
-		left: 10px
+		left: 20px
 	}
 }
 
-@media screen and (max-width:1445px) {
-	.anchor-box {
-		left: -10px
-	}
-}
 
 @media screen and (max-width:1260px) {
 	.anchor-box {
-		left: -35px
+		left: 0px
 	}
 }
 
-@media screen and (max-width:1000px) {
+@media screen and (max-width:1100px) {
 	.anchor-box {
-		left: -60px
+		left: -12px
+	}
+}
+
+@media screen and (max-width:980px) {
+	.anchor-box {
+		left: -34px
 	}
 }
 
 @media screen and (max-width:768px) {
 	.anchor-box {
 		position: fixed;
-		top: 45%;
+		top: 35%;
 		left: auto;
 		right: -120px;
 		display: -webkit-flex;
@@ -1169,4 +1169,25 @@ table tr:nth-child(odd) {
 		display: block !important;
 		overflow: scroll;
 	}
-}
+}
+
+
+.files_download {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-evenly;
+	flex-wrap: wrap;
+	margin: 45px;
+}
+
+.files_download .item{
+	display: flex;
+	justify-content: center;
+	width: 200px;
+	box-shadow: 4px 4px 7px 0px #cecece;
+	transition:all .25s ease;
+}
+
+.files_download .item:hover{
+	transform:scale(1.2);
+}

docs/assets/css/main.css

@@ -28,9 +28,8 @@ img {
 }
 
 .markdown-section {
-	max-width: 80%;
+	max-width: 75%;
 	margin-top: 50px;
-	padding: 2rem 10px 2rem 60px;
 }
 
 .markdown-section a {
@@ -255,7 +254,7 @@ body[data-page="zh_CN/quick_start/m5stickc/m5stickc_quick_start.md"] article.mar
 
 .mask-btn1 {
 	position: relative;
-	top: 60px;
+	top: 50px;
 	left: 30px
 }
 
@@ -337,7 +336,7 @@ div.card-img-overlay:hover {
 }
 
 .product_page {
-	margin-left: 110px;
+	margin-left: 60px;
 	margin-top: 100px
 }
 
@@ -827,8 +826,8 @@ mark {
 
 .anchor-box {
 	position: fixed;
-	top: 30%;
-	left: 25px;
+	top: 25%;
+	left: 50px;
 	display: -webkit-flex;
 	display: flex;
 	flex-direction: column;
@@ -906,32 +905,33 @@ mark {
 
 @media screen and (max-width:1580px) {
 	.anchor-box {
-		left: 10px
+		left: 20px
 	}
 }
 
-@media screen and (max-width:1445px) {
-	.anchor-box {
-		left: -10px
-	}
-}
 
 @media screen and (max-width:1260px) {
 	.anchor-box {
-		left: -35px
+		left: 0px
 	}
 }
 
-@media screen and (max-width:1000px) {
+@media screen and (max-width:1100px) {
 	.anchor-box {
-		left: -60px
+		left: -12px
+	}
+}
+
+@media screen and (max-width:980px) {
+	.anchor-box {
+		left: -34px
 	}
 }
 
 @media screen and (max-width:768px) {
 	.anchor-box {
 		position: fixed;
-		top: 45%;
+		top: 35%;
 		left: auto;
 		right: -120px;
 		display: -webkit-flex;
@@ -1169,4 +1169,25 @@ table tr:nth-child(odd) {
 		display: block !important;
 		overflow: scroll;
 	}
-}
+}
+
+
+.files_download {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-evenly;
+	flex-wrap: wrap;
+	margin: 45px;
+}
+
+.files_download .item{
+	display: flex;
+	justify-content: center;
+	width: 200px;
+	box-shadow: 4px 4px 7px 0px #cecece;
+	transition:all .25s ease;
+}
+
+.files_download .item:hover{
+	transform:scale(1.2);
+}

docs/en/core/face_kit.md

@@ -136,6 +136,7 @@ Key string values
 
 Key Int Values (Int values are the ASCII value of each key)
 
+
 <table><tr><th>Key</th><th>AC</th><th>M</th><th>%</th>
 <th>÷</th><th>0-9</th><th>X</th><th>-</th><th>+</th><th>=</th>
 <th>+/-</th><th>.</th></tr>