change loading, error and test files

This commit is contained in:
BlasenhauerJ 2023-03-17 18:00:08 +01:00
parent a02218bc83
commit d3402ff3ff
8 changed files with 712 additions and 174 deletions

View File

@ -10,16 +10,13 @@
html {
width: 100%;
height: 100%;
background-color: #042a3a;
background-color: #125678;
}
body {
color: #fff;
text-align: center;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
padding: 0;
min-height: 100%;
-webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
display: table;
font-family: "Open Sans", Arial, sans-serif;
margin: 0;
@ -27,33 +24,25 @@
-webkit-text-size-adjust: 100%;
}
h1 {
display: flex;
flex-direction: column;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
font-size: 36px;
}
h1 small {
font-size: 68%;
font-weight: 400;
line-height: 1;
color: #777;
}
a {
text-decoration: none;
color: #fff;
font-size: inherit;
border-bottom: dotted 1px #979797;
}
.lead {
color: silver;
font-size: 21px;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0.05rem;
color: inherit;
font-size: 30px;
padding: 0 1rem;
}
.cover {
display: table-cell;
vertical-align: middle;
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
width: 100vw;
height: 100vh;
align-items: center;
padding: 0;
transform: translateY(-10vh);
}
img {
width: 175px;
@ -61,11 +50,30 @@
footer {
position: fixed;
width: 100%;
letter-spacing: 1px;
left: 0;
bottom: 0;
color: #a0a0a0;
color: #b3b2b2;
font-size: 14px;
}
footer a {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
}
footer a:hover {
text-decoration: none;
color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 640px) {
h1 {
font-size: 24px;
}
}
.lds-roller {
display: inline-block;
position: relative;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,124 @@
<title>Bot Detection</title>
<link rel="icon" href="data:image/svg+xml, %%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='96.000000pt' height='96.000000pt' viewBox='0 0 96.000000 96.000000' preserveAspectRatio='xMidYMid meet'%%3E%%3Cg transform='translate(0.000000,96.000000) scale(0.100000,-0.100000)'%%0Afill='%%23085577' stroke='none'%%3E%%3Cpath d='M535 863 c-22 -2 -139 -17 -260 -34 -228 -31 -267 -43 -272 -85 -2%%0A-10 23 -181 55 -379 l57 -360 400 0 400 0 20 40 c16 31 20 59 19 125 -1 100%%0A-24 165 -73 199 -41 29 -46 57 -22 111 30 67 29 188 -3 256 -13 28 -37 60 -53%%0A72 -55 39 -169 62 -268 55z m-15 -348 c30 -16 60 -61 60 -90 0 -10 -8 -33 -17%%0A-52 -16 -34 -16 -41 0 -116 9 -44 15 -82 12 -85 -6 -7 -92 -21 -131 -21 l-31%%0A-1 -6 85 c-4 75 -8 89 -31 112 -20 20 -26 36 -26 70 0 38 5 50 34 79 39 39 86%%0A45 136 19z'/%%3E%%3C/g%%3E%%3C/svg%%3E" type="image/svg+xml"/>
<style type="text/css">
body,html{width:100%%;height:100%%;background-color:#042a3a}body{color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0, 0, 0, 0.5);padding:0;min-height:100%%;-webkit-box-shadow:inset 0 0 100px rgba(0, 0, 0, 0.8);box-shadow:inset 0 0 100px rgba(0, 0, 0, 0.8);display:table;font-family:"Open Sans", Arial, sans-serif;margin:0;-ms-text-size-adjust:100%%;-webkit-text-size-adjust:100%%}h1{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;font-size:36px}h1 small{font-size:68%%;font-weight:400;line-height:1;color:#777}a{text-decoration:none;color:#fff;font-size:inherit;border-bottom:dotted 1px #979797}.lead{color:silver;font-size:21px;line-height:1.4}.cover{display:table-cell;vertical-align:middle;padding:0 20px}img{width:175px}footer{position:fixed;width:100%%;left:0;bottom:0;color:#a0a0a0;font-size:14px}.lds-roller{display: inline-block;position: relative;width: 80px;height: 80px}.lds-roller div{animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px}.lds-roller div:after{content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%%;background: #fff;margin: -4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay: -0.036s}.lds-roller div:nth-child(1):after{top: 63px;left: 63px}.lds-roller div:nth-child(2){animation-delay: -0.072s}.lds-roller div:nth-child(2):after{top: 68px;left: 56px}.lds-roller div:nth-child(3){animation-delay: -0.108s}.lds-roller div:nth-child(3):after{top: 71px;left: 48px}.lds-roller div:nth-child(4){animation-delay: -0.144s}.lds-roller div:nth-child(4):after{top: 72px;left: 40px}.lds-roller div:nth-child(5){animation-delay: -0.18s}.lds-roller div:nth-child(5):after{top: 71px;left: 32px}.lds-roller div:nth-child(6){animation-delay: -0.216s}.lds-roller div:nth-child(6):after{top: 68px;left: 24px}.lds-roller div:nth-child(7){animation-delay: -0.252s}.lds-roller div:nth-child(7):after{top: 63px;left: 17px}.lds-roller div:nth-child(8){animation-delay: -0.288s}.lds-roller div:nth-child(8):after{top: 56px;left: 12px}@keyframes lds-roller{0%%{transform: rotate(0deg)}100%%{transform: rotate(360deg)}}#showjs{display:none}#nojs{display:table-cell}
body,
html {
width: 100%;
height: 100%;
background-color: #125678;
}
body {
color: #fff;
text-align: center;
padding: 0;
min-height: 100%;
display: table;
font-family: "Open Sans", Arial, sans-serif;
margin: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
h1 {
display: flex;
flex-direction: column;
font-family: inherit;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0.05rem;
color: inherit;
font-size: 30px;
padding: 0 1rem;
}
.cover {
display: flex;
flex-direction: column;
justify-content: center;
width: 100vw;
height: 100vh;
align-items: center;
padding: 0;
transform: translateY(-10vh);
}
img {
width: 175px;
}
footer {
position: fixed;
width: 100%;
letter-spacing: 1px;
left: 0;
bottom: 0;
color: #b3b2b2;
font-size: 14px;
}
footer a {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
}
footer a:hover {
text-decoration: none;
color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.btn {
margin-top: 1rem;
cursor: pointer;
color:white;
background-color: #2FAC68;
border-radius: 6px;
border-width: 0;
font-size: 20px;
padding: 0.5rem 1rem;
max-width : 180px;
}
.btn:hover {
filter: brightness(0.9)
}
.form {
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.captcha {
height: 1.5rem;
border-radius: 6px;
border-width: 0;
font-size: 20px;
color:#363636;
padding: 0.5rem;
}
.captcha:focus {
outline-width: 1;
outline-color: #2FAC68;
}
@media (max-width: 640px) {
h1 {
font-size: 24px;
}
.captcha {
height: 0.8rem;
font-size: 14px;
}
.btn {
margin-top: 1rem;
font-size: 16px;
padding: 0.5rem 0.5rem;
max-width : 180px;
}
}
@media (max-width: 320px) {
h1 {
font-size: 16px;
}
}
.lds-roller{display: inline-block;position: relative;width: 80px;height: 80px}.lds-roller div{animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px}.lds-roller div:after{content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%%;background: #fff;margin: -4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay: -0.036s}.lds-roller div:nth-child(1):after{top: 63px;left: 63px}.lds-roller div:nth-child(2){animation-delay: -0.072s}.lds-roller div:nth-child(2):after{top: 68px;left: 56px}.lds-roller div:nth-child(3){animation-delay: -0.108s}.lds-roller div:nth-child(3):after{top: 71px;left: 48px}.lds-roller div:nth-child(4){animation-delay: -0.144s}.lds-roller div:nth-child(4):after{top: 72px;left: 40px}.lds-roller div:nth-child(5){animation-delay: -0.18s}.lds-roller div:nth-child(5):after{top: 71px;left: 32px}.lds-roller div:nth-child(6){animation-delay: -0.216s}.lds-roller div:nth-child(6):after{top: 68px;left: 24px}.lds-roller div:nth-child(7){animation-delay: -0.252s}.lds-roller div:nth-child(7):after{top: 63px;left: 17px}.lds-roller div:nth-child(8){animation-delay: -0.288s}.lds-roller div:nth-child(8):after{top: 56px;left: 12px}@keyframes lds-roller{0%%{transform: rotate(0deg)}100%%{transform: rotate(360deg)}}#showjs{display:none}#nojs{display:table-cell}
</style>
</head>
<body>
@ -32,7 +149,7 @@
</body>
<script>
document.getElementById("nojs").style.display = 'none';
document.getElementById("showjs").style.display = 'table-cell';
document.getElementById("showjs").style.display = 'flex';
</script>
<script defer>
function textEncode(str) {

View File

@ -14,16 +14,13 @@
html {
width: 100%%;
height: 100%%;
background-color: #042a3a;
background-color: #125678;
}
body {
color: #fff;
text-align: center;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
padding: 0;
min-height: 100%%;
-webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
display: table;
font-family: "Open Sans", Arial, sans-serif;
margin: 0;
@ -31,33 +28,25 @@
-webkit-text-size-adjust: 100%%;
}
h1 {
display: flex;
flex-direction: column;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
font-size: 36px;
}
h1 small {
font-size: 68%%;
font-weight: 400;
line-height: 1;
color: #777;
}
a {
text-decoration: none;
color: #fff;
font-size: inherit;
border-bottom: dotted 1px #979797;
}
.lead {
color: silver;
font-size: 21px;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0.05rem;
color: inherit;
font-size: 30px;
padding: 0 1rem;
}
.cover {
display: table-cell;
vertical-align: middle;
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
width: 100vw;
height: 100vh;
align-items: center;
padding: 0;
transform: translateY(-10vh);
}
img {
width: 175px;
@ -65,11 +54,67 @@
footer {
position: fixed;
width: 100%%;
letter-spacing: 1px;
left: 0;
bottom: 0;
color: #a0a0a0;
color: #b3b2b2;
font-size: 14px;
}
.conditions {
color: #b3b2b2;
}
a {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
}
a:hover {
text-decoration: none;
color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.btn {
margin-top: 1rem;
cursor: pointer;
color: white;
background-color: #2fac68;
border-radius: 6px;
border-width: 0;
font-size: 20px;
padding: 0.5rem 1rem;
max-width: 180px;
}
.btn:hover {
filter: brightness(0.9);
}
.form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (max-width: 640px) {
h1 {
font-size: 24px;
}
.conditions {
font-size: 14px;
}
.btn {
margin-top: 1rem;
font-size: 16px;
padding: 0.5rem 0.5rem;
max-width: 180px;
}
}
@media (max-width: 320px) {
h1 {
font-size: 16px;
}
}
</style>
<style type="text/css">
.grecaptcha-badge {
@ -108,8 +153,9 @@
JavaScript needs to be enabled in order to visit this website.
</p>
</noscript>
<p class="lead">
<button onclick="check_robot();">I'm not a robot</button><br /><br />
<p class="conditions">
<button class="btn" onclick="check_robot();">I'm not a robot</button
><br /><br />
This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.

View File

@ -14,16 +14,13 @@
html {
width: 100%%;
height: 100%%;
background-color: #042a3a;
background-color: #125678;
}
body {
color: #fff;
text-align: center;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
padding: 0;
min-height: 100%%;
-webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
display: table;
font-family: "Open Sans", Arial, sans-serif;
margin: 0;
@ -31,33 +28,35 @@
-webkit-text-size-adjust: 100%%;
}
h1 {
display: flex;
flex-direction: column;
font-family: inherit;
font-weight: 500;
font-weight: bold;
line-height: 1.1;
color: inherit;
font-size: 36px;
font-size: 80px;
}
h1 small {
font-size: 68%%;
font-weight: 400;
padding-top: 8px;
font-size: 24px;
font-weight: 500;
line-height: 1;
color: #777;
}
a {
text-decoration: none;
color: #fff;
font-size: inherit;
border-bottom: dotted 1px #979797;
color: #b3b2b2;
}
.lead {
color: silver;
font-size: 21px;
color: rgb(234, 233, 233);
font-size: 24px;
line-height: 1.4;
}
.cover {
display: table-cell;
vertical-align: middle;
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
width: 100vw;
height: 100vh;
align-items: center;
padding: 0;
}
img {
width: 175px;
@ -65,17 +64,34 @@
footer {
position: fixed;
width: 100%%;
letter-spacing: 1px;
left: 0;
bottom: 0;
color: #a0a0a0;
color: #b3b2b2;
font-size: 14px;
}
footer a {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
}
footer a:hover {
text-decoration: none;
color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.message {
transform: translateY(-10vh);
padding: 0 1rem;
}
</style>
</head>
<body>
<div class="cover">
<h1>%s <small>%s</small></h1>
<p class="lead">%s</p>
<div class="message">
<h1>%s<small>%s</small></h1>
<p class="lead">%s</p>
</div>
</div>
<footer>
<img

View File

@ -14,16 +14,13 @@
html {
width: 100%%;
height: 100%%;
background-color: #042a3a;
background-color: #125678;
}
body {
color: #fff;
text-align: center;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
padding: 0;
min-height: 100%%;
-webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
display: table;
font-family: "Open Sans", Arial, sans-serif;
margin: 0;
@ -31,33 +28,35 @@
-webkit-text-size-adjust: 100%%;
}
h1 {
display: flex;
flex-direction: column;
font-family: inherit;
font-weight: 500;
font-weight: bold;
line-height: 1.1;
color: inherit;
font-size: 36px;
font-size: 80px;
}
h1 small {
font-size: 68%%;
font-weight: 400;
padding-top: 8px;
font-size: 24px;
font-weight: 500;
line-height: 1;
color: #777;
}
a {
text-decoration: none;
color: #fff;
font-size: inherit;
border-bottom: dotted 1px #979797;
color: #b3b2b2;
}
.lead {
color: silver;
font-size: 21px;
color: rgb(234, 233, 233);
font-size: 24px;
line-height: 1.4;
}
.cover {
display: table-cell;
vertical-align: middle;
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
width: 100vw;
height: 100vh;
align-items: center;
padding: 0;
}
img {
width: 175px;
@ -65,17 +64,34 @@
footer {
position: fixed;
width: 100%%;
letter-spacing: 1px;
left: 0;
bottom: 0;
color: #a0a0a0;
color: #b3b2b2;
font-size: 14px;
}
footer a {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
}
footer a:hover {
text-decoration: none;
color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.message {
transform: translateY(-10vh);
padding: 0 1rem;
}
</style>
</head>
<body>
<div class="cover">
<h1>%s <small>%s</small></h1>
<p class="lead">%s</p>
<div class="message">
<h1>%s<small>%s</small></h1>
<p class="lead">%s</p>
</div>
</div>
<footer>
<img

View File

@ -9,72 +9,76 @@
href="data:image/svg+xml, %%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='96.000000pt' height='96.000000pt' viewBox='0 0 96.000000 96.000000' preserveAspectRatio='xMidYMid meet'%%3E%%3Cg transform='translate(0.000000,96.000000) scale(0.100000,-0.100000)'%%0Afill='%%23085577' stroke='none'%%3E%%3Cpath d='M535 863 c-22 -2 -139 -17 -260 -34 -228 -31 -267 -43 -272 -85 -2%%0A-10 23 -181 55 -379 l57 -360 400 0 400 0 20 40 c16 31 20 59 19 125 -1 100%%0A-24 165 -73 199 -41 29 -46 57 -22 111 30 67 29 188 -3 256 -13 28 -37 60 -53%%0A72 -55 39 -169 62 -268 55z m-15 -348 c30 -16 60 -61 60 -90 0 -10 -8 -33 -17%%0A-52 -16 -34 -16 -41 0 -116 9 -44 15 -82 12 -85 -6 -7 -92 -21 -131 -21 l-31%%0A-1 -6 85 c-4 75 -8 89 -31 112 -20 20 -26 36 -26 70 0 38 5 50 34 79 39 39 86%%0A45 136 19z'/%%3E%%3C/g%%3E%%3C/svg%%3E"
type="image/svg+xml"
/>
<style>
<style type="text/css">
body,
html {
width: 100%;
height: 100%;
background-color: #042a3a;
width: 100%%;
height: 100%%;
background-color: #125678;
}
body {
color: #fff;
text-align: center;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
padding: 0;
min-height: 100%;
-webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
min-height: 100%%;
display: table;
font-family: "Open Sans", Arial, sans-serif;
margin: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%%;
-webkit-text-size-adjust: 100%%;
}
h1 {
display: flex;
flex-direction: column;
font-family: inherit;
font-weight: 500;
font-weight: bold;
line-height: 1.1;
color: inherit;
font-size: 36px;
}
h1 small {
font-size: 68%;
font-weight: 400;
line-height: 1;
color: #777;
}
a {
text-decoration: none;
color: #fff;
font-size: inherit;
border-bottom: dotted 1px #979797;
}
.lead {
color: silver;
font-size: 21px;
line-height: 1.4;
font-size: 40px;
}
.cover {
display: table-cell;
vertical-align: middle;
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
width: 100vw;
height: 100vh;
align-items: center;
padding: 0;
}
img {
width: 175px;
}
footer {
position: fixed;
width: 100%;
width: 100%%;
letter-spacing: 1px;
left: 0;
bottom: 0;
color: #a0a0a0;
color: #b3b2b2;
font-size: 14px;
}
footer a {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
}
footer a:hover {
text-decoration: none;
color: #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.message {
transform: translateY(-10vh);
padding: 0 1rem;
}
</style>
</head>
<body>
<div class="cover">
<h1>Nothing to see here...</h1>
<div class="message">
<h1>Nothing to see here...</h1>
</div>
</div>
<footer>
<img