adding initial fast-api
This commit is contained in:
7
fast-api/node_modules/jq-fakeloader/demo/css/bootstrap.min.css
generated
vendored
Normal file
7
fast-api/node_modules/jq-fakeloader/demo/css/bootstrap.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
175
fast-api/node_modules/jq-fakeloader/demo/css/demo.css
generated
vendored
Normal file
175
fast-api/node_modules/jq-fakeloader/demo/css/demo.css
generated
vendored
Normal file
@@ -0,0 +1,175 @@
|
||||
#section-navigation {
|
||||
position:relative;
|
||||
margin-top:100px;
|
||||
}
|
||||
|
||||
.btn-white {
|
||||
font-family:'Lato';
|
||||
font-weight:999;
|
||||
min-width:100px;
|
||||
background:transparent;
|
||||
outline:none;
|
||||
border:1px solid #000;
|
||||
border-radius:22px;
|
||||
padding:10px;
|
||||
margin-right:10px;
|
||||
margin-top:10px;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
-ms-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.btn-goback {
|
||||
font-family:'Lato';
|
||||
font-weight:999;
|
||||
min-width:100px;
|
||||
background:#eee;
|
||||
color:#000;
|
||||
outline:none;
|
||||
border:none;
|
||||
border-radius:22px;
|
||||
padding:10px;
|
||||
margin-right:10px;
|
||||
margin-bottom:20px;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
-ms-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.btn-goback:hover {
|
||||
opacity:.8;
|
||||
}
|
||||
|
||||
|
||||
.btn-white:hover {
|
||||
background:#000;
|
||||
color:#fff;
|
||||
outline:none;
|
||||
border:1px solid #000;
|
||||
}
|
||||
|
||||
.btn-active {
|
||||
background:#000;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
/*Carbon ads*/
|
||||
#carbonads {
|
||||
--width: 300px;
|
||||
--font-size: 14px;
|
||||
}
|
||||
|
||||
#carbonads {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-bottom: 20px;
|
||||
max-width: var(--width);
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1);
|
||||
background-color: hsl(0, 0%, 98%);
|
||||
font-size: var(--font-size);
|
||||
line-height: 1.5;
|
||||
text-align:left;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 30px;
|
||||
margin-top:100px;
|
||||
}
|
||||
|
||||
#carbonads a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
#carbonads a.carbon-img {
|
||||
float: left;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#carbonads a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#carbonads span {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.carbon-img {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
max-width: var(--width);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.carbon-img img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: var(--width) !important;
|
||||
width: auto;
|
||||
height: 100px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.carbon-text {
|
||||
display: block;
|
||||
padding: 0px;
|
||||
padding-left: 137px;
|
||||
padding-right: 4px;
|
||||
padding-top:10px;
|
||||
position: relative;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
.carbon-poweredby {
|
||||
display: block;
|
||||
padding: 10px var(--font-size);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .5px;
|
||||
font-weight: 600;
|
||||
font-size: 9px;
|
||||
line-height: 0;
|
||||
color:#9a9a9a!important;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 759px) {
|
||||
#carbonads {
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
max-width: 330px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#carbonads span {
|
||||
position: relative;
|
||||
}
|
||||
#carbonads > span {
|
||||
max-width: none;
|
||||
}
|
||||
.carbon-img {
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.carbon-img img {
|
||||
max-width: 130px !important;
|
||||
}
|
||||
.carbon-text {
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
padding: 8px 20px;
|
||||
text-align: left;
|
||||
max-width: calc(100% - 130px - 3em);
|
||||
}
|
||||
.carbon-poweredby {
|
||||
left: 130px;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
1
fast-api/node_modules/jq-fakeloader/demo/css/fakeLoader.min.css
generated
vendored
Normal file
1
fast-api/node_modules/jq-fakeloader/demo/css/fakeLoader.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
55
fast-api/node_modules/jq-fakeloader/demo/demo1.html
generated
vendored
Normal file
55
fast-api/node_modules/jq-fakeloader/demo/demo1.html
generated
vendored
Normal file
@@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>DEMO1</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/demo.css">
|
||||
<link rel="stylesheet" href="css/fakeLoader.min.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section id="section-navigation">
|
||||
<div class="container text-center">
|
||||
<a href="http://joaopereirawd.github.io/fakeLoader.js"><button class="btn-default btn-goback">← Article & Download</button></a>
|
||||
</div>
|
||||
<div class="container text-center">
|
||||
<a href="demo1.html"><button class="btn-default btn-white btn-active">Spinner1</button></a>
|
||||
<a href="demo2.html"><button class="btn-default btn-white">Spinner2</button></a>
|
||||
<a href="demo3.html"><button class="btn-default btn-white">Spinner3</button></a>
|
||||
<a href="demo4.html"><button class="btn-default btn-white">Spinner4</button></a>
|
||||
<a href="demo5.html"><button class="btn-default btn-white">Spinner5</button></a>
|
||||
<a href="demo6.html"><button class="btn-default btn-white">Spinner6</button></a>
|
||||
<a href="demo7.html"><button class="btn-default btn-white">Spinner7</button></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container text-center">
|
||||
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7DLK3E&placement=joaopereirawdgithubio" id="_carbonads_js"></script>
|
||||
<h1>DOM was loaded</h1>
|
||||
</div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/fakeLoader.min.js"></script>
|
||||
<div class="fakeLoader"></div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$.fakeLoader({
|
||||
bgColor: '#2ecc71',
|
||||
spinner:"spinner1"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
61
fast-api/node_modules/jq-fakeloader/demo/demo2.html
generated
vendored
Normal file
61
fast-api/node_modules/jq-fakeloader/demo/demo2.html
generated
vendored
Normal file
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>DEMO2</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/demo.css">
|
||||
<link rel="stylesheet" href="css/fakeLoader.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 7]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<div class="fakeloader"></div>
|
||||
|
||||
<section id="section-navigation">
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="http://joaopereirawd.github.io/fakeLoader.js"><button class="btn-default btn-goback">← Article & Download</button></a>
|
||||
</div>
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="demo1.html"><button class="btn-default btn-white">Spinner1</button></a>
|
||||
<a href="demo2.html"><button class="btn-default btn-white btn-active">Spinner2</button></a>
|
||||
<a href="demo3.html"><button class="btn-default btn-white">Spinner3</button></a>
|
||||
<a href="demo4.html"><button class="btn-default btn-white">Spinner4</button></a>
|
||||
<a href="demo5.html"><button class="btn-default btn-white">Spinner5</button></a>
|
||||
<a href="demo6.html"><button class="btn-default btn-white">Spinner6</button></a>
|
||||
<a href="demo7.html"><button class="btn-default btn-white">Spinner7</button></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container text-center">
|
||||
<script async type="text/javascript"
|
||||
src="//cdn.carbonads.com/carbon.js?serve=CK7DLK3E&placement=joaopereirawdgithubio" id="_carbonads_js"></script>
|
||||
<h1>DOM was loaded</h1>
|
||||
</div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/fakeLoader.min.js"></script>
|
||||
<div class="fakeLoader"></div>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$.fakeLoader({
|
||||
bgColor: '#e74c3c',
|
||||
spinner: 'spinner2'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
63
fast-api/node_modules/jq-fakeloader/demo/demo3.html
generated
vendored
Normal file
63
fast-api/node_modules/jq-fakeloader/demo/demo3.html
generated
vendored
Normal file
@@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>DEMO3</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/demo.css">
|
||||
<link rel="stylesheet" href="css/fakeLoader.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 7]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<div class="fakeloader"></div>
|
||||
|
||||
<section id="section-navigation">
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="http://joaopereirawd.github.io/fakeLoader.js"><button class="btn-default btn-goback">← Article & Download</button></a>
|
||||
</div>
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="demo1.html"><button class="btn-default btn-white">Spinner1</button></a>
|
||||
<a href="demo2.html"><button class="btn-default btn-white">Spinner2</button></a>
|
||||
<a href="demo3.html"><button class="btn-default btn-white btn-active">Spinner3</button></a>
|
||||
<a href="demo4.html"><button class="btn-default btn-white">Spinner4</button></a>
|
||||
<a href="demo5.html"><button class="btn-default btn-white">Spinner5</button></a>
|
||||
<a href="demo6.html"><button class="btn-default btn-white">Spinner6</button></a>
|
||||
<a href="demo7.html"><button class="btn-default btn-white">Spinner7</button></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container text-center">
|
||||
<script async type="text/javascript"
|
||||
src="//cdn.carbonads.com/carbon.js?serve=CK7DLK3E&placement=joaopereirawdgithubio" id="_carbonads_js"></script>
|
||||
<h1>DOM was loaded</h1>
|
||||
</div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/fakeLoader.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$.fakeLoader({
|
||||
timeToHide:1200,
|
||||
bgColor:"#3498db",
|
||||
spinner:"spinner4"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<div class="fakeLoader"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
63
fast-api/node_modules/jq-fakeloader/demo/demo4.html
generated
vendored
Normal file
63
fast-api/node_modules/jq-fakeloader/demo/demo4.html
generated
vendored
Normal file
@@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>DEMO4</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
|
||||
<link rel="stylesheet" href="css/demo.css">
|
||||
<link rel="stylesheet" href="css/fakeLoader.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 7]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<div class="fakeloader"></div>
|
||||
|
||||
<section id="section-navigation">
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="http://joaopereirawd.github.io/fakeLoader.js"><button class="btn-default btn-goback">← Article & Download</button></a>
|
||||
</div>
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="demo1.html"><button class="btn-default btn-white">Spinner1</button></a>
|
||||
<a href="demo2.html"><button class="btn-default btn-white">Spinner2</button></a>
|
||||
<a href="demo3.html"><button class="btn-default btn-white">Spinner3</button></a>
|
||||
<a href="demo4.html"><button class="btn-default btn-white btn-active">Spinner4</button></a>
|
||||
<a href="demo5.html"><button class="btn-default btn-white">Spinner5</button></a>
|
||||
<a href="demo6.html"><button class="btn-default btn-white">Spinner6</button></a>
|
||||
<a href="demo7.html"><button class="btn-default btn-white">Spinner7</button></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container text-center">
|
||||
<script async type="text/javascript"
|
||||
src="//cdn.carbonads.com/carbon.js?serve=CK7DLK3E&placement=joaopereirawdgithubio" id="_carbonads_js"></script>
|
||||
<h1>DOM was loaded</h1>
|
||||
</div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/fakeLoader.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$.fakeLoader({
|
||||
timeToHide:1200,
|
||||
bgColor:"#34495e",
|
||||
spinner:"spinner3"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div class="fakeLoader"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
62
fast-api/node_modules/jq-fakeloader/demo/demo5.html
generated
vendored
Normal file
62
fast-api/node_modules/jq-fakeloader/demo/demo5.html
generated
vendored
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>DEMO5</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/demo.css">
|
||||
<link rel="stylesheet" href="css/fakeLoader.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 7]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<div class="fakeloader"></div>
|
||||
|
||||
<section id="section-navigation">
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="http://joaopereirawd.github.io/fakeLoader.js"><button class="btn-default btn-goback">← Article & Download</button></a>
|
||||
</div>
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="demo1.html"><button class="btn-default btn-white">Spinner1</button></a>
|
||||
<a href="demo2.html"><button class="btn-default btn-white">Spinner2</button></a>
|
||||
<a href="demo3.html"><button class="btn-default btn-white">Spinner3</button></a>
|
||||
<a href="demo4.html"><button class="btn-default btn-white">Spinner4</button></a>
|
||||
<a href="demo5.html"><button class="btn-default btn-white btn-active">Spinner5</button></a>
|
||||
<a href="demo6.html"><button class="btn-default btn-white">Spinner6</button></a>
|
||||
<a href="demo7.html"><button class="btn-default btn-white">Spinner7</button></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container text-center">
|
||||
<script async type="text/javascript"
|
||||
src="//cdn.carbonads.com/carbon.js?serve=CK7DLK3E&placement=joaopereirawdgithubio" id="_carbonads_js"></script>
|
||||
<h1>DOM was loaded</h1>
|
||||
</div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/fakeLoader.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$.fakeLoader({
|
||||
timeToHide:1200,
|
||||
bgColor:"#e67e22",
|
||||
spinner:"spinner5"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="fakeLoader"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
61
fast-api/node_modules/jq-fakeloader/demo/demo6.html
generated
vendored
Normal file
61
fast-api/node_modules/jq-fakeloader/demo/demo6.html
generated
vendored
Normal file
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>DEMO6</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/demo.css">
|
||||
<link rel="stylesheet" href="css/fakeLoader.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 7]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<div class="fakeloader"></div>
|
||||
|
||||
<section id="section-navigation">
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="http://joaopereirawd.github.io/fakeLoader.js"><button class="btn-default btn-goback">← Article & Download</button></a>
|
||||
</div>
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="demo1.html"><button class="btn-default btn-white">Spinner1</button></a>
|
||||
<a href="demo2.html"><button class="btn-default btn-white">Spinner2</button></a>
|
||||
<a href="demo3.html"><button class="btn-default btn-white">Spinner3</button></a>
|
||||
<a href="demo4.html"><button class="btn-default btn-white">Spinner4</button></a>
|
||||
<a href="demo5.html"><button class="btn-default btn-white">Spinner5</button></a>
|
||||
<a href="demo6.html"><button class="btn-default btn-white btn-active">Spinner6</button></a>
|
||||
<a href="demo7.html"><button class="btn-default btn-white">Spinner7</button></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container text-center">
|
||||
<script async type="text/javascript"
|
||||
src="//cdn.carbonads.com/carbon.js?serve=CK7DLK3E&placement=joaopereirawdgithubio" id="_carbonads_js"></script>
|
||||
<h1>DOM was loaded</h1>
|
||||
</div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/fakeLoader.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$.fakeLoader({
|
||||
timeToHide:1200,
|
||||
bgColor:"#1abc9c",
|
||||
spinner:"spinner6"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div class="fakeLoader"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
61
fast-api/node_modules/jq-fakeloader/demo/demo7.html
generated
vendored
Normal file
61
fast-api/node_modules/jq-fakeloader/demo/demo7.html
generated
vendored
Normal file
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>DEMO7</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/demo.css">
|
||||
<link rel="stylesheet" href="css/fakeLoader.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 7]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<div class="fakeloader"></div>
|
||||
|
||||
<section id="section-navigation">
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="http://joaopereirawd.github.io/fakeLoader.js"><button class="btn-default btn-goback">← Article & Download</button></a>
|
||||
</div>
|
||||
|
||||
<div class="container text-center">
|
||||
<a href="demo1.html"><button class="btn-default btn-white">Spinner1</button></a>
|
||||
<a href="demo2.html"><button class="btn-default btn-white">Spinner2</button></a>
|
||||
<a href="demo3.html"><button class="btn-default btn-white">Spinner3</button></a>
|
||||
<a href="demo4.html"><button class="btn-default btn-white">Spinner4</button></a>
|
||||
<a href="demo5.html"><button class="btn-default btn-white">Spinner5</button></a>
|
||||
<a href="demo6.html"><button class="btn-default btn-white">Spinner6</button></a>
|
||||
<a href="demo7.html"><button class="btn-default btn-white btn-active">Spinner7</button></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container text-center">
|
||||
<script async type="text/javascript"
|
||||
src="//cdn.carbonads.com/carbon.js?serve=CK7DLK3E&placement=joaopereirawdgithubio" id="_carbonads_js"></script>
|
||||
<h1>DOM was loaded</h1>
|
||||
</div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="js/fakeLoader.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$.fakeLoader({
|
||||
timeToHide:1200,
|
||||
bgColor:"#9b59b6",
|
||||
spinner:"spinner7"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div class="fakeLoader"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
1
fast-api/node_modules/jq-fakeloader/demo/js/fakeLoader.min.js
generated
vendored
Normal file
1
fast-api/node_modules/jq-fakeloader/demo/js/fakeLoader.min.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
!function(d){d.fakeLoader=function(i){var s=d.extend({targetClass:"fakeLoader",timeToHide:1200,bgColor:"#2ecc71",spinner:"spinner2"},i),c='<div class="fl fl-spinner spinner1"><div class="double-bounce1"></div><div class="double-bounce2"></div></div>',e=d("body").find("."+s.targetClass);e.each(function(){switch(s.spinner){case"spinner1":e.html(c);break;case"spinner2":e.html('<div class="fl fl-spinner spinner2"><div class="spinner-container container1"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container2"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container3"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div></div>');break;case"spinner3":e.html('<div class="fl fl-spinner spinner3"><div class="dot1"></div><div class="dot2"></div></div>');break;case"spinner4":e.html('<div class="fl fl-spinner spinner4"></div>');break;case"spinner5":e.html('<div class="fl fl-spinner spinner5"><div class="cube1"></div><div class="cube2"></div></div>');break;case"spinner6":e.html('<div class="fl fl-spinner spinner6"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div>');break;case"spinner7":e.html('<div class="fl fl-spinner spinner7"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div><div class="circ4"></div></div>');break;default:e.html(c)}}),e.css({backgroundColor:s.bgColor}),setTimeout(function(){d(e).fadeOut()},s.timeToHide)}}(jQuery);
|
||||
Reference in New Issue
Block a user