m5/m5-docs
0
0
Fork 0
mirror of https://github.com/m5stack/m5-docs.git synced 2026-05-20 10:23:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

delete loading css

Browse Source
This commit is contained in:
shaoxiang
2019-07-30 15:39:12 +08:00
parent eda8092e98
commit 6fc1f41057
6 changed files with 152 additions and 559 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/css/loading.css
-83
View File
@@ -1,83 +0,0 @@
#loading {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
}
.demo3 {
width: 4px;
height: 4px;
border-radius: 2px;
background: #007bff;
position: absolute;
animation: demo3 linear 0.8s infinite;
-webkit-animation: demo3 linear 0.8s infinite;
}
.demo3:nth-child(1){
left: 24px;
top: 2px;
animation-delay:0s;
}
.demo3:nth-child(2){
left: 40px;
top: 8px;
animation-delay:0.1s;
}
.demo3:nth-child(3){
left: 47px;
top: 24px;
animation-delay:0.1s;
}
.demo3:nth-child(4){
left: 40px;
top: 40px;
animation-delay:0.2s;
}
.demo3:nth-child(5){
left: 24px;
top: 47px;
animation-delay:0.4s;
}
.demo3:nth-child(6){
left: 8px;
top: 40px;
animation-delay:0.5s;
}
.demo3:nth-child(7){
left: 2px;
top: 24px;
animation-delay:0.6s;
}
.demo3:nth-child(8){
left: 8px;
top: 8px;
animation-delay:0.7s;
}
@keyframes demo3
{
0%,40%,100% {transform: scale(1);}
20% {transform: scale(3);}
}
@-webkit-keyframes demo3
{
0%,40%,100% {transform: scale(1);}
20% {transform: scale(3);}
}
.loading-flex {
position:absolute;
top:45%;
left:50%;
}
@media screen and (max-width: 768px){
.loading-flex {
position:absolute;
top:45%;
left:45%;
}
}
docs/assets/css/main.css
+104 -283
View File
@@ -148,289 +148,6 @@ figure.thumbnails img {
}
}
#core {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="index.md"] #basic,
body[data-page="zh_CN/README.md"] #basic,
body[data-page="ja/README.md"] #basic {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="index.md"] #gray,
body[data-page="zh_CN/README.md"] #gray,
body[data-page="ja/README.md"] #gray {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="index.md"] #fire,
body[data-page="zh_CN/README.md"] #fire,
body[data-page="ja/README.md"] #fire {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="index.md"] #m5stickc,
body[data-page="zh_CN/README.md"] #m5stickc,
body[data-page="ja/README.md"] #m5stickc {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="index.md"] #m5stickv,
body[data-page="zh_CN/README.md"] #m5stickv,
body[data-page="ja/README.md"] #m5stickv {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="index.md"] #m5stick,
body[data-page="zh_CN/README.md"] #m5stick,
body[data-page="ja/README.md"] #m5stick {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="index.md"] #m5go-lite,
body[data-page="zh_CN/README.md"] #m5go-lite,
body[data-page="ja/README.md"] #m5go-lite {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="index.md"] #m5go-kit,
body[data-page="zh_CN/README.md"] #m5go-kit,
body[data-page="ja/README.md"] #m5go-kit {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="index.md"] #faces-kit,
body[data-page="zh_CN/README.md"] #faces-kit,
body[data-page="ja/README.md"] #faces-kit {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
#module,
#gps,
#lora,
#lorawan,
#sim800l,
#commu,
#battery,
#proto,
#proto-kit,
#plus,
#usb,
#bus,
#goplus,
#stepmotor,
#servo,
#lego_plus,
#encoder,
#joystick-1,
#fan,
#faces-rfid,
#faces-finger {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
#base,
#lan,
#node,
#btc,
#plc,
#core-bottom,
#m5go-bottom,
#m5go-rfid,
#m5go-charger,
#pm2_5,
#base15,
#base26 {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
#unit,
#esp32cam,
#m5camera,
#m5cameraf,
#m5camerax,
#env,
#earth,
#light,
#angle,
#ir,
#pir,
#ncir,
#thermal,
#button,
#dual-button,
#joystick,
#cardkb,
#color,
#tof,
#heart,
#rfid,
#adc,
#dac,
#makey,
#rgb,
#relay,
#hub,
#pahub,
#pbhub,
#_396port,
#proto-1,
#extio,
#rs485,
#gps-1,
#finger,
#weight,
#trace,
#rgb_led,
#catear,
#hex,
#neoflash,
#butterfly,
#pahub,
#pbhub,
#m5-bit,
#vibrator-motor,
#unit-fan,
#op90,
#op180,
#accel,
#laser-rx,
#laser-tx,
#mini-proto {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
body[data-page="index.md"] #application {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="zh_CN/README.md"] #application {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
body[data-page="ja/README.md"] #application {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
#bala,
#m5iotkit,
#lidarbot,
#piano,
#flir,
#demo-board {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
#accessory,
#grove-t,
#grove-cable,
#screw,
#grove2grove,
#bus-socket,
#frame {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
#hat,
#hat-env,
#hat-pir,
#hat-spk,
#hat-proto,
#hat-ncir,
#hat-thermal,
#hat-adc,
#hat-dac,
#hat-rs485 {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
#tools,
#usb-downloader,
#usb-isp {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
#aluminium,
#aluminium-profile,
#aluminium-profile-1515,
#nut,
#connector,
#corner {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
/* .mask {
position: absolute;
@@ -608,4 +325,108 @@ div.card-img-overlay:hover {
right: 10px;
bottom: 150px;
}
}
#loading {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: white;
z-index: 9999;
}
.demo3 {
width: 4px;
height: 4px;
border-radius: 2px;
background: #007bff;
position: absolute;
animation: demo3 linear 0.8s infinite;
-webkit-animation: demo3 linear 0.8s infinite;
}
.demo3:nth-child(1) {
left: 24px;
top: 2px;
animation-delay: 0s;
}
.demo3:nth-child(2) {
left: 40px;
top: 8px;
animation-delay: 0.1s;
}
.demo3:nth-child(3) {
left: 47px;
top: 24px;
animation-delay: 0.1s;
}
.demo3:nth-child(4) {
left: 40px;
top: 40px;
animation-delay: 0.2s;
}
.demo3:nth-child(5) {
left: 24px;
top: 47px;
animation-delay: 0.4s;
}
.demo3:nth-child(6) {
left: 8px;
top: 40px;
animation-delay: 0.5s;
}
.demo3:nth-child(7) {
left: 2px;
top: 24px;
animation-delay: 0.6s;
}
.demo3:nth-child(8) {
left: 8px;
top: 8px;
animation-delay: 0.7s;
}
@keyframes demo3 {
0%,
40%,
100% {
transform: scale(1);
}
20% {
transform: scale(3);
}
}
@-webkit-keyframes demo3 {
0%,
40%,
100% {
transform: scale(1);
}
20% {
transform: scale(3);
}
}
.loading-flex {
position: absolute;
top: 45%;
left: 50%;
}
@media screen and (max-width: 768px) {
.loading-flex {
position: absolute;
top: 45%;
left: 45%;
}
}
docs/index.html
+31 -27
View File
@@ -9,8 +9,13 @@
<meta name="google-site-verification" content="_EWJaM8G6xwMtEqemO4yN8WqSU2CaKVi3jTj0gLg48E">
<title>M5Stack - A series of modular stackable development devices</title>
<link rel="icon" href="assets/img/favicon.ico">
<!-- Stylesheets -->
<link rel="stylesheet" href="https://unpkg.com/docsify-themeable/dist/css/theme-simple.css" title="Simple">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/loading.css">
<script>
var _LoadingHtml = '<div id="loading"><div class="loading-flex"><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div><div class="demo3"></div></div></div>';
document.write(_LoadingHtml);
@@ -20,20 +25,19 @@
//加载状态为complete时移除loading效果
function completeLoading() {  
if (document.readyState == "complete") {    
var loadingMask = document.getElementById('loading');    
loadingMask.parentNode.removeChild(loadingMask);  
var loadingMask = document.getElementById('loading');  
loadingMask.style.display = 'none';
// loadingMask.parentNode.removeChild(loadingMask);  
}
}
window.addEventListener('hashchange', function(event) {
console.log(event);
var loadingMask = document.getElementById('loading');  
loadingMask.style.display = 'block';
completeLoading();
})
</Script>
<!-- Stylesheets -->
<link rel="stylesheet" href="https://unpkg.com/docsify-themeable/dist/css/theme-simple.css" title="Simple">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
@@ -113,25 +117,25 @@
// }, 600);
};
$(document).ready(function() {
$(".btn-toggle").on('click', function() {
$(".btn-toggle").toggleClass('open');
$(".d-flex").toggleClass('open');
});
});
// $(document).ready(function() {
// $(".btn-toggle").on('click', function() {
// $(".btn-toggle").toggleClass('open');
// $(".d-flex").toggleClass('open');
// });
// });
function Enter() {
console.log(123)
$(this).find("~ div").eq(0).removeClass("collapse")
$(this).find("~ div").eq(0).addClass("collapse show")
// function Enter() {
// console.log(123)
// $(this).find("~ div").eq(0).removeClass("collapse")
// $(this).find("~ div").eq(0).addClass("collapse show")
};
// };
function Leave() {
$(this).children("div").removeClass("collapse show")
$(this).children("div").addClass("collapse")
// function Leave() {
// $(this).children("div").removeClass("collapse show")
// $(this).children("div").addClass("collapse")
};
// };
function change_title(language) {
if (language == "en") {
@@ -200,7 +204,7 @@
function page_move(divId) {
var t = $("#" + divId).offset().top;
$('html, body').animate({
scrollTop: t
scrollTop: (t - 50)
}, 500);
}
page_loading();
docs/index.md
+7 -133
View File
@@ -54,11 +54,10 @@
</div>
# Core
**M5Core**
<div>
<div id="core">
<img src="assets/img/product_pics/icon_core.png" style="vertical-align:middle;">
<span style="font-size:30px">Core</span>
</div>
@@ -123,10 +122,6 @@
</div>
## M5GO Lite
## M5GO Kit
## FACES Kit
**M5GO/FACES Kit**
@@ -156,9 +151,7 @@
***
# Module
<div>
<div id="module">
<img src="assets/img/product_pics/icon_module.png" style="vertical-align:middle;">
<span style="font-size:30px">Module</span>
</div>
@@ -166,12 +159,6 @@
<a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Module_I2C">I2C AddressTable</a>&nbsp;&nbsp;&nbsp;&nbsp;
## GPS
## LORA
## LoRaWAN
## SIM800L
## COMMU
**Communication Modules**
@@ -275,10 +262,6 @@
</a>
</div>
## STEPMOTOR
## SERVO
## LEGO_PLUS
## FAN
**Drive Modules**
@@ -311,11 +294,6 @@
</div>
## ENCODER
## JOYSTICK
## FACES-FINGER
## FACES-RFID
**FACES Series**
<div class="item">
@@ -346,9 +324,8 @@
</a>
</div>
# BASE
<div>
<div id="base">
<img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;margin-top:20px">
<span style="font-size:30px">Base</span>
</div>
@@ -357,11 +334,6 @@
&nbsp;
## LAN
## NODE
## BTC
## PLC
## Core BOTTOM
<div class="item">
@@ -406,11 +378,6 @@
</a>
</div>
## M5GO RFID
## M5GO CHARGER
## pm2_5
## BASE15
## BASE26
<div class="item">
<a href="/#/en/base/m5go_rfid">
@@ -458,25 +425,15 @@
***
# Unit
<div>
<div id="unit">
<img src="assets/img/product_pics/icon_unit.png" style="vertical-align:middle;">
<span style="font-size:30px">Unit</span>
</div>
<!-- *( **[IIC Address Table](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
## ESP32CAM
## M5Camera
## M5CameraF
## M5CameraX
<!-- <div class="btn-group"> -->
<a class="btn btn btn-primary" href="#en/quick_start/m5camera/m5camera_quick_start" role="button" style="color:white;text-decoration:none">Camera QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;text-decoration:none" data-toggle="modal" data-target="#Unit_I2C">I2C AddressTable</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="https://github.com/m5stack/M5-Schematic/blob/master/Units/m5camera/CameraComparison_en.md" role="button" style="color:white;text-decoration:none">Cameras comparison »</a>
<!-- </div> -->
**Camera class**
@@ -512,13 +469,6 @@
**Sensor class**
## ENV
## EARTH
## LIGHT
## PIR
## NCIR
## THERMAL
## COLOR
<div class="item">
<a href="/#/en/unit/env">
@@ -569,13 +519,6 @@
</a>
</div>
## TOF
## HEART
## ADC
## MAKEY
## GPS
## FINGER
## WEIGHT
<div class="item">
<a href="/#/en/unit/tof">
@@ -627,13 +570,6 @@
</div>
## ACCEL
## OP180
## OP90
<div class="item">
<a href="/#/en/unit/accel">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_accel_01.jpg">
@@ -656,17 +592,8 @@
</div>
**I / 0 class**
## EXT.IO
## DAC
## RELAY
## HUB
## PaHUB
## PbHUB
## 3.96Port
<div class="item">
<a href="/#/en/unit/extio">
@@ -717,11 +644,6 @@
</a>
</div>
## M5-BIT
## PROTO
## Unit-FAN
## VIBRATOR-MOTOR
## MINI-PROTO
<div class="item">
<a href="/#/en/unit/m5-bit">
@@ -797,11 +719,6 @@
**Communication class**
## IR
## RS485
## RFID
## LASER-RX
## LASER-TX
<div class="item">
<a href="/#/en/unit/ir">
@@ -840,13 +757,6 @@
**C-HAT class**
## HAT-ENV
## HAT-PIR
## HAT-SPK
## HAT-PROTO
## HAT-THERMAL
## HAT-NCIR
## HAT-RS485
<div class="item">
<a href="/#/en/hat/hat-env">
@@ -897,8 +807,6 @@
</a>
</div>
## HAT-ADC
## HAT-DAC
<div class="item">
<a href="/#/en/hat/hat-adc">
@@ -917,12 +825,6 @@
**LED class**
## RGB_LED
## CatEar
## HEX
## NeoFlash
## RGB
<div class="item">
<a href="/#/en/unit/neopixel">
@@ -948,20 +850,14 @@
</div>
***
# Application
<div>
<div id="application">
<img src="assets/img/product_pics/icon_app.png" style="vertical-align:middle;">
<span style="font-size:30px">Application</span>
</div>
<!-- *( **[IIC Address Table](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
## BALA
## LidarBOT
## PIANO
## FLIR
## DEMO-BOARD
<div class="item">
<a href="/#/en/app/bala">
@@ -1040,24 +936,12 @@
***
<!--Below is adding on -->
# Accessory
<div>
<div id="accessory">
<img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
<span style="font-size:30px">Accessory</span>
</div>
## Grove-T
## Grove Cable
## GROVE2GROVE
## SCREW
## BUS-Socket
## Frame
## TRACE
## PROTO-KIT
<div class="item">
<a href="/#/en/accessory/converter/grove_t">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/grove_t_01.png">
@@ -1146,17 +1030,12 @@
***
# Aluminium
<div>
<div id="aluminium">
<img src="assets/img/product_pics/icon_1515.jpg" style="vertical-align:middle;">
<span style="font-size:30px">Aluminium Profile</span>
</div>
## CORNER
## NUT
## Connector
## Aluminium-Profile-1515
<div class="item">
<a href="/#/en/1515/corner">
@@ -1188,8 +1067,6 @@
<!-- <script>
$(document).ready(function(){
$("div.item a").append(`<div class="mask">
@@ -1204,9 +1081,6 @@
<div class="container">
<div class="modal fade" id="Core_I2C">
docs/zh_CN/README.md
+9 -32
View File
@@ -52,12 +52,9 @@
</div>
# Core
**M5Core**
<div>
<div id="core">
<img src="assets/img/product_pics/icon_core.png" style="vertical-align:middle;">
<span style="font-size:30px">Core</span>
</div>
@@ -152,17 +149,12 @@
***
# Module
<div>
<div id="module">
<img src="assets/img/product_pics/icon_module.png" style="vertical-align:middle;">
<span style="font-size:30px">Module</span>
</div>
<a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Module_I2C">I2C地址表</a>&nbsp;&nbsp;&nbsp;&nbsp;
**通讯模块**
@@ -332,9 +324,9 @@
</a>
</div>
# BASE
<div>
<div id="base">
<img src="assets/img/product_pics/icon_base.png" style="vertical-align:middle;margin-top:20px">
<span style="font-size:30px">Base</span>
</div>
@@ -431,14 +423,13 @@
***
# Unit
<div>
<div id="unit">
<img src="assets/img/product_pics/icon_unit.png" style="vertical-align:middle;">
<span style="font-size:30px">Unit</span>
</div>
<a class="btn btn btn-primary" href="#zh_CN/quick_start/m5camera/m5camera_quick_start" role="button" style="color:white;text-decoration:none">摄像头上手指南</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;text-decoration:none" data-toggle="modal" data-target="#Unit_I2C">I2C地址表</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a class="btn btn btn-primary" href="https://github.com/m5stack/M5-Schematic/blob/master/Units/m5camera/CameraComparison_zh_CN.md" role="button" style="color:white;text-decoration:none">款式硬件区别 »</a>
@@ -861,16 +852,12 @@
***
# Application
<div>
<div id="application">
<img src="assets/img/product_pics/icon_app.png" style="vertical-align:middle;">
<span style="font-size:30px">Application</span>
</div>
<!-- <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;text-decoration:none" data-toggle="modal" data-target="#Module_I2C">IIC地址表</a>&nbsp;&nbsp;&nbsp;&nbsp; -->
<!-- *( **[IIC 地址表](https://shimo.im/sheets/GWkjHV3XyCCgwDpQ)** )* -->
@@ -952,9 +939,7 @@
<!--Below is adding on -->
# Accessory
<div>
<div id="accessory">
<img src="assets/img/product_pics/icon_accessory.png" style="vertical-align:middle;">
<span style="font-size:30px">Accessory</span>
</div>
@@ -1049,16 +1034,12 @@
***
# Aluminium
<div>
<div id="aluminium">
<img src="assets/img/product_pics/icon_1515.jpg" style="vertical-align:middle;">
<span style="font-size:30px">Aluminium Profile</span>
</div>
<div class="item">
<a href="/#/zh_CN/1515/corner">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/acs_corner_01.jpg">
@@ -1088,8 +1069,6 @@
</div>
<!-- <script>
$(document).ready(function(){
$("div.item a").append(`<div class="mask">
@@ -1099,8 +1078,6 @@
</script> -->
<div class="container">
<div class="modal fade" id="Core_I2C">
docs/zh_CN/unit/op180.md
+1 -1
View File
@@ -1,4 +1,4 @@
# Unit OP.180 {docsify-ignore-all}
w# Unit OP.180 {docsify-ignore-all}
<img src="assets/img/product_pics/unit/op180/unit_op180_01.jpg" width="30%" height="30%"> <img src="assets/img/product_pics/unit/op180/unit_op180_02.jpg" width="30%" height="30%"> <img src="assets/img/product_pics/unit/op180/unit_op180_03.jpg" width="30%" height="30%">