diff --git a/docs/assets/css/main-min.css b/docs/assets/css/main-min.css index 02976d49..5254b6dc 100644 --- a/docs/assets/css/main-min.css +++ b/docs/assets/css/main-min.css @@ -1,3 +1,3 @@ -:root{--theme-color:hsl(204,90%,45%)}@font-face{font-family:Montserrat;font-style:normal;src:url("/assets/font/montserrat_n5.e72d00d31ae5399d260a80ec70322c62c1819762.woff2") format("woff2")}a{text-decoration:none!important}img{z-index:51}.product_pic img{width:30%}@media screen and (max-width:768px){.product_pic img{width:100%}}.markdown-section{max-width:75%;margin-top:50px}.markdown-section a{color:hsl(211,100%,50%)}body[data-page="zh_CN/uiflow/uiflow_home_page.md"] article.markdown-section{max-width:100%;padding:0}body[data-page="en/uiflow/uiflow_home_page.md"] article.markdown-section{max-width:100%;padding:0}body[data-page="zh_CN/arduino/arduino_home_page.md"] article.markdown-section{max-width:100%;padding:0}body[data-page="en/arduino/arduino_home_page.md"] article.markdown-section{max-width:100%;padding:0}body[data-page="en/quick_start/m5stickc/m5stickc_quick_start.md"] article.markdown-section{max-width:100%}body[data-page="zh_CN/quick_start/m5stickc/m5stickc_quick_start.md"] article.markdown-section{max-width:100%}.pic{width:30%}.video_size{width:50%}.uiflow_banner{position:relative}.row a{color:white;text-decoration:none}.row a:hover{color:white;text-decoration:none}.uiflow_p{height:100px}.item{width:150px;margin-right:10px;margin-top:10px;margin-bottom:10px;display:inline-block;position:relative;cursor:pointer;transition:box-shadow .3s;text-decoration:none;background-color:white}.related_links{position:fixed;top:35%;right:0;z-index:900;width:50px}.related_links a{display:block;width:50px;height:50px;text-decoration:none;transition:all .25s ease;float:right}.related_links a:first-child{border-top-left-radius:3px;background-color:#76c5f0}.related_links a:nth-child(2){background-color:#007cc2}.related_links a:nth-child(3){background-color:#dc214c}.related_links a:nth-child(4){border-bottom-left-radius:3px;background-color:#1f1a17}.related_links a:hover{width:90px}.related_links a img{position:relative;top:5px;left:5px;width:40px}.related_links a:nth-child(4) img{top:3.5px;left:3.5px;width:43px}.related_links div img{position:relative;top:10px;left:0;width:50px;transition:all .25s ease}.related_links div img:hover{transform:scale(1.05)}@media screen and (max-width:768px){.related_links{display:none}}.item-title{text-align:center;margin-top:10px;margin-bottom:10px}.item a{color:black;text-decoration:none}.item a:hover{text-decoration:none}.dropdown{display:inline-block;transition:all .25s ease;color:#343a40}.dropdown div{position:absolute;overflow:hidden;height:0;background-color:#fff;transition:all .25s ease;left:-50px;text-align:center;top:40px;z-index:1001;min-width:10rem}.dropdown:hover{box-shadow:0 2px 0 0 #007bff;color:#007bff}.dropdown:hover div{padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;list-style:none;background-clip:padding-box;height:max-content;box-shadow:0 12px 11px 0 #888}.dropdown div a:hover{color:#007bff!important}.dropdown div a:active{background-color:#ccc!important}.mask{position:absolute;top:0;left:0;width:150px;height:206px;background:rgba(0,0,0,0.7);color:#fff;opacity:0}.mask h3{text-align:center}.item a:hover .mask{opacity:1}.mask-btn1{position:relative;top:50px;left:30px}.mask-btn2{position:relative;top:87px;left:30px}.product_list div.btn-group-vertical{display:none}.product_list:hover div.btn-group-vertical{position:fixed;display:block;margin:0;z-index:9999}.item:hover{box-shadow:0 0 10px #6ab2ff}.item .mask_sku{position:absolute;top:-5px;width:100%;background-color:#007aff;text-align:center;font-size:12px}main>.content{margin:0}div.card-img-overlay{background-color:rgba(0,0,0,0.6)}div.card-img-overlay:hover{background-color:rgba(0,0,0,0.25);color:blue!important}.banner{width:100%;height:300px;background-color:#fffbff}.d-flex{z-index:50;position:fixed;top:0;right:0;left:0}.btn-toggle{display:none}.pc-navigation{position:fixed;top:20%;left:4%}.pc-navigation button{font-weight:bold;height:53px}.mb-navigation{display:none}.product_page{margin-left:60px;margin-top:100px}.search{display:none;position:fixed;z-index:1001;top:20px;left:20%;height:56px;padding:0 20px}.search input{border-radius:40px;border:0;outline:0;background:#eee;width:240px;height:38px;padding:0 0 0 20px}.search .search-btn{position:absolute;top:10px;right:40px;border-radius:100px;width:30px;height:30px}.search i{position:absolute;top:6px;right:7px;font-size:18px}body[data-page="index.md"] .search{display:inline-block}body[data-page="en/faq.md"] .search{display:inline-block}body[data-page="index.md"] .markdown-section{margin-top:25px}body[data-page="zh_CN/README.md"] .search{display:inline-block}body[data-page="zh_CN/faq.md"] .search{display:inline-block}body[data-page="zh_CN/README.md"] .markdown-section{margin-top:25px}@media screen and (max-width:768px){.dropdown{display:block}.d-flex{display:none!important}.d-flex.open{display:block!important;position:fixed;top:50px;right:0;width:50%;background-color:white;z-index:1000;left:inherit} +:root{--theme-color:hsl(204,90%,45%)}@font-face{font-family:Montserrat;font-style:normal;src:url("/assets/font/montserrat_n5.e72d00d31ae5399d260a80ec70322c62c1819762.woff2") format("woff2")}a{text-decoration:none!important}img{z-index:51}.product_pic img{width:30%}@media screen and (max-width:768px){.product_pic img{width:100%}}.markdown-section{max-width:75%;margin-top:50px}.markdown-section a{color:hsl(211,100%,50%)}body[data-page="zh_CN/uiflow/uiflow_home_page.md"] article.markdown-section{max-width:100%;padding:0}body[data-page="en/uiflow/uiflow_home_page.md"] article.markdown-section{max-width:100%;padding:0}body[data-page="zh_CN/arduino/arduino_home_page.md"] article.markdown-section{max-width:100%;padding:0}body[data-page="en/arduino/arduino_home_page.md"] article.markdown-section{max-width:100%;padding:0}body[data-page="en/quick_start/m5stickc/m5stickc_quick_start.md"] article.markdown-section{max-width:100%}body[data-page="zh_CN/quick_start/m5stickc/m5stickc_quick_start.md"] article.markdown-section{max-width:100%}.pic{width:30%}.video_size{width:50%}.uiflow_banner{position:relative}.row a{color:white;text-decoration:none}.row a:hover{color:white;text-decoration:none}.uiflow_p{height:100px}.item{width:150px;margin-right:10px;margin-top:10px;margin-bottom:10px;display:inline-block;position:relative;cursor:pointer;transition:box-shadow .3s;text-decoration:none;background-color:white}.related_links{position:fixed;top:35%;right:0;z-index:900;width:50px}.related_links a{display:block;width:50px;height:50px;text-decoration:none;transition:all .25s ease;float:right}.related_links a:first-child{border-top-left-radius:3px;background-color:#76c5f0}.related_links a:nth-child(2){background-color:#007cc2}.related_links a:nth-child(3){background-color:#dc214c}.related_links a:nth-child(4){border-bottom-left-radius:3px;background-color:#1f1a17}.related_links a:hover{width:90px}.related_links a img{position:relative;top:5px;left:5px;width:40px}.related_links a:nth-child(4) img{top:3.5px;left:3.5px;width:43px}.related_links div img{position:relative;top:10px;left:0;width:50px;transition:all .25s ease}.related_links div img:hover{transform:scale(1.05)}@media screen and (max-width:768px){.related_links{display:none}}.item-title{text-align:center;margin-top:10px;margin-bottom:10px}.item a{color:black;text-decoration:none}.item a:hover{text-decoration:none}.dropdown{display:inline-block;transition:all .25s ease;color:#343a40}.dropdown div{position:absolute;overflow:hidden;height:0;background-color:#fff;transition:all .25s ease;left:-50px;text-align:center;top:40px;z-index:1001;min-width:10rem}.dropdown:hover{box-shadow:0 2px 0 0 #007bff;color:#007bff}.dropdown:hover div{padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;list-style:none;background-clip:padding-box;height:max-content;box-shadow:0 12px 11px 0 #888}.dropdown div a:hover{color:#007bff!important}.dropdown div a:active{background-color:#ccc!important}.mask{position:absolute;top:0;left:0;width:150px;height:206px;background:rgba(0,0,0,0.83);color:#fff;opacity:0}.mask h3{text-align:center}.item a:hover .mask{opacity:1}.mask-btn1{position:relative;top:30px;left:30px;border:0;width:90px;background-color:#007bffc7}.mask-btn2{position:relative;top:67px;left:30px;border:0;width:90px;background-color:#007bffc7}.product_list div.btn-group-vertical{display:none}.product_list:hover div.btn-group-vertical{position:fixed;display:block;margin:0;z-index:9999}.item:hover{box-shadow:0 0 10px #6ab2ff}.item .mask_sku{position:absolute;bottom:0;width:100%;text-align:center;font-size:19px}main>.content{margin:0}div.card-img-overlay{background-color:rgba(0,0,0,0.6)}div.card-img-overlay:hover{background-color:rgba(0,0,0,0.25);color:blue!important}.banner{width:100%;height:300px;background-color:#fffbff}.d-flex{z-index:50;position:fixed;top:0;right:0;left:0}.btn-toggle{display:none}.pc-navigation{position:fixed;top:20%;left:4%}.pc-navigation button{font-weight:bold;height:53px}.mb-navigation{display:none}.product_page{margin-left:60px;margin-top:100px}.search{display:none;position:fixed;z-index:1001;top:25px;left:20%;padding:0 20px}.search input{border-radius:40px;border:0;outline:0;background:#eee;width:240px;height:38px;padding:0 0 0 20px}.search .search-btn{position:absolute;top:10px;right:40px;border-radius:100px;width:30px;height:30px}.search i{position:absolute;top:6px;right:7px;font-size:18px}body[data-page="index.md"] .search{display:inline-block}body[data-page="en/faq.md"] .search{display:inline-block}body[data-page="index.md"] .markdown-section{margin-top:25px}body[data-page="zh_CN/README.md"] .search{display:inline-block}body[data-page="zh_CN/faq.md"] .search{display:inline-block}body[data-page="zh_CN/README.md"] .markdown-section{margin-top:25px}@media screen and (max-width:768px){.dropdown{display:block}.d-flex{display:none!important}.d-flex.open{display:block!important;position:fixed;top:50px;right:0;width:50%;background-color:white;z-index:1000;left:inherit} .d-flex.open>h5{display:none}.d-flex.open nav a{display:block}.btn-toggle{display:block;position:fixed;right:0;top:0;width:100%;height:50px;z-index:1000;box-shadow:1px 0 10px 0 #888;background-color:white}.btn-toggle::before,.btn-toggle::after{content:"";position:absolute;transition:all .25s ease;width:30px;height:2px;background-color:gray}.btn-toggle::before{top:10px;right:10px;box-shadow:0 12px 0 gray}.btn-toggle::after{top:34px;right:10px}.btn-toggle.open::before{top:25px;right:10px;transform:rotate(45deg);box-shadow:none}.btn-toggle.open::after{top:25px;right:10px;transform:rotate(-45deg)}.markdown-section{max-width:100%;margin-top:50px;padding-left:45px;padding-right:45px}.banner div.card-img-overlay h4{font-size:1.3em;color:#fff;text-align:center}.banner{margin-left:8px;margin-right:0;width:130px}.item{width:130px;margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;display:inline-block;position:relative;cursor:pointer;transition:box-shadow .3s;text-decoration:none}.uiflow_p{height:auto}.pc-navigation{display:none}.product_page{margin-left:0;margin-top:0}.mb-navigation{z-index:9999;position:fixed;top:0;left:0;right:50px;height:50px;color:#343a40;border-radius:0;background:white;line-height:inherit;display:block;box-shadow:-12px -1px 10px #888}.nav-content{position:fixed;top:50px;left:0;right:0;z-index:999}.search{position:fixed;z-index:1001;top:6px;left:-2px}.mask{display:none;width:130px;height:186px}.mask-btn1{position:relative;top:50px;left:23px}.mask-btn2{position:relative;top:75px;left:23px}.video_size{width:100%}}@media screen and (max-width:768px){.pic{width:50%}}mark{background-color:#888;color:white}.faq-class{border:1px solid #d9d9d9;margin-bottom:1.5%;background-color:#d9d9d9;padding:20px;border-radius:10px;height:auto}.faq-class h5{color:#666!important;font-size:16px!important;position:relative;margin:0!important}.search-tips{border:1px solid #d9d9d9;margin-bottom:1.5%;background-color:#d9d9d9;padding:20px;border-radius:10px;height:auto}.search-tips h5{color:#666!important;font-size:16px!important;position:relative;margin:0!important}.faq-item{border:1px solid #d9d9d9;margin-bottom:1.5%;background-color:#fff;padding:20px;border-radius:10px;height:auto}.faq-title{color:#666!important;font-size:16px!important;position:relative;margin:0!important;padding-right:30px!important}.faq-title::before{background-color:#007bff;content:"";width:20px;height:20px;border-radius:20px;position:absolute;right:0;top:0;bottom:0;margin:auto}.faq-button{height:0;margin:0!important}.faq-button::after{background-color:white;content:"";width:12px;height:2px;position:absolute;top:0;right:4px;bottom:0;margin:auto;z-index:10}.faq-button::before{background-color:white;content:"";width:12px;height:2px;position:absolute;top:0;right:4px;bottom:0;margin:auto;transform:rotate(90deg);z-index:10}.faq-answer{border:0;outline:0;font-weight:400;max-height:0;overflow:auto;transition:max-height .35s ease}.faq-answer div{padding-top:30px;color:#666!important}.faq-answer div span{display:block}.faq-item .faq-title.open+.faq-answer{max-height:600px}.faq-img{margin-top:20px;margin-bottom:20px;width:40%;display:inline-block}.cases-item{border:1px solid #d9d9d9;margin-bottom:1.5%;background-color:#fff;padding:20px;border-radius:10px;height:auto}.cases-title{color:#666!important;font-size:16px!important;position:relative;margin:0!important;padding-right:30px!important}.anchor-box{position:fixed;top:25%;left:50px;display:-webkit-flex;display:flex;flex-direction:column;z-index:50;width:max-content}.anchor-box img{width:30px;height:31px;margin-left:10px;margin-top:2px}.anchor-box svg{margin-left:10px;margin-top:2px}.anchor-box>a{display:-webkit-flex;display:flex;flex-direction:row;height:40px;width:180px;padding:2px 10px;text-decoration:none;outline:0;border:0;border-radius:25px;color:#fff!important;font-size:16px;line-height:1.2;transition:all .3s ease;background-color:#333;box-shadow:4px 4px 8px 0 #837878;-moz-box-shadow:4px 4px 8px 0 #837878;-webkit-box-shadow:4px 4px 8px 0 #837878;margin-top:12px}.anchor-box>a:hover{background-color:#007aff!important;box-shadow:4px 4px 8px 0 #aeaeae!important;-moz-box-shadow:4px 4px 8px 0 #aeaeae!important;-webkit-box-shadow:4px 4px 8px 0 #aeaeae!important}.anchor-box span{width:100px;text-align:center;margin-left:6px;overflow:hidden;white-space:nowrap}.anchor-box svg{margin-left:12px;margin-top:4px}.anchor-active{background-color:#007aff!important;box-shadow:4px 4px 8px 0 #aeaeae!important;-moz-box-shadow:4px 4px 8px 0 #aeaeae!important;-webkit-box-shadow:4px 4px 8px 0 #aeaeae!important}.anchor-quiet{background-color:#333!important;box-shadow:4px 4px 8px 0 #837878!important;-moz-box-shadow:4px 4px 8px 0 #837878!important;-webkit-box-shadow:4px 4px 8px 0 #837878!important}@media screen and (max-width:1580px){.anchor-box{left:20px}}@media screen and (max-width:1260px){.anchor-box{left:0} -}@media screen and (max-width:1100px){.anchor-box{left:-12px}}@media screen and (max-width:980px){.anchor-box{left:-34px}}@media screen and (max-width:768px){.anchor-box{position:fixed;top:35%;left:auto;right:-120px;display:-webkit-flex;display:flex;flex-direction:column;z-index:9999}.anchor-active{float:left;transform:translateX(-100px)!important}.anchor-quiet{float:left;transform:translateX(0px)!important}}.easyloader-box{display:flex;flex-direction:row;width:80%}.easyloader-box>div{position:relative;width:50%;overflow:hidden}.easyloader-box img,video{width:100%}.easyloader-box p{margin:10px 25px;color:white}.easyloader-box p:last-child{overflow-y:scroll;height:20%;font-size:10px}.easyloader-mask{position:absolute;right:0;bottom:6px;height:100%;width:100%;background-color:black;opacity:.7;transition:all .3s;display:flex;flex-direction:column;justify-content:center}.easyloader-mask a{margin-top:50px;text-align:center}.video_play{bottom:-100%}.easyloader-btn{position:absolute;display:flex;flex-direction:row;justify-content:space-around;bottom:7%;width:100%;padding:0 30px}.easyloader-btn a{width:90px;text-align:center;padding:2px 10px;background-color:#007bff;color:white!important;border-radius:10px}.easyloader-btn a:hover{background-color:#45a9ff}@media screen and (max-width:768px){.easyloader-box{flex-direction:column;width:100%}.easyloader-box>div{width:100%}}.platform-box{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.platform-item{position:relative;overflow:hidden;margin:20px;box-shadow:0 0 5px 0 #dbdbdb;border-radius:15px}.platform-box>div:nth-of-type(1)::after{content:"";position:absolute;width:2px;height:450px;background-color:#d9d9d9;right:-22px;top:43px}.platform-item h3{position:absolute;top:50%;width:100%;text-align:center;font-size:20px;font-weight:normal;color:#fff;z-index:11}.platform-tag{position:absolute;top:50%;left:45%;width:150px;height:150px;margin:-60px 0 0 -60px;background:#333;opacity:.8;border-radius:50%;z-index:10;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .5s cubic-bezier(0.23,0.53,0.22,0.93)}.platform-item a:hover .platform-tag{transform:scale(4.3,4.3)}@media screen and (max-width:768px){.platform-box>div:nth-of-type(1)::after{content:"";position:absolute;width:300px;height:2px;background-color:#d9d9d9;right:-30px;top:455px}}.markdown-section h1{font-family:Montserrat;font-weight:1000;font-size:48px;display:inline}.markdown-section h2{font-family:Montserrat;font-weight:600;font-size:25px;padding:0}.markdown-section p{font-family:Montserrat}.product_sku_tag{margin-left:5px;margin-top:5px}table thead,table tr{border-top-width:1px;border-top-style:solid;border-top-color:#aabfdc}table{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#aabfdc;border-top-width:1px;border-top-style:solid;border-top-color:#aabfdc;overflow:auto;display:table!important}table td,table th{padding:5px 10px;font-size:13px;font-family:Montserrat;color:#597da1!important;border-color:hsl(212,42%,88%);min-width:50px}table tr:nth-child(even){background:#d3dfed!important}table tr:nth-child(odd){background:#FFF!important}@media screen and (max-width:768px){table{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 0 #cecece;transition:all .25s ease}.files_download .item:hover{transform:scale(1.2)} \ No newline at end of file +}@media screen and (max-width:1100px){.anchor-box{left:-12px}}@media screen and (max-width:980px){.anchor-box{left:-34px}}@media screen and (max-width:768px){.anchor-box{position:fixed;top:35%;left:auto;right:-120px;display:-webkit-flex;display:flex;flex-direction:column;z-index:9999}.anchor-active{float:left;transform:translateX(-100px)!important}.anchor-quiet{float:left;transform:translateX(0px)!important}}.easyloader-box{display:flex;flex-direction:row;width:80%}.easyloader-box>div{position:relative;width:50%;overflow:hidden}.easyloader-box img,video{width:100%}.easyloader-box p{margin:10px 25px;color:white}.easyloader-box p:last-child{overflow-y:scroll;height:20%;font-size:10px}.easyloader-mask{position:absolute;right:0;bottom:6px;height:100%;width:100%;background-color:black;opacity:.7;transition:all .3s;display:flex;flex-direction:column;justify-content:center}.easyloader-mask a{margin-top:50px;text-align:center}.video_play{bottom:-100%}.easyloader-btn{position:absolute;display:flex;flex-direction:row;justify-content:space-around;bottom:7%;width:100%;padding:0 20px}.easyloader-btn a{width:90px;text-align:center;padding:2px 10px;background-color:#007bff;color:white!important;border-radius:10px}.easyloader-btn a:hover{background-color:#45a9ff}@media screen and (max-width:768px){.easyloader-box{flex-direction:column;width:100%}.easyloader-box>div{width:100%}}.platform-box{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.platform-item{position:relative;overflow:hidden;margin:20px;box-shadow:0 0 5px 0 #dbdbdb;border-radius:15px}.platform-box>div:nth-of-type(1)::after{content:"";position:absolute;width:2px;height:450px;background-color:#d9d9d9;right:-22px;top:43px}.platform-item h3{position:absolute;top:50%;width:100%;text-align:center;font-size:20px;font-weight:normal;color:#fff;z-index:11}.platform-tag{position:absolute;top:50%;left:45%;width:150px;height:150px;margin:-60px 0 0 -60px;background:#333;opacity:.8;border-radius:50%;z-index:10;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .5s cubic-bezier(0.23,0.53,0.22,0.93)}.platform-item a:hover .platform-tag{transform:scale(4.3,4.3)}@media screen and (max-width:768px){.platform-box>div:nth-of-type(1)::after{content:"";position:absolute;width:300px;height:2px;background-color:#d9d9d9;right:-30px;top:455px}}.markdown-section h1{font-family:Montserrat;font-weight:1000;font-size:48px;display:inline}.markdown-section h2{font-family:Montserrat;font-weight:600;font-size:25px;padding:0}.markdown-section p{font-family:Montserrat}.product_sku_tag{margin-left:5px;margin-top:5px}table thead,table tr{border-top-width:1px;border-top-style:solid;border-top-color:#aabfdc}table{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#aabfdc;border-top-width:1px;border-top-style:solid;border-top-color:#aabfdc;overflow:auto;display:table!important}table td,table th{padding:5px 10px;font-size:13px;font-family:Montserrat;color:#597da1!important;border-color:hsl(212,42%,88%);min-width:50px}table tr:nth-child(even){background:#d3dfed!important}table tr:nth-child(odd){background:#FFF!important}@media screen and (max-width:768px){table{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 0 #cecece;transition:all .25s ease}.files_download .item:hover{transform:scale(1.2)} \ No newline at end of file diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css index 67aa4537..2a9d4218 100755 --- a/docs/assets/css/main.css +++ b/docs/assets/css/main.css @@ -239,7 +239,7 @@ body[data-page="zh_CN/quick_start/m5stickc/m5stickc_quick_start.md"] article.mar left: 0; width: 150px; height: 206px; - background: rgba(0,0,0,0.7); + background: rgba(0, 0, 0, 0.83); color: #fff; opacity: 0 } @@ -254,14 +254,20 @@ body[data-page="zh_CN/quick_start/m5stickc/m5stickc_quick_start.md"] article.mar .mask-btn1 { position: relative; - top: 50px; - left: 30px + top: 30px; + left: 30px; + border: none; + width: 90px; + background-color: #007bffc7; } .mask-btn2 { position: relative; - top: 87px; - left: 30px + top: 67px; + left: 30px; + border: none; + width: 90px; + background-color: #007bffc7; } .product_list div.btn-group-vertical { @@ -282,11 +288,10 @@ body[data-page="zh_CN/quick_start/m5stickc/m5stickc_quick_start.md"] article.mar .item .mask_sku { position: absolute; - top: -5px; + bottom: 0px; width: 100%; - background-color: #007aff; text-align: center; - font-size: 12px; + font-size: 19px; } main>.content { @@ -344,9 +349,8 @@ div.card-img-overlay:hover { display: none; position: fixed; z-index: 1001; - top: 20px; + top: 25px; left: 20%; - height: 56px; padding: 0 20px } diff --git a/docs/en/related_documents/v-training.md b/docs/en/related_documents/v-training.md index d8d07ea8..0981b771 100644 --- a/docs/en/related_documents/v-training.md +++ b/docs/en/related_documents/v-training.md @@ -3,11 +3,13 @@ +At present, V-Training provides two model training modes "Classification" (recognize objects and return their corresponding classification) "Detection (using Yolov3 algorithm, recognize the object is located in the image and draw a wireframe)", the user can according to their own use The scenes can be freely selected and used, and the model training methods of these two modes will be introduced below. + ## Burner Firmware Users who have already programmed the firmware should start directly from the Second step.[for users who have not burned the firmware, please click here to view the firmware burning tutorial](en/quick_start/m5stickv/m5stickv_quick_start) -## Material Training +## Classification mode ### boot code @@ -47,7 +49,7 @@ Users who have already programmed the firmware should start directly from the Se "train" and "vaild" should add up over 35. If any Class photos total amount were under 35, please either delete it or copy for back up. After finish the checking, let's compress the "train" and "vaild" to ZIP. -## Upload Data to Cloud +### Upload Data to Cloud >[Click to visit upload page](http://v-training.m5stack.com/),type in your personal information(upload file should under 200MB, and had to be ZIP format) @@ -57,7 +59,7 @@ Users who have already programmed the firmware should start directly from the Se -## Download Model +### Download Model >After training accomplished, code file will sent to your personal e-mail, copy the download link to download the file to your computer.Unzip the file, copy it to SD card, keep the SD card in the M5StickV @@ -65,7 +67,7 @@ Users who have already programmed the firmware should start directly from the Se -## Run Recognition Program +### Run Recognition Program >power on to run the progarm automatically. @@ -75,6 +77,59 @@ Users who have already programmed the firmware should start directly from the Se + +## Detection mode(Yolov3) + +### Footage shooting + +> Similar to the training method of the classification mode above, in the detection mode (Yolov3) we still need to use the camera to shoot the material (here you can continue to use the shooting program in the classification mode). The difference is that in this training mode, multiple recognition objects are allowed in the same image frame. Therefore, when shooting multiple objects, there is no need to group shooting. The total amount of material shot must be greater than 100. + +### LabelIMG material label + +> After the shooting is completed, we use the labeling tool LabelIMG to mark the identified objects in the material and generate a mark file. Users can install the Python environment by themselves, run the following command on the command line, and install LabelIMG through its own pip package management tool。 + +``` +pip install LabelIMG +``` + +> After the installation is complete, run the "LabelIMG" command line to open the labeling tool. + +``` +LabelIMG +``` + +> 1. Switch the marking tool to Yolo mode ---> 2. Open the picture storage directory ---> 3. Select the mark file storage directory ---> set the automatic saving mode. + + + +> Press the "W" key to start drawing the object border and name the object. (After adding the naming, add the record to the list, you can directly use it in the subsequent mark, without repeated input), click the next button, switch pictures, until all the materials are marked. + + + +> In addition to adding the tag file, we also need to manually add a v-training.config configuration file to tell the training service how many recognition objects we included in this training. (If two recognition objects are marked in the pattern example above, we need to fill in the number of categories in the configuration file as 2, the format is as follows) + +``` +{ + "classes":2 +} +``` +> Complete the above operations, place all the materials in the same folder, refer to the directory structure below. All files are selected and compressed into a compressed package in zip format for upload training. + +``` +folder---------------------- + |--v-training.config + |--1.jpg + |--1.txt + |--2.jpg + |--2.txt + ..... +``` + +> Complete the above operations, place all the materials in the same folder, refer to the directory structure below. All files are selected and compressed into a compressed package in zip format for upload training. + +> For the upload method of material compression package and the model download mode, please refer to the training operation in the classification mode above. After the detection mode is trained, it will return `boot.py`, and` xxxx.model` files. Copy it to the SD card, and then insert the SD card into the device, you can run the identification program at boot. + + ## Good Practice >1. If your Loss line looks like below, there is something wrong with your dataset, you need to either clear it up or add more pictures. If everything is OK, and adding more pictures does not help, our network structure may not good for solve your problem. diff --git a/docs/image/Advanced module/ADC.png b/docs/image/Advanced module/ADC.png deleted file mode 100644 index 09375f53..00000000 Binary files a/docs/image/Advanced module/ADC.png and /dev/null differ diff --git a/docs/image/Advanced module/ADC.webp b/docs/image/Advanced module/ADC.webp new file mode 100644 index 00000000..c8754d61 Binary files /dev/null and b/docs/image/Advanced module/ADC.webp differ diff --git a/docs/image/Advanced module/DAC.png b/docs/image/Advanced module/DAC.png deleted file mode 100644 index 610078df..00000000 Binary files a/docs/image/Advanced module/DAC.png and /dev/null differ diff --git a/docs/image/Advanced module/DAC.webp b/docs/image/Advanced module/DAC.webp new file mode 100644 index 00000000..f83e0c7c Binary files /dev/null and b/docs/image/Advanced module/DAC.webp differ diff --git a/docs/image/Advanced module/EasyIO.png b/docs/image/Advanced module/EasyIO.png deleted file mode 100644 index 0b869c4f..00000000 Binary files a/docs/image/Advanced module/EasyIO.png and /dev/null differ diff --git a/docs/image/Advanced module/EasyIO.webp b/docs/image/Advanced module/EasyIO.webp new file mode 100644 index 00000000..3f56b982 Binary files /dev/null and b/docs/image/Advanced module/EasyIO.webp differ diff --git a/docs/image/Advanced module/Execute.png b/docs/image/Advanced module/Execute.png deleted file mode 100644 index 2970250c..00000000 Binary files a/docs/image/Advanced module/Execute.png and /dev/null differ diff --git a/docs/image/Advanced module/Execute.webp b/docs/image/Advanced module/Execute.webp new file mode 100644 index 00000000..d3bc1579 Binary files /dev/null and b/docs/image/Advanced module/Execute.webp differ diff --git a/docs/image/Advanced module/Http.png b/docs/image/Advanced module/Http.png deleted file mode 100644 index aa715333..00000000 Binary files a/docs/image/Advanced module/Http.png and /dev/null differ diff --git a/docs/image/Advanced module/Http.webp b/docs/image/Advanced module/Http.webp new file mode 100644 index 00000000..150c10ed Binary files /dev/null and b/docs/image/Advanced module/Http.webp differ diff --git a/docs/image/Advanced module/I2C.png b/docs/image/Advanced module/I2C.png deleted file mode 100644 index 786186d9..00000000 Binary files a/docs/image/Advanced module/I2C.png and /dev/null differ diff --git a/docs/image/Advanced module/I2C.webp b/docs/image/Advanced module/I2C.webp new file mode 100644 index 00000000..2c81eeb9 Binary files /dev/null and b/docs/image/Advanced module/I2C.webp differ diff --git a/docs/image/Advanced module/PIN.png b/docs/image/Advanced module/PIN.png deleted file mode 100644 index 6fe7c7f4..00000000 Binary files a/docs/image/Advanced module/PIN.png and /dev/null differ diff --git a/docs/image/Advanced module/PIN.webp b/docs/image/Advanced module/PIN.webp new file mode 100644 index 00000000..be8c615a Binary files /dev/null and b/docs/image/Advanced module/PIN.webp differ diff --git a/docs/image/Advanced module/PWM.png b/docs/image/Advanced module/PWM.png deleted file mode 100644 index 2ad15f88..00000000 Binary files a/docs/image/Advanced module/PWM.png and /dev/null differ diff --git a/docs/image/Advanced module/PWM.webp b/docs/image/Advanced module/PWM.webp new file mode 100644 index 00000000..d929456b Binary files /dev/null and b/docs/image/Advanced module/PWM.webp differ diff --git a/docs/image/Advanced module/RS485.png b/docs/image/Advanced module/RS485.png deleted file mode 100644 index d016efd7..00000000 Binary files a/docs/image/Advanced module/RS485.png and /dev/null differ diff --git a/docs/image/Advanced module/RS485.webp b/docs/image/Advanced module/RS485.webp new file mode 100644 index 00000000..e7448b9c Binary files /dev/null and b/docs/image/Advanced module/RS485.webp differ diff --git a/docs/image/Advanced module/SDCard.png b/docs/image/Advanced module/SDCard.png deleted file mode 100644 index cffc8070..00000000 Binary files a/docs/image/Advanced module/SDCard.png and /dev/null differ diff --git a/docs/image/Advanced module/SDCard.webp b/docs/image/Advanced module/SDCard.webp new file mode 100644 index 00000000..ea7aed27 Binary files /dev/null and b/docs/image/Advanced module/SDCard.webp differ diff --git a/docs/image/Advanced module/UART.png b/docs/image/Advanced module/UART.png deleted file mode 100644 index f5dc0092..00000000 Binary files a/docs/image/Advanced module/UART.png and /dev/null differ diff --git a/docs/image/Advanced module/UART.webp b/docs/image/Advanced module/UART.webp new file mode 100644 index 00000000..9af1d054 Binary files /dev/null and b/docs/image/Advanced module/UART.webp differ diff --git a/docs/index.html b/docs/index.html index d7ee43ff..23f8fa63 100755 --- a/docs/index.html +++ b/docs/index.html @@ -28,8 +28,8 @@
-
- M5Stack Docs
+

+ M5Stack Docs