From 286d5bd071a13821bbc2608a2f60f32660cf5a78 Mon Sep 17 00:00:00 2001
From: Gitshaoxiang <1026025056@qq.com>
Date: Wed, 1 Apr 2020 18:37:46 +0800
Subject: [PATCH] add joyC github example link

---
 docs/assets/css/main-min.css |  4 ++--
 docs/assets/css/main.css     | 18 ++++++++++++------
 docs/en/hat/hat-joyc.md      |  7 ++++++-
 docs/zh_CN/hat/hat-joyc.md   |  6 +++++-
 4 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/docs/assets/css/main-min.css b/docs/assets/css/main-min.css
index f91a2697..6ae812c6 100644
--- a/docs/assets/css/main-min.css
+++ b/docs/assets/css/main-min.css
@@ -826,7 +826,7 @@ mark {
 
 .anchor-box {
 	position: fixed;
-	top: 30%;
+	top: 25%;
 	left: 50px;
 	display: -webkit-flex;
 	display: flex;
@@ -931,7 +931,7 @@ mark {
 @media screen and (max-width:768px) {
 	.anchor-box {
 		position: fixed;
-		top: 45%;
+		top: 35%;
 		left: auto;
 		right: -120px;
 		display: -webkit-flex;
diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index ad65cad5..b552e00f 100755
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -254,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
 }
 
@@ -826,7 +826,7 @@ mark {
 
 .anchor-box {
 	position: fixed;
-	top: 30%;
+	top: 25%;
 	left: 50px;
 	display: -webkit-flex;
 	display: flex;
@@ -905,7 +905,7 @@ mark {
 
 @media screen and (max-width:1580px) {
 	.anchor-box {
-		left: 30px
+		left: 20px
 	}
 }
 
@@ -916,16 +916,22 @@ mark {
 	}
 }
 
-@media screen and (max-width:1000px) {
+@media screen and (max-width:1100px) {
 	.anchor-box {
-		left: -30px
+		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;
diff --git a/docs/en/hat/hat-joyc.md b/docs/en/hat/hat-joyc.md
index a237843f..2d60632a 100644
--- a/docs/en/hat/hat-joyc.md
+++ b/docs/en/hat/hat-joyc.md
@@ -46,7 +46,12 @@
 
 <img src="assets\img\product_pics\hat\JoyC_hat\JoyC.png" width="50%" height="50%">
 
-- **[Arduino](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/JoyC)**
+- **Arduino**
+
+Use with RoverC HAT, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/JoyC)
+
+Use alone [here](https://github.com/m5stack/M5StickC/blob/master/examples/Hat/JoyC/JoyC.ino)
+
 
 <script>
 
diff --git a/docs/zh_CN/hat/hat-joyc.md b/docs/zh_CN/hat/hat-joyc.md
index fee9975b..3aed51db 100644
--- a/docs/zh_CN/hat/hat-joyc.md
+++ b/docs/zh_CN/hat/hat-joyc.md
@@ -49,7 +49,11 @@
 
 - **Arduino**
 
-获取[Arduino](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/JoyC)例程
+配合JoyC HAT使用 [点击此处](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/JoyC)，获取完整程序.
+
+单独使用 [点击此处](https://github.com/m5stack/M5StickC/blob/master/examples/Hat/JoyC/JoyC.ino)，获取完整程序.
+
+
 
 ## 相关视频