2025-04-12 20:06:56 +01:00
<!DOCTYPE html>
< head >
< title > STOP! - Checkpoint< / title >
< / head >
< body style = "background-color: #0e0e0e; overflow: hidden;" >
< style >
2025-04-13 16:53:17 +01:00
@font-face {
font-family: "Noto Sans";
src: url("/checkpoint/NotoSans.woff");
}
2025-04-13 00:10:03 +01:00
* {
2025-04-13 16:53:17 +01:00
font-family: "Noto Sans";
2025-04-13 00:10:03 +01:00
}
2025-04-12 20:06:56 +01:00
.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;
}
2025-04-13 21:19:05 +01:00
@media (pointer:none),
(pointer:coarse) {
2025-04-12 20:06:56 +01:00
.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" / >
2025-04-15 18:05:08 +02:00
< noscript >
< p class = "text-description" >
This website uses < a href = "https://github.com/vaxerski/checkpoint" > checkpoint< / a > and requires javascript. Please enable javascript to complete the Proof of Work challenge.
< / p >
< style >
.require-js {
display: none;
}
< / style >
< / noscript >
< p class = "text-description require-js" >
2025-04-12 20:06:56 +01:00
Verifying that you are not a bot. This might take a short moment.
2025-04-13 21:19:05 +01:00
< br / >
< br / >
2025-04-12 20:06:56 +01:00
You do not need to do anything.
< / p >
2025-04-15 18:05:08 +02:00
< p class = "text-question require-js" >
2025-04-12 20:06:56 +01:00
Why am I seeing this?
< / p >
2025-04-15 18:05:08 +02:00
< hr class = "text-hr-small require-js" / >
2025-04-12 20:06:56 +01:00
2025-04-15 18:05:08 +02:00
< p class = "text-description require-js" >
2025-04-12 20:06:56 +01:00
This website protects itself from AI bots and scrapers
by asking you to complete a cryptographic challenge before allowing you entry.
< / p >
2025-04-15 18:05:08 +02:00
< div class = "bottom-bar require-js" >
2025-04-12 20:06:56 +01:00
< div class = "bottom-progress" >
< div class = "bottom-progress-light" name = "progress-light" > < / div >
< / div >
2025-04-13 21:19:05 +01:00
2025-04-12 20:06:56 +01:00
< p class = "bottom-hash-text" id = "results" >
Difficulty {{ tl:text challengeDifficulty }}, elapsed 0ms, 0h, 0h/s
< / p >
2025-04-13 16:55:15 +01:00
< a class = "bottom-credit-text" href = "https://github.com/vaxerski/checkpoint" >
2025-04-12 20:10:52 +01:00
< i > Powered by checkpoint v{{ tl:text checkpointVersion }}< / i >
2025-04-12 20:06:56 +01:00
< / a >
< / div >
< / div >
< script type = "text/javascript" >
setTimeout(
async function () {
var it = 0;
var start = Date.now();
const challengeNonce = "{{ tl:text challengeNonce }}";
2025-04-14 13:26:32 +01:00
const challengeTimestamp = "{{ tl:text challengeTimestamp }}";
2025-04-12 20:06:56 +01:00
const difficulty = parseInt("{{ tl:text challengeDifficulty }}");
2025-04-13 21:19:05 +01:00
const challengeSig = "{{ tl:text challengeSignature }}";
const challengeFingerprint = "{{ tl:text challengeFingerprint }}";
2025-04-12 20:06:56 +01:00
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,
2025-04-13 21:19:05 +01:00
difficulty: difficulty,
sig: challengeSig,
2025-04-14 13:26:32 +01:00
fingerprint: challengeFingerprint,
timestamp: challengeTimestamp
2025-04-12 20:06:56 +01:00
});
2025-04-13 21:19:05 +01:00
2025-04-12 20:06:56 +01:00
fetch("/checkpoint/challenge",
{
headers: {
"Content-Type": "application/json"
},
method: "POST",
body: data
}
).then((res) => {
if (res.status == 200) {
console.log("Got token.");
2025-04-13 17:58:27 +01:00
window.location.reload();
2025-04-12 20:06:56 +01:00
} else
console.log("Server error");
});
}
2025-04-14 01:20:02 +02:00
const workBuffer = new Uint8Array(challengeNonce.length + 10);
for (let i = 0; i < challengeNonce.length ; i + + )
workBuffer[i] = challengeNonce.charCodeAt(i);
2025-04-12 20:06:56 +01:00
2025-04-14 01:20:02 +02:00
while (true) {
const digits = it === 0 ? 1 : (~~Math.floor(Math.log10(it)) + 1);
for (let i = digits - 1; i >= 0; i--)
workBuffer[challengeNonce.length + (digits - 1 - i)] = 48 + ~~Math.floor((it / Math.pow(10, i)) % 10);
const hashedData = new Uint8Array(await window.crypto.subtle.digest('sha-256', workBuffer.slice(0, challengeNonce.length + digits)));
let zeroPos = 0;
for (; zeroPos < difficulty ; zeroPos + + ) {
if ((zeroPos % 2 == 0 ? (hashedData[~~(zeroPos / 2)] >> 4) : (hashedData[~~(zeroPos / 2)] & 0x0F)) != 0)
break;
}
if (zeroPos >= difficulty) {
2025-04-12 20:06:56 +01:00
success(it);
2025-04-14 01:20:02 +02:00
console.log("Success: it " + it + ": " + Array.from(hashedData).map((item) => item.toString(16).padStart(2, "0")).join(""));
2025-04-12 20:06:56 +01:00
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 >
