mirror of
https://github.com/LBRYFoundation/lbry.com.git
synced 2025-08-23 17:47:26 +00:00
Emphasized usage of LBRY app (#777)
* Emphasized usage of LBRY app added text to help android users. This will eventually go away when we move verification to lbry.io directly.
This commit is contained in:
parent
6c470fcf34
commit
503160bd4f
1 changed files with 41 additions and 32 deletions
|
@ -1,31 +1,40 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8"/>
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
||||||
<title>Verify Your Identity</title>
|
<title>Verify Your Identity</title>
|
||||||
<link rel="icon" href="images/favicon.ico">
|
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
|
||||||
|
|
||||||
|
<link rel="icon" href="images/favicon.ico"/>
|
||||||
|
|
||||||
<script src='https://www.google.com/recaptcha/api.js'></script>
|
<script src='https://www.google.com/recaptcha/api.js'></script>
|
||||||
<script type="text/javascript">
|
|
||||||
var magicLink = "#";
|
<script>
|
||||||
var verifyCallback = function(response) {
|
let magicLink = "#";
|
||||||
let payload = btoa(JSON.stringify({
|
|
||||||
|
const verifyCallback = response => {
|
||||||
|
const payload = btoa(JSON.stringify({
|
||||||
recaptcha: response,
|
recaptcha: response,
|
||||||
token: "<?php echo $token ?>"
|
token: "<?php echo $token ?>"
|
||||||
}));
|
}));
|
||||||
|
|
||||||
magicLink = "lbry://?verify=" + payload;
|
magicLink = "lbry://?verify=" + payload;
|
||||||
|
|
||||||
document.getElementById("magic-link-text").textContent = payload;
|
document.getElementById("magic-link-text").textContent = payload;
|
||||||
document.getElementById("success").style.display = "block";
|
document.getElementById("success").style.display = "block";
|
||||||
document.getElementById("captcha-block").style.display = "none";
|
document.getElementById("captcha-block").style.display = "none";
|
||||||
};
|
};
|
||||||
var expiredCallback = function() {
|
|
||||||
|
const expiredCallback = () => {
|
||||||
document.getElementById("success").style.display = "none";
|
document.getElementById("success").style.display = "none";
|
||||||
document.getElementById("captcha-block").style.display = "block";
|
document.getElementById("captcha-block").style.display = "block";
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
<body>
|
||||||
<div style="display: flex; align-items: center; flex-direction: column;" class="text-center">
|
<div style="display: flex; align-items: center; flex-direction: column;" class="text-center">
|
||||||
<img src="/img/lbry-dark-1600x528.png" style="max-height: 80px; margin-top: 50px;" alt="LBRY"/>
|
<img src="/img/lbry-dark-1600x528.png" style="max-height: 80px; margin-top: 50px;" alt="LBRY"/>
|
||||||
<h1>Almost Done!</h1>
|
<h1>Almost Done!</h1>
|
||||||
|
@ -34,13 +43,13 @@
|
||||||
<br/>
|
<br/>
|
||||||
<div class="g-recaptcha" data-sitekey="6LcG_z0UAAAAAKBPDBhiJU_jI9cRNRiJwcUHq95u" data-callback="verifyCallback" data-expired-callback="expiredCallback"></div>
|
<div class="g-recaptcha" data-sitekey="6LcG_z0UAAAAAKBPDBhiJU_jI9cRNRiJwcUHq95u" data-callback="verifyCallback" data-expired-callback="expiredCallback"></div>
|
||||||
</div>
|
</div>
|
||||||
<div style=" display: none; margin-top: 10px;" id="success">
|
<div style="display: none; margin-top: 10px;" id="success">
|
||||||
<p>Now click the magic link below to verify your identity in app...</p>
|
<p>Now click the magic link below to verify your identity in the LBRY app...</p>
|
||||||
<br/>
|
<br/>
|
||||||
<a class="btn-primary btn-large spacer1" onclick="location.href=magicLink">Magic Link</a>
|
<a class="btn-primary btn-large spacer1" onclick="location.href=magicLink">Magic Link</a>
|
||||||
<p><i>Does the magic link not work? Not on the same device as the app? Paste this (very long) piece of text into the verification screen of the app to confirm your identity.</i></p>
|
<p><i>When prompted, open the link with with LBRY Browser on Android or LBRY on Desktop. Does the magic link not work? Not on the same device as the LBRY app? Paste this (very long) piece of text into the verification screen of the app to confirm your identity.</i></p>
|
||||||
<code class="multiline-code" id="magic-link-text"></code>
|
<code class="multiline-code" id="magic-link-text"></code>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Add table
Reference in a new issue