mirror of
https://git.seedno.de/seednode/docker-nginx-js-challenge.git
synced 2025-12-14 09:19:02 +00:00
Initial test of simon987/ngx_http_js_challenge_module
This commit is contained in:
112
loading.html
Normal file
112
loading.html
Normal file
@@ -0,0 +1,112 @@
|
||||
<style>
|
||||
.animation div {
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 75%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.animation div:nth-of-type(odd) {
|
||||
background: black;
|
||||
}
|
||||
|
||||
.animation div:nth-of-type(even) {
|
||||
background: white;
|
||||
border: 2px solid black;
|
||||
}
|
||||
|
||||
.animation div:nth-of-type(3) {
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
margin-top: -5px;
|
||||
margin-left: -5px;
|
||||
-webkit-animation: slide 3s ease-in-out infinite;
|
||||
animation: slide 3s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.animation div:nth-of-type(2) {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-top: -12px;
|
||||
margin-left: -12px;
|
||||
-webkit-animation: slide 3s -2.7s ease-in-out infinite;
|
||||
animation: slide 3s -2.7s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.animation div:nth-of-type(1) {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
margin-top: -20px;
|
||||
margin-left: -20px;
|
||||
-webkit-animation: slide 3s -2.4s ease-in-out infinite;
|
||||
animation: slide 3s -2.4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes slide {
|
||||
0% {
|
||||
left: 75%
|
||||
}
|
||||
50% {
|
||||
left: 25%;
|
||||
}
|
||||
100% {
|
||||
left: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes slide {
|
||||
0% {
|
||||
left: 75%
|
||||
}
|
||||
50% {
|
||||
left: 25%;
|
||||
}
|
||||
100% {
|
||||
left: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
#c {
|
||||
top: 20%;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#c p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
footer {
|
||||
bottom: 10%;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
<div class="wrapper">
|
||||
<div id="c">
|
||||
<h1>Checking your browser</h1>
|
||||
<p>You will be redirected shortly</p>
|
||||
</div>
|
||||
<div class="animation">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
DDoS protection with
|
||||
<a href="https://github.com/simon987/ngx_http_js_challenge_module">ngx_http_js_challenge_module</a>
|
||||
</footer>
|
||||
Reference in New Issue
Block a user