code: Initial Commit
This commit is contained in:
Vaxry
331
html/index.html
Normal file
331
html/index.html
Normal file
@@ -0,0 +1,331 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<title>STOP! - Checkpoint</title>
|
||||
</head>
|
||||
|
||||
<body style="background-color: #0e0e0e; overflow: hidden;">
|
||||
|
||||
<style>
|
||||
.middle-box {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 30rem;
|
||||
height: calc(100% - 2rem);
|
||||
left: calc(50% - 15rem);
|
||||
top: 1rem;
|
||||
background-color: #111111;
|
||||
border-radius: 0.5rem;
|
||||
border: 1px solid #280d0e;
|
||||
}
|
||||
|
||||
.big-icon {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 8rem;
|
||||
color: white;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.subtext {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 3rem;
|
||||
color: #d9d9d9;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-hr {
|
||||
margin: auto;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
padding: 0;
|
||||
background-color: #444444;
|
||||
width: 50%;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
height: 1px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.text-hr-small {
|
||||
margin: auto;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
padding: 0;
|
||||
background-color: #444444;
|
||||
width: 25%;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
height: 1px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.text-description {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1rem;
|
||||
color: #d9d9d9;
|
||||
width: 85%;
|
||||
margin-left: 7.5%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-question {
|
||||
margin: 0;
|
||||
margin-top: 4rem;
|
||||
padding: 0;
|
||||
font-size: 1.4rem;
|
||||
color: #d9d9d9;
|
||||
width: 85%;
|
||||
margin-left: 7.5%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
bottom: 0.4rem;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.bottom-hash-text {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1rem;
|
||||
color: #d9d9d9;
|
||||
width: 85%;
|
||||
margin-left: 7.5%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bottom-credit-text {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 0.5rem;
|
||||
color: #4b4b4b;
|
||||
width: 98%;
|
||||
text-align: right;
|
||||
transition: ease-in-out 0.1s;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
.bottom-credit-text:hover,
|
||||
.bottom-credit-text:link:hover,
|
||||
.bottom-credit-text:visited:hover {
|
||||
color: #764343;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.bottom-credit-text:link,
|
||||
.bottom-credit-text:visited {
|
||||
color: #4b4b4b;
|
||||
}
|
||||
|
||||
.bottom-progress {
|
||||
position: relative;
|
||||
height: 3px;
|
||||
background-color: #222222;
|
||||
width: 80%;
|
||||
margin-left: 10%;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.bottom-progress-light {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 0%;
|
||||
height: 3px;
|
||||
background-color: #692225;
|
||||
transition: ease-in-out 0.1s;
|
||||
}
|
||||
|
||||
@media (pointer:none), (pointer:coarse) {
|
||||
.big-icon {
|
||||
margin-top: 10rem;
|
||||
}
|
||||
|
||||
.middle-box {
|
||||
width: 90%;
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.subtext {
|
||||
font-size: 6rem;
|
||||
}
|
||||
|
||||
.text-description {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.text-hr {
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
.bottom-hash-text {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.bottom-credit-text {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="middle-box">
|
||||
<p class="big-icon">
|
||||
🛑 <!-- 🛑 -->
|
||||
</p>
|
||||
<p class="subtext" id="subtext">
|
||||
STOP!
|
||||
</p>
|
||||
<hr class="text-hr" />
|
||||
<p class="text-description">
|
||||
Verifying that you are not a bot. This might take a short moment.
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
You do not need to do anything.
|
||||
</p>
|
||||
|
||||
<p class="text-question">
|
||||
Why am I seeing this?
|
||||
</p>
|
||||
|
||||
<hr class="text-hr-small" />
|
||||
|
||||
<p class="text-description">
|
||||
This website protects itself from AI bots and scrapers
|
||||
by asking you to complete a cryptographic challenge before allowing you entry.
|
||||
</p>
|
||||
|
||||
<div class="bottom-bar">
|
||||
<div class="bottom-progress">
|
||||
<div class="bottom-progress-light" name="progress-light"></div>
|
||||
</div>
|
||||
|
||||
<p class="bottom-hash-text" id="results">
|
||||
Difficulty {{ tl:text challengeDifficulty }}, elapsed 0ms, 0h, 0h/s
|
||||
</p>
|
||||
|
||||
<a class="bottom-credit-text">
|
||||
<i>Powered by checkpoint</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
setTimeout(
|
||||
async function () {
|
||||
var it = 0;
|
||||
var start = Date.now();
|
||||
const challengeNonce = "{{ tl:text challengeNonce }}";
|
||||
const difficulty = parseInt("{{ tl:text challengeDifficulty }}");
|
||||
|
||||
function valid(sha) {
|
||||
const MIN_ZEROES = difficulty;
|
||||
for (let i = 0; i < MIN_ZEROES; i += 1) {
|
||||
if (sha[i] != '0')
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function itShort(it) {
|
||||
if (it > 1000000)
|
||||
return parseInt(it / 100000) / 10 + "M";
|
||||
|
||||
return parseInt(it / 100) / 10 + "k";
|
||||
}
|
||||
|
||||
function timeShort(ms) {
|
||||
if (ms > 1000)
|
||||
return parseInt(ms / 100) / 10 + "s";
|
||||
return ms + "ms";
|
||||
}
|
||||
|
||||
function getCompletionPercent(it) {
|
||||
const exp = Math.pow(2, 4 * difficulty);
|
||||
return Math.floor((1 - 1 / (Math.pow(it / exp * 3, 2) + 1)) * 100);
|
||||
}
|
||||
|
||||
function success(it) {
|
||||
document.getElementById("results").innerHTML = "Success! Completed challenge after " + itShort(it) + " iterations, in " + timeShort(Math.floor(Date.now() - start)) + ".";
|
||||
document.getElementsByName("progress-light")[0].style.width = "100%";
|
||||
|
||||
const data = JSON.stringify({
|
||||
challenge: challengeNonce,
|
||||
solution: it,
|
||||
});
|
||||
|
||||
fetch("/checkpoint/challenge",
|
||||
{
|
||||
headers: {
|
||||
"Content-Type": "application/json"
|
||||
},
|
||||
method: "POST",
|
||||
body: data
|
||||
}
|
||||
).then((res) => {
|
||||
if (res.status == 200) {
|
||||
console.log("Got token.");
|
||||
const json = res.json().then((parsed) => {
|
||||
document.cookie = "CheckpointToken=" + parsed.token + "; path=/";
|
||||
window.location.reload();
|
||||
});
|
||||
} else
|
||||
console.log("Server error");
|
||||
});
|
||||
}
|
||||
|
||||
const encoder = new TextEncoder();
|
||||
while (true) {
|
||||
const data = encoder.encode(challengeNonce + it);
|
||||
const buffer = await window.crypto.subtle.digest("SHA-256", data);
|
||||
const hashArray = Array.from(new Uint8Array(buffer));
|
||||
const sha = hashArray
|
||||
.map((item) => item.toString(16).padStart(2, "0"))
|
||||
.join("");
|
||||
|
||||
if (valid(sha)) {
|
||||
success(it);
|
||||
console.log("Success: it " + it + ": " + sha);
|
||||
break;
|
||||
}
|
||||
|
||||
it++;
|
||||
|
||||
if (it % 11377 == 0) {
|
||||
let ms = Math.floor(Date.now() - start);
|
||||
let hpers = it / (ms / 1000);
|
||||
document.getElementById("results").innerHTML = "Difficulty: " + difficulty + ", elapsed " + timeShort(ms) + ", " + itShort(it) + "h, " + itShort(hpers) + "h/s";
|
||||
document.getElementsByName("progress-light")[0].style.width = getCompletionPercent(it) + "%";
|
||||
}
|
||||
}
|
||||
}, 100);
|
||||
|
||||
|
||||
var currentTitle = 1;
|
||||
|
||||
setInterval(
|
||||
() => {
|
||||
const titles = ["STOP", "HALT", "STÓJ", "ARRÊT", "СТІЙ"];
|
||||
|
||||
document.getElementById("subtext").innerHTML = titles[currentTitle] + "!";
|
||||
|
||||
currentTitle++;
|
||||
if (currentTitle >= titles.length)
|
||||
currentTitle = 0;
|
||||
}, 2000
|
||||
)
|
||||
</script>
|
||||
|
||||
</body>
|
||||
2
html/index.min.html
Normal file
2
html/index.min.html
Normal file
@@ -0,0 +1,2 @@
|
||||
<!DOCTYPE html><head><title>STOP! - Checkpoint</title></head><body style="background-color:#0e0e0e;overflow:hidden"><style>.middle-box{display:block;position:absolute;width:30rem;height:calc(100% - 2rem);left:calc(50% - 15rem);top:1rem;background-color:#111;border-radius:.5rem;border:1px solid #280d0e}.big-icon{margin:0;padding:0;font-size:8rem;color:#fff;width:100%;text-align:center}.subtext{margin:0;padding:0;font-size:3rem;color:#d9d9d9;width:100%;text-align:center}.text-hr{margin:auto;margin-top:1rem;margin-bottom:1rem;padding:0;background-color:#444;width:50%;box-shadow:none;text-align:center;height:1px;border:none}.text-hr-small{margin:auto;margin-top:1rem;margin-bottom:1rem;padding:0;background-color:#444;width:25%;box-shadow:none;text-align:center;height:1px;border:none}.text-description{margin:0;padding:0;font-size:1rem;color:#d9d9d9;width:85%;margin-left:7.5%;text-align:center}.text-question{margin:0;margin-top:4rem;padding:0;font-size:1.4rem;color:#d9d9d9;width:85%;margin-left:7.5%;text-align:center}.bottom-bar{position:absolute;width:100%;height:auto;bottom:.4rem;left:0}.bottom-hash-text{margin:0;padding:0;font-size:1rem;color:#d9d9d9;width:85%;margin-left:7.5%;text-align:center}.bottom-credit-text{display:block;margin:0;padding:0;font-size:.5rem;color:#4b4b4b;width:98%;text-align:right;transition:ease-in-out .1s;margin-top:.2rem}.bottom-credit-text:hover,.bottom-credit-text:link:hover,.bottom-credit-text:visited:hover{color:#764343;cursor:pointer}.bottom-credit-text:link,.bottom-credit-text:visited{color:#4b4b4b}.bottom-progress{position:relative;height:3px;background-color:#222;width:80%;margin-left:10%;margin-bottom:.8rem}.bottom-progress-light{position:absolute;left:0;top:0;width:0%;height:3px;background-color:#692225;transition:ease-in-out .1s}@media (pointer:none),(pointer:coarse){.big-icon{margin-top:10rem}.middle-box{width:90%;left:5%}.subtext{font-size:6rem}.text-description{font-size:3rem}.text-hr{height:3px}.bottom-hash-text{font-size:2.5rem}.bottom-credit-text{font-size:1rem}}</style><div class="middle-box"><p class="big-icon">🛑</p><p class="subtext" id="subtext">STOP!</p><hr class="text-hr"><p class="text-description">Verifying that you are not a bot. This might take a short moment.<br><br>You do not need to do anything.</p><p class="text-question">Why am I seeing this?</p><hr class="text-hr-small"><p class="text-description">This website protects itself from AI bots and scrapers by asking you to complete a cryptographic challenge before allowing you entry.</p><div class="bottom-bar"><div class="bottom-progress"><div class="bottom-progress-light" name="progress-light"></div></div><p class="bottom-hash-text" id="results">Difficulty {{ tl:text challengeDifficulty }}, elapsed 0ms, 0h, 0h/s</p><a class="bottom-credit-text"><i>Powered by checkpoint</i></a></div></div>
|
||||
<script type="text/javascript">setTimeout(async function(){var e=0,t=Date.now();let n="{{ tl:text challengeNonce }}",o=parseInt("{{ tl:text challengeDifficulty }}");function $(e){let t=o;for(let n=0;n<t;n+=1)if("0"!=e[n])return!1;return!0}function l(e){return e>1e6?parseInt(e/1e5)/10+"M":parseInt(e/100)/10+"k"}function r(e){return e>1e3?parseInt(e/100)/10+"s":e+"ms"}function i(e){return Math.floor((1-1/(Math.pow(e/Math.pow(2,4*o)*3,2)+1))*100)}function s(e){document.getElementById("results").innerHTML="Success! Completed challenge after "+l(e)+" iterations, in "+r(Math.floor(Date.now()-t))+".",document.getElementsByName("progress-light")[0].style.width="100%";let o=JSON.stringify({challenge:n,solution:e});fetch("/checkpoint/challenge",{headers:{"Content-Type":"application/json"},method:"POST",body:o}).then(e=>{200==e.status?(console.log("Got token."),e.json().then(e=>{document.cookie="CheckpointToken="+e.token+"; path=/",window.location.reload()})):console.log("Server error")})}let c=new TextEncoder;for(;;){let _=c.encode(n+e),a=await window.crypto.subtle.digest("SHA-256",_),u=Array.from(new Uint8Array(a)),f=u.map(e=>e.toString(16).padStart(2,"0")).join("");if($(f)){s(e),console.log("Success: it "+e+": "+f);break}if(++e%11377==0){let g=Math.floor(Date.now()-t),h=e/(g/1e3);document.getElementById("results").innerHTML="Difficulty: "+o+", elapsed "+r(g)+", "+l(e)+"h, "+l(h)+"h/s",document.getElementsByName("progress-light")[0].style.width=i(e)+"%"}}},100);var currentTitle=1;setInterval(()=>{let e=["STOP","HALT","STÓJ","ARRÊT","СТІЙ"];document.getElementById("subtext").innerHTML=e[currentTitle]+"!",++currentTitle>=e.length&&(currentTitle=0)},2e3);</script></body>
|
||||
Reference in New Issue
Block a user