update antibot / loading / default page

*change syntax {{ }} for {* *}
*wrap html on {-raw-} unless there is LUA variable
*loading template get new UI
*remove default page back btn
This commit is contained in:
BlasenhauerJ 2023-04-22 21:17:26 +02:00
parent ccd56d3b68
commit 56028b087e
7 changed files with 363 additions and 230 deletions

File diff suppressed because one or more lines are too long

View File

@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{-raw-}
<title>Bot Detection</title>
<link
rel="icon"
@ -219,8 +220,10 @@
<!-- text -->
<div id="text-container" class="-translate-y-12 md:-translate-y-20 w-full z-10 flex flex-col justify-center items-center">
<h1 class="lg:max-w-[700px] xl:max-w-[1200px] 2xl:max-w-[1500px] uppercase title text-lg xsm:text-xl sm:text-2xl 2xl:text-3xl tracking-wider text-white text-center">Please prove that you are Human before accessing this website</h1>
<form class="w-full flex flex-col justify-center items-center mt-8" method="POST" action="{{antibot_uri}}">
<img src="data:image/jpeg;base64,{{captcha}}"/>
{-raw-}
<form class="w-full flex flex-col justify-center items-center mt-8" method="POST" action="{*antibot_uri*}">
<img src="data:image/jpeg;base64,{*captcha*}"/>
{-raw-}
<input class="px-2 text-gray-800 h-8 w-full max-w-[300px] rounded-lg outline-secondary" type="text" name="captcha" />
<button class="hover:brightness-90 mt-2 rounded-lg bg-secondary px-6 py-2 text-white text-sm xs:text-base font-bold" type="submit" value="Submit">Submit</button>
</form>
@ -264,3 +267,4 @@
</body>
</html>
{-raw-}

View File

@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{-raw-}
<title>Bot Detection</title>
<link
rel="icon"
@ -230,15 +231,17 @@
JavaScript needs to be enabled in order to visit this website.
</p>
</noscript>
<form class="hidden" method="POST" action="{{antibot_uri}}" id="form">
{-raw-}
<form class="hidden" method="POST" action="{*antibot_uri*}" id="form">
<input type="hidden" name="token" id="token" />
</form>
<div class="mt-8 flex flex-col justify-center items-center">
<div
class="h-captcha"
data-sitekey="{{hcaptcha_sitekey}}"
data-sitekey="{*hcaptcha_sitekey*}"
data-callback="send_challenge"
></div>
{-raw-}
<br />
<p class="text-gray-100 text-center text-xs sm:text-sm">
This site is protected by
@ -282,3 +285,4 @@
<!-- end content -->
</body>
</html>
{-raw-}

View File

@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{-raw-}
<title>Bot Detection</title>
<link
rel="icon"
@ -18,7 +19,10 @@
<style type="text/css">
.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:inline}
</style>
<script src="https://www.google.com/recaptcha/api.js?render={{recaptcha_sitekey}}"></script>
{-raw-}
<script src="https://www.google.com/recaptcha/api.js?render={*recaptcha_sitekey*}"></script>
{-raw-}
</head>
<body
class="bg-gradient-to-r from-[#075577] to-[#116D70] w-screen h-screen overflow-hidden"
@ -231,12 +235,15 @@
<div id="showjs" class="flex justify-center">
<div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
</div>
<form class="hidden" action="{{antibot_uri}}" id="form">
{-raw-}
<form class="hidden" action="{*antibot_uri*}" id="form">
<input type="hidden" name="challenge" id="challenge">
</form>
{-raw-}
</div>
<!-- text -->
{-raw-}
<script>
//go back btn
const backBtn = document.querySelector('button[data-go-back]');
@ -254,6 +261,8 @@
}catch(err) {}
});
</script>
{-raw-}
<script>
document.getElementById("nojs").style.display = 'none';
document.getElementById("showjs").style.display = 'flex';
@ -469,7 +478,8 @@
return hashBuffer;
}
(async () => {
const nonce = '{{random}}';
const nonce = '{*random*}';
var i = 0;
while (true) {
var digestHex = await digestMessage(nonce + i.toString());
@ -497,3 +507,4 @@
<!-- end content -->
</body>
</html>
{-raw-}

File diff suppressed because one or more lines are too long

View File

@ -5,6 +5,8 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>%s</title>
{-raw-}
<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"
@ -218,11 +220,13 @@
<main class="overflow-hidden relative z-10 w-full h-full flex-col lg:flex-row flex justify-center items-center">
<!-- text -->
<div id="text-container" class="-translate-y-12 md:-translate-y-20 w-full z-10 flex flex-col justify-center items-center">
{-raw-}
<h1 class="uppercase title text-2xl xsm:text-3xl sm:text-4xl 2xl:text-5xl 3xl:text-6xl tracking-wide text-white order-1 text-center">>%s</h1>
<p class="title text-5xl xsm:text-6xl sm:text-7xl 2xl:text-8xl 3xl:text-9xl tracking-wide text-white order-2 uppercase ">>%s</p>
<p class="mx-2 mt-4 text text-xs xs:text-sm sm:text-base 2xl:text-lg 3xl:text-xl text-secondary order-3 text-center">
>%s
</p>
{-raw-}
<a
href="/"
class="text-xs xs:text-sm xl:text-base transition hover:brightness-90 hover:-translate-y-0.5 mt-4 lg:mt-8 order-4 text bg-secondary text-white shadow-[8px_8px_12px_rgb(0,0,0,0.2)] rounded-xl px-6 py-1"
@ -268,3 +272,4 @@
</body>
</html>
{-raw-}

File diff suppressed because one or more lines are too long