LBRYFoundation/lbry.com
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry.com.git synced 2025-08-23 17:47:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Emphasized usage of LBRY app (#777)

Browse source 
* 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:
netop:// ウェッブ 2018-09-21 15:17:24 -05:00 • committed by Thomas Zarebczan
parent 6c470fcf34
commit 503160bd4f
1 changed files with 41 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
view/template/acquisition/verify.php
View file

@ -1,46 +1,55 @@
<!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"> <title>Verify Your Identity</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Verify Your Identity</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="icon" href="images/favicon.ico"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script type="text/javascript"> <link rel="icon" href="images/favicon.ico"/>
var magicLink = "#";
var verifyCallback = function(response) { <script src='https://www.google.com/recaptcha/api.js'></script>
let payload = btoa(JSON.stringify({
<script>
let magicLink = "#";
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>
<div style="display: flex; align-items: center; flex-direction: column;" class="text-center"> <body>
<img src="/img/lbry-dark-1600x528.png" style="max-height: 80px; margin-top: 50px;" alt="LBRY"/> <div style="display: flex; align-items: center; flex-direction: column;" class="text-center">
<h1>Almost Done!</h1> <img src="/img/lbry-dark-1600x528.png" style="max-height: 80px; margin-top: 50px;" alt="LBRY"/>
<div id="captcha-block"> <h1>Almost Done!</h1>
<p>Click the captcha to continue...</p> <div id="captcha-block">
<br/> <p>Click the captcha to continue...</p>
<div class="g-recaptcha" data-sitekey="6LcG_z0UAAAAAKBPDBhiJU_jI9cRNRiJwcUHq95u" data-callback="verifyCallback" data-expired-callback="expiredCallback"></div> <br/>
<div class="g-recaptcha" data-sitekey="6LcG_z0UAAAAAKBPDBhiJU_jI9cRNRiJwcUHq95u" data-callback="verifyCallback" data-expired-callback="expiredCallback"></div>
</div>
<div style="display: none; margin-top: 10px;" id="success">
<p>Now click the magic link below to verify your identity in the LBRY app...</p>
<br/>
<a class="btn-primary btn-large spacer1" onclick="location.href=magicLink">Magic Link</a>
<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>
</div>
</div> </div>
<div style=" display: none; margin-top: 10px;" id="success"> </body>
<p>Now click the magic link below to verify your identity in app...</p>
<br/>
<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>
<code class="multiline-code" id="magic-link-text"></code>
</div>
</div>
</body>
</html> </html>