adding initial fast-api
This commit is contained in:
21
fast-api/node_modules/jq-fakeloader/LICENSE
generated
vendored
Normal file
21
fast-api/node_modules/jq-fakeloader/LICENSE
generated
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2014 João Pereira
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
53
fast-api/node_modules/jq-fakeloader/README.md
generated
vendored
Normal file
53
fast-api/node_modules/jq-fakeloader/README.md
generated
vendored
Normal file
@@ -0,0 +1,53 @@
|
||||
# What is fakeLoader.js
|
||||
|
||||
fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.
|
||||
|
||||
Check out the demo [http://joaopereirawd.github.io/fakeLoader.js/](http://joaopereirawd.github.io/fakeLoader.js)
|
||||
|
||||
## Current Version
|
||||
`V2.0.0`
|
||||
|
||||
### 1. Installing
|
||||
```js
|
||||
yarn add jq-fakeloader
|
||||
or
|
||||
npm i jq-fakeloader
|
||||
```
|
||||
|
||||
### 2. Include CSS
|
||||
```css
|
||||
<link rel="stylesheet" href="../node_modules/dist/fakeLoader.min.css">
|
||||
```
|
||||
|
||||
### 3. Include `javascript` dependencies
|
||||
```
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
|
||||
<script src="../node_modules/dist/fakeLoader.min.js">
|
||||
```
|
||||
|
||||
### 4. Include `fakeLoader` placeholder in the HTML Document
|
||||
```
|
||||
<div class="fakeLoader"></div>
|
||||
```
|
||||
|
||||
### 5. Basic Initialize
|
||||
```js
|
||||
<script>
|
||||
$.fakeLoader();
|
||||
</script>
|
||||
```
|
||||
|
||||
### 6. Options
|
||||
|
||||
|
||||
`timeToHide` //Time in milliseconds for fakeLoader disappear
|
||||
|
||||
`spinner` //'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'
|
||||
|
||||
`bgColor` //Hex, RGB or RGBA colors
|
||||
|
||||
### Support
|
||||
If you encounter an issue or want to request a feature, you can create an [issue](https://github.com/joaopereirawd/fakeLoader.js/issues)
|
||||
|
||||
|
||||
|
||||
347
fast-api/node_modules/jq-fakeloader/css/fakeLoader.css
generated
vendored
Normal file
347
fast-api/node_modules/jq-fakeloader/css/fakeLoader.css
generated
vendored
Normal file
@@ -0,0 +1,347 @@
|
||||
.fakeLoader {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
z-index: 9999999999; }
|
||||
|
||||
.spinner1 {
|
||||
position: fixed;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
top: calc(50% - 50px/2);
|
||||
left: calc(50% - 50px/2); }
|
||||
.spinner1 .double-bounce1,
|
||||
.spinner1 .double-bounce2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
opacity: 0.6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-webkit-animation: bounce 2.0s infinite ease-in-out;
|
||||
animation: bounce 2.0s infinite ease-in-out; }
|
||||
.spinner1 .double-bounce2 {
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s; }
|
||||
|
||||
@-webkit-keyframes bounce {
|
||||
0%, 100% {
|
||||
transform: scale(0);
|
||||
-webkit-transform: scale(0); }
|
||||
50% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
|
||||
@keyframes bounce {
|
||||
0%, 100% {
|
||||
transform: scale(0);
|
||||
-webkit-transform: scale(0); }
|
||||
50% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
|
||||
.spinner2 {
|
||||
position: fixed;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
top: calc(50% - 40px/2);
|
||||
left: calc(50% - 40px/2); }
|
||||
.spinner2 .spinner-container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.spinner2 .spinner-container.container2 {
|
||||
-webkit-transform: rotateZ(45deg);
|
||||
transform: rotateZ(45deg); }
|
||||
.spinner2 .spinner-container.container3 {
|
||||
-webkit-transform: rotateZ(90deg);
|
||||
transform: rotateZ(90deg); }
|
||||
.spinner2 .spinner-container .circle1 {
|
||||
top: 0;
|
||||
left: 0; }
|
||||
.spinner2 .spinner-container .circle2 {
|
||||
top: 0;
|
||||
right: 0; }
|
||||
.spinner2 .spinner-container .circle3 {
|
||||
right: 0;
|
||||
bottom: 0; }
|
||||
.spinner2 .spinner-container .circle4 {
|
||||
left: 0;
|
||||
bottom: 0; }
|
||||
.spinner2 .container1 div,
|
||||
.spinner2 .container2 div,
|
||||
.spinner2 .container3 div {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background-color: #fff;
|
||||
border-radius: 100%;
|
||||
position: absolute;
|
||||
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
|
||||
animation: bouncedelay 1.2s infinite ease-in-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both; }
|
||||
.spinner2 .container1 .circle2 {
|
||||
-webkit-animation-delay: -0.9s;
|
||||
animation-delay: -0.9s; }
|
||||
.spinner2 .container1 .circle3 {
|
||||
-webkit-animation-delay: -0.6s;
|
||||
animation-delay: -0.6s; }
|
||||
.spinner2 .container1 .circle4 {
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s; }
|
||||
.spinner2 .container2 .circle1 {
|
||||
-webkit-animation-delay: -1.1s;
|
||||
animation-delay: -1.1s; }
|
||||
.spinner2 .container2 .circle2 {
|
||||
-webkit-animation-delay: -0.8s;
|
||||
animation-delay: -0.8s; }
|
||||
.spinner2 .container2 .circle3 {
|
||||
-webkit-animation-delay: -0.5s;
|
||||
animation-delay: -0.5s; }
|
||||
.spinner2 .container2 .circle4 {
|
||||
-webkit-animation-delay: -0.2s;
|
||||
animation-delay: -0.2s; }
|
||||
.spinner2 .container3 .circle1 {
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s; }
|
||||
.spinner2 .container3 .circle2 {
|
||||
-webkit-animation-delay: -0.7s;
|
||||
animation-delay: -0.7s; }
|
||||
.spinner2 .container3 .circle3 {
|
||||
-webkit-animation-delay: -0.4s;
|
||||
animation-delay: -0.4s; }
|
||||
.spinner2 .container3 .circle4 {
|
||||
-webkit-animation-delay: -0.1s;
|
||||
animation-delay: -0.1s; }
|
||||
|
||||
@-webkit-keyframes bouncedelay {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(0);
|
||||
-webkit-transform: scale(0); }
|
||||
40% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
|
||||
@keyframes bouncedelay {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(0);
|
||||
-webkit-transform: scale(0); }
|
||||
40% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
|
||||
.spinner3 {
|
||||
position: fixed;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
top: calc(50% - 50px/2);
|
||||
left: calc(50% - 50px/2);
|
||||
-webkit-animation: rotate 2.0s infinite linear;
|
||||
animation: rotate 2.0s infinite linear; }
|
||||
.spinner3 .dot1,
|
||||
.spinner3 .dot2 {
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
background-color: #fff;
|
||||
border-radius: 100%;
|
||||
-webkit-animation: bounce 2.0s infinite ease-in-out;
|
||||
animation: bounce 2.0s infinite ease-in-out; }
|
||||
.spinner3 .dot2 {
|
||||
top: auto;
|
||||
bottom: 0px;
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s; }
|
||||
|
||||
@-webkit-keyframes rotate {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes rotate {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes bounce {
|
||||
0%, 100% {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0); }
|
||||
50% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
|
||||
.spinner4 {
|
||||
position: fixed;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
top: calc(50% - 35px/2);
|
||||
left: calc(50% - 35px/2);
|
||||
background-color: #fff;
|
||||
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
|
||||
animation: rotateplane 1.2s infinite ease-in-out; }
|
||||
|
||||
@-webkit-keyframes rotateplane {
|
||||
0% {
|
||||
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||||
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
|
||||
50% {
|
||||
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||||
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
|
||||
100% {
|
||||
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||||
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
|
||||
|
||||
@keyframes rotateplane {
|
||||
0% {
|
||||
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||||
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
|
||||
50% {
|
||||
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||||
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
|
||||
100% {
|
||||
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||||
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
|
||||
|
||||
.spinner5 {
|
||||
position: fixed;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
top: calc(50% - 50px/2);
|
||||
left: calc(50% - 50px/2); }
|
||||
.spinner5 .cube1,
|
||||
.spinner5 .cube2 {
|
||||
background-color: #fff;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-webkit-animation: cubemove 1.8s infinite ease-in-out;
|
||||
animation: cubemove 1.8s infinite ease-in-out; }
|
||||
.spinner5 .cube2 {
|
||||
-webkit-animation-delay: -0.9s;
|
||||
animation-delay: -0.9s; }
|
||||
|
||||
@-webkit-keyframes cubemove {
|
||||
25% {
|
||||
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
|
||||
transform: translateX(42px) rotate(-90deg) scale(0.5); }
|
||||
50% {
|
||||
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
|
||||
transform: translateX(42px) translateY(42px) rotate(-179deg); }
|
||||
50.1% {
|
||||
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
|
||||
transform: translateX(42px) translateY(42px) rotate(-180deg); }
|
||||
75% {
|
||||
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
||||
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
|
||||
100% {
|
||||
-webkit-transform: rotate(-360deg);
|
||||
transform: rotate(-360deg); } }
|
||||
|
||||
@keyframes cubemove {
|
||||
25% {
|
||||
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
|
||||
transform: translateX(42px) rotate(-90deg) scale(0.5); }
|
||||
50% {
|
||||
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
|
||||
transform: translateX(42px) translateY(42px) rotate(-179deg); }
|
||||
50.1% {
|
||||
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
|
||||
transform: translateX(42px) translateY(42px) rotate(-180deg); }
|
||||
75% {
|
||||
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
||||
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
|
||||
100% {
|
||||
-webkit-transform: rotate(-360deg);
|
||||
transform: rotate(-360deg); } }
|
||||
|
||||
.spinner6 {
|
||||
position: fixed;
|
||||
width: 50px;
|
||||
height: 35px;
|
||||
top: calc(50% - 35px/2);
|
||||
left: calc(50% - 50px/2); }
|
||||
.spinner6 div {
|
||||
background-color: #fff;
|
||||
height: 100%;
|
||||
width: 5px;
|
||||
margin-left: 2px;
|
||||
display: inline-block;
|
||||
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
|
||||
animation: stretchdelay 1.2s infinite ease-in-out; }
|
||||
.spinner6 .rect2 {
|
||||
-webkit-animation-delay: -1.1s;
|
||||
animation-delay: -1.1s; }
|
||||
.spinner6 .rect3 {
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s; }
|
||||
.spinner6 .rect4 {
|
||||
-webkit-animation-delay: -0.9s;
|
||||
animation-delay: -0.9s; }
|
||||
.spinner6 .rect5 {
|
||||
-webkit-animation-delay: -0.8s;
|
||||
animation-delay: -0.8s; }
|
||||
|
||||
@keyframes stretchdelay {
|
||||
0%, 40%, 100% {
|
||||
-webkit-transform: scaleY(0.4);
|
||||
transform: scaleY(0.4); }
|
||||
20% {
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1); } }
|
||||
|
||||
.spinner7 {
|
||||
position: fixed;
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
top: calc(50% - 30px/2);
|
||||
left: calc(50% - 90px/2); }
|
||||
|
||||
.spinner7 > div {
|
||||
background-color: #fff;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
margin-left: 3px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
-webkit-animation: stretchdelay 0.7s infinite ease-in-out;
|
||||
animation: stretchdelay 0.7s infinite ease-in-out; }
|
||||
|
||||
.spinner7 .circ2 {
|
||||
-webkit-animation-delay: -0.6s;
|
||||
animation-delay: -0.6s; }
|
||||
|
||||
.spinner7 .circ3 {
|
||||
-webkit-animation-delay: -0.5s;
|
||||
animation-delay: -0.5s; }
|
||||
|
||||
.spinner7 .circ4 {
|
||||
-webkit-animation-delay: -0.4s;
|
||||
animation-delay: -0.4s; }
|
||||
|
||||
.spinner7 .circ5 {
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s; }
|
||||
|
||||
@-webkit-keyframes stretchdelay {
|
||||
0%, 40%, 100% {
|
||||
-webkit-transform: translateY(-10px); }
|
||||
20% {
|
||||
-webkit-transform: translateY(-20px); } }
|
||||
|
||||
@keyframes stretchdelay {
|
||||
0%, 40%, 100% {
|
||||
transform: translateY(-10px);
|
||||
-webkit-transform: translateY(-10px); }
|
||||
20% {
|
||||
transform: translateY(-20px);
|
||||
-webkit-transform: translateY(-20px); } }
|
||||
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);
|
||||
1
fast-api/node_modules/jq-fakeloader/dist/fakeLoader.min.css
generated
vendored
Normal file
1
fast-api/node_modules/jq-fakeloader/dist/fakeLoader.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
fast-api/node_modules/jq-fakeloader/dist/fakeLoader.min.js
generated
vendored
Normal file
1
fast-api/node_modules/jq-fakeloader/dist/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);
|
||||
48
fast-api/node_modules/jq-fakeloader/gulpfile.js
generated
vendored
Executable file
48
fast-api/node_modules/jq-fakeloader/gulpfile.js
generated
vendored
Executable file
@@ -0,0 +1,48 @@
|
||||
//Gulp Plugins
|
||||
var gulp = require('gulp');
|
||||
var sass = require('gulp-sass');
|
||||
var autoprefixer = require('gulp-autoprefixer');
|
||||
var minifycss = require('gulp-minify-css');
|
||||
var size = require('gulp-size');
|
||||
var rename = require('gulp-rename');
|
||||
var uglify = require('gulp-uglify');
|
||||
|
||||
|
||||
// Compile Our Sass
|
||||
gulp.task('sass', function() {
|
||||
return gulp.src('scss/fakeLoader.scss')
|
||||
.pipe(sass({outputStyle:''}).on('error', sass.logError))
|
||||
.pipe(autoprefixer('last 2 version'))
|
||||
.pipe(size({title: 'css'}))
|
||||
.pipe(gulp.dest('css'))
|
||||
.pipe(rename({suffix: '.min'}))
|
||||
.pipe(minifycss())
|
||||
.pipe(size({title: 'css.min'}))
|
||||
.pipe(gulp.dest('dist'))
|
||||
.pipe(gulp.dest('demo/css'))
|
||||
});
|
||||
|
||||
|
||||
// Minify JS
|
||||
gulp.task('scripts', function() {
|
||||
return gulp.src(['js/*.js'])
|
||||
.pipe(size({title: 'js'}))
|
||||
.pipe(gulp.dest('js'))
|
||||
.pipe(rename('fakeLoader.min.js'))
|
||||
.pipe(uglify())
|
||||
.pipe(size({title: 'js.min'}))
|
||||
.pipe(gulp.dest('dist'))
|
||||
.pipe(gulp.dest('demo/js'))
|
||||
});
|
||||
|
||||
|
||||
//Watch for changes
|
||||
gulp.task('watch', function() {
|
||||
gulp.watch("scss/**/*.scss", ['sass']);
|
||||
gulp.watch('js/*.js', ['scripts']);
|
||||
});
|
||||
|
||||
|
||||
|
||||
// Init Tasks
|
||||
gulp.task('default', ['sass', 'watch', 'scripts']);
|
||||
70
fast-api/node_modules/jq-fakeloader/js/fakeLoader.js
generated
vendored
Normal file
70
fast-api/node_modules/jq-fakeloader/js/fakeLoader.js
generated
vendored
Normal file
@@ -0,0 +1,70 @@
|
||||
/********************************************************************
|
||||
jquery-fake-loader
|
||||
*Version: 2.0.0 - 2019
|
||||
*author: João Pereira
|
||||
*website: http://www.joaopereira.pt
|
||||
*Licensed MIT
|
||||
********************************************************************/
|
||||
(function ($) {
|
||||
$.fakeLoader = function(options) {
|
||||
|
||||
var settings = $.extend({
|
||||
targetClass:'fakeLoader',
|
||||
timeToHide:1200,
|
||||
bgColor: '#2ecc71',
|
||||
spinner:'spinner2'
|
||||
}, options);
|
||||
|
||||
var spinner01 = '<div class="fl fl-spinner spinner1"><div class="double-bounce1"></div><div class="double-bounce2"></div></div>';
|
||||
var spinner02 = '<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>';
|
||||
var spinner03 = '<div class="fl fl-spinner spinner3"><div class="dot1"></div><div class="dot2"></div></div>';
|
||||
var spinner04 = '<div class="fl fl-spinner spinner4"></div>';
|
||||
var spinner05 = '<div class="fl fl-spinner spinner5"><div class="cube1"></div><div class="cube2"></div></div>';
|
||||
var spinner06 = '<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>';
|
||||
var spinner07 = '<div class="fl fl-spinner spinner7"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div><div class="circ4"></div></div>';
|
||||
|
||||
var el = $('body').find('.' + settings.targetClass);
|
||||
|
||||
el.each(function() {
|
||||
var a = settings.spinner;
|
||||
|
||||
switch (a) {
|
||||
case 'spinner1':
|
||||
el.html(spinner01);
|
||||
break;
|
||||
case 'spinner2':
|
||||
el.html(spinner02);
|
||||
break;
|
||||
case 'spinner3':
|
||||
el.html(spinner03);
|
||||
break;
|
||||
case 'spinner4':
|
||||
el.html(spinner04);
|
||||
break;
|
||||
case 'spinner5':
|
||||
el.html(spinner05);
|
||||
break;
|
||||
case 'spinner6':
|
||||
el.html(spinner06);
|
||||
break;
|
||||
case 'spinner7':
|
||||
el.html(spinner07);
|
||||
break;
|
||||
default:
|
||||
el.html(spinner01);
|
||||
}
|
||||
});
|
||||
|
||||
el.css({
|
||||
'backgroundColor':settings.bgColor
|
||||
});
|
||||
|
||||
setTimeout(function () {
|
||||
$(el).fadeOut();
|
||||
}, settings.timeToHide);
|
||||
};
|
||||
}(jQuery));
|
||||
|
||||
|
||||
|
||||
|
||||
64
fast-api/node_modules/jq-fakeloader/package.json
generated
vendored
Normal file
64
fast-api/node_modules/jq-fakeloader/package.json
generated
vendored
Normal file
@@ -0,0 +1,64 @@
|
||||
{
|
||||
"_from": "jq-fakeloader",
|
||||
"_id": "jq-fakeloader@2.0.1",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-INQYTpFJON2nD4TMTXifB4UCW03tSzCbAog+pUEUtVsJqzS7qoznW9OrAt/HUfvFMykx95WQXWFbrc3Uq9pagA==",
|
||||
"_location": "/jq-fakeloader",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "tag",
|
||||
"registry": true,
|
||||
"raw": "jq-fakeloader",
|
||||
"name": "jq-fakeloader",
|
||||
"escapedName": "jq-fakeloader",
|
||||
"rawSpec": "",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "latest"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/jq-fakeloader/-/jq-fakeloader-2.0.1.tgz",
|
||||
"_shasum": "0b4af3d17146eedfe7f61a46bd9a001f838c2eca",
|
||||
"_spec": "jq-fakeloader",
|
||||
"_where": "/Users/dtomlinson/projects-tmp/fast-api",
|
||||
"author": {
|
||||
"name": "João Pereira"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/joaopereirawd/fakeLoader.js/issues"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"deprecated": false,
|
||||
"description": "fakeLoader.js is a lightweight jQuery plugin that helps you to create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.",
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^8.6.2",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-autoprefixer": "^5.0.0",
|
||||
"gulp-minify": "^3.0.0",
|
||||
"gulp-minify-css": "^1.2.4",
|
||||
"gulp-postcss": "^7.0.1",
|
||||
"gulp-rename": "^1.2.3",
|
||||
"gulp-sass": "^4.0.1",
|
||||
"gulp-size": "^3.0.0",
|
||||
"gulp-sourcemaps": "^2.6.4",
|
||||
"gulp-uglify": "^3.0.0"
|
||||
},
|
||||
"email": "joaopereirawd@gmail.com",
|
||||
"homepage": "http://joaopereirawd.github.io/fakeLoader.js",
|
||||
"keywords": [
|
||||
"page preloading",
|
||||
"fullscreen preloading",
|
||||
"spinner",
|
||||
"fullscreen spinner",
|
||||
"preloading"
|
||||
],
|
||||
"license": "MIT",
|
||||
"name": "jq-fakeloader",
|
||||
"repository": {
|
||||
"url": "git+https://github.com/joaopereirawd/fakeLoader.js.git",
|
||||
"type": "git"
|
||||
},
|
||||
"version": "2.0.1"
|
||||
}
|
||||
16
fast-api/node_modules/jq-fakeloader/scss/fakeLoader.scss
generated
vendored
Normal file
16
fast-api/node_modules/jq-fakeloader/scss/fakeLoader.scss
generated
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
.fakeLoader {
|
||||
position:fixed;
|
||||
width:100%;
|
||||
height:100%;
|
||||
left:0px;
|
||||
top:0px;
|
||||
z-index:9999999999;
|
||||
}
|
||||
|
||||
@import 'spinners/spinner_01';
|
||||
@import 'spinners/spinner_02';
|
||||
@import 'spinners/spinner_03';
|
||||
@import 'spinners/spinner_04';
|
||||
@import 'spinners/spinner_05';
|
||||
@import 'spinners/spinner_06';
|
||||
@import 'spinners/spinner_07';
|
||||
34
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_01.scss
generated
vendored
Normal file
34
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_01.scss
generated
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
.spinner1 {
|
||||
position: fixed;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
top: calc(50% - 50px/2);
|
||||
left: calc(50% - 50px/2);
|
||||
.double-bounce1,
|
||||
.double-bounce2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
opacity: 0.6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
animation: bounce 2.0s infinite ease-in-out;
|
||||
}
|
||||
.double-bounce2 {
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@keyframes bounce {
|
||||
0%, 100% {
|
||||
transform: scale(0.0);
|
||||
-webkit-transform: scale(0.0);
|
||||
} 50% {
|
||||
transform: scale(1.0);
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
90
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_02.scss
generated
vendored
Normal file
90
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_02.scss
generated
vendored
Normal file
@@ -0,0 +1,90 @@
|
||||
.spinner2 {
|
||||
position: fixed;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
top: calc(50% - 40px/2);
|
||||
left: calc(50% - 40px/2);
|
||||
.spinner-container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
&.container2 {
|
||||
transform: rotateZ(45deg);
|
||||
}
|
||||
&.container3 {
|
||||
transform: rotateZ(90deg);
|
||||
}
|
||||
.circle1 { top: 0; left: 0; }
|
||||
.circle2 { top: 0; right: 0; }
|
||||
.circle3 { right: 0; bottom: 0; }
|
||||
.circle4 { left: 0; bottom: 0; }
|
||||
}
|
||||
.container1,
|
||||
.container2,
|
||||
.container3 {
|
||||
div {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background-color: #fff;
|
||||
border-radius: 100%;
|
||||
position: absolute;
|
||||
animation: bouncedelay 1.2s infinite ease-in-out;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
}
|
||||
|
||||
.container1 {
|
||||
.circle2 {
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
.circle3 {
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
.circle4 {
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
.container2 {
|
||||
.circle1 {
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
.circle2 {
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
.circle3 {
|
||||
animation-delay: -0.5s;
|
||||
}
|
||||
.circle4 {
|
||||
animation-delay: -0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
.container3 {
|
||||
.circle1 {
|
||||
animation-delay: -1.0s;
|
||||
}
|
||||
.circle2 {
|
||||
animation-delay: -0.7s;
|
||||
}
|
||||
.circle3 {
|
||||
animation-delay: -0.4s;
|
||||
}
|
||||
.circle4 {
|
||||
animation-delay: -0.1s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@keyframes bouncedelay {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(0.0);
|
||||
-webkit-transform: scale(0.0);
|
||||
} 40% {
|
||||
transform: scale(1.0);
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
38
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_03.scss
generated
vendored
Normal file
38
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_03.scss
generated
vendored
Normal file
@@ -0,0 +1,38 @@
|
||||
.spinner3 {
|
||||
position: fixed;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
top: calc(50% - 50px/2);
|
||||
left: calc(50% - 50px/2);
|
||||
animation: rotate 2.0s infinite linear;
|
||||
.dot1,
|
||||
.dot2 {
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
background-color: #fff;
|
||||
border-radius: 100%;
|
||||
animation: bounce 2.0s infinite ease-in-out;
|
||||
}
|
||||
.dot2 {
|
||||
top: auto;
|
||||
bottom: 0px;
|
||||
animation-delay: -1.0s;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bounce {
|
||||
0%, 100% {
|
||||
transform: scale(0.0);
|
||||
} 50% {
|
||||
transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
20
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_04.scss
generated
vendored
Normal file
20
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_04.scss
generated
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
.spinner4 {
|
||||
position: fixed;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
top: calc(50% - 35px/2);
|
||||
left: calc(50% - 35px/2);
|
||||
background-color: #fff;
|
||||
animation: rotateplane 1.2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
@keyframes rotateplane {
|
||||
0% {
|
||||
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||||
} 50% {
|
||||
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||||
} 100% {
|
||||
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||||
}
|
||||
}
|
||||
35
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_05.scss
generated
vendored
Normal file
35
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_05.scss
generated
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
.spinner5 {
|
||||
position: fixed;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
top: calc(50% - 50px/2);
|
||||
left: calc(50% - 50px/2);
|
||||
.cube1,
|
||||
.cube2 {
|
||||
background-color: #fff;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
animation: cubemove 1.8s infinite ease-in-out;
|
||||
}
|
||||
.cube2 {
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@keyframes cubemove {
|
||||
25% {
|
||||
transform: translateX(42px) rotate(-90deg) scale(0.5);
|
||||
} 50% {
|
||||
transform: translateX(42px) translateY(42px) rotate(-179deg);
|
||||
} 50.1% {
|
||||
transform: translateX(42px) translateY(42px) rotate(-180deg);
|
||||
} 75% {
|
||||
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
||||
} 100% {
|
||||
transform: rotate(-360deg);
|
||||
}
|
||||
}
|
||||
35
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_06.scss
generated
vendored
Normal file
35
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_06.scss
generated
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
.spinner6 {
|
||||
position: fixed;
|
||||
width: 50px;
|
||||
height: 35px;
|
||||
top: calc(50% - 35px/2);
|
||||
left: calc(50% - 50px/2);
|
||||
div {
|
||||
background-color: #fff;
|
||||
height: 100%;
|
||||
width: 5px;
|
||||
margin-left:2px;
|
||||
display: inline-block;
|
||||
animation: stretchdelay 1.2s infinite ease-in-out;
|
||||
}
|
||||
.rect2 {
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
.rect3 {
|
||||
animation-delay: -1.0s;
|
||||
}
|
||||
.rect4 {
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
.rect5 {
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes stretchdelay {
|
||||
0%, 40%, 100% {
|
||||
transform: scaleY(0.4);
|
||||
} 20% {
|
||||
transform: scaleY(1.0);
|
||||
}
|
||||
}
|
||||
55
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_07.scss
generated
vendored
Normal file
55
fast-api/node_modules/jq-fakeloader/scss/spinners/spinner_07.scss
generated
vendored
Normal file
@@ -0,0 +1,55 @@
|
||||
.spinner7 {
|
||||
position: fixed;
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
top: calc(50% - 30px/2);
|
||||
left: calc(50% - 90px/2);
|
||||
}
|
||||
|
||||
.spinner7 > div {
|
||||
background-color: #fff;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
margin-left:3px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
|
||||
-webkit-animation: stretchdelay 0.7s infinite ease-in-out;
|
||||
animation: stretchdelay 0.7s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.spinner7 .circ2 {
|
||||
-webkit-animation-delay: -0.6s;
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
|
||||
.spinner7 .circ3 {
|
||||
-webkit-animation-delay: -0.5s;
|
||||
animation-delay: -0.5s;
|
||||
}
|
||||
|
||||
.spinner7 .circ4 {
|
||||
-webkit-animation-delay: -0.4s;
|
||||
animation-delay: -0.4s;
|
||||
}
|
||||
|
||||
.spinner7 .circ5 {
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes stretchdelay {
|
||||
0%, 40%, 100% { -webkit-transform: translateY(-10px) }
|
||||
20% { -webkit-transform: translateY(-20px) }
|
||||
}
|
||||
|
||||
@keyframes stretchdelay {
|
||||
0%, 40%, 100% {
|
||||
transform: translateY(-10px);
|
||||
-webkit-transform: translateY(-10px);
|
||||
} 20% {
|
||||
transform: translateY(-20px);
|
||||
-webkit-transform: translateY(-20px);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user