captcha/resources/submit_ok.html

61 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>tricaptcha</title>
<style>
body, input {
font-size: 18px;
font-family: sans-serif;
}
body {
margin: auto;
max-width: 900px;
padding-top: 40px;
}
input {
font-size: 16px;
}
#token {
font-family: monospace;
width: 26ch;
}
</style>
</head>
<body>
<header><h1>tricaptcha</h1></header>
<main>
<p>
CAPTCHA complete. Please copy the token shown below.
The token will expire after 3 minutes.
</p>
<div>
<label for="token">Token:</label>
<input type="text" id="token" name="token" value="{{token}}" readonly>
<input type="button" value="Copy" onclick="copyToken()">
<span id="copied" hidden>Copied!</span>
</div>
</main>
<script>
function copyToken() {
if(navigator.clipboard) {
navigator.clipboard.writeText("{{token}}");
} else {
var token = document.getElementById("token");
token.select();
token.setSelectionRange(0, 1000);
document.execCommand("copy");
}
document.getElementById("copied").hidden = false;
}
</script>
</body>
</html>
<!--
Your token is:
{{token}}
-->