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

Added styling to verification page

Browse source
This commit is contained in:
Liam Cardenas 2017-12-22 15:23:22 -08:00
parent d5687f47ee
commit 5fc3a48e09
2 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -24,14 +24,17 @@
</script>
</head>
<body>
<h1>Almost Done!</h1>
<p>Click the captcha to continue...</p>
<div class="g-recaptcha" data-sitekey="6LcG_z0UAAAAAKBPDBhiJU_jI9cRNRiJwcUHq95u" data-callback="verifyCallback" data-expired-callback="expiredCallback"></div>
<div id="success">
<p>Now click the magic link below to verify your identity in app...</p>
<button onclick="location.href=magicLink">Magic Link</button>
<p>Does the magic link not work? Not on the same device as the app? Paste this text into the verification screen instead.</p>
<div class="tooltip"><span class="tooltiptext">Copied!</span><div id="magic-link-text"></div></div>
<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"/>
<h1>Almost Done!</h1>
<p>Click the captcha to continue...</p>
<div class="g-recaptcha" data-sitekey="6LcG_z0UAAAAAKBPDBhiJU_jI9cRNRiJwcUHq95u" data-callback="verifyCallback" data-expired-callback="expiredCallback"></div>
<div style="display: none; margin-top: 10px;" id="success">
<p>Now click the magic link below to verify your identity in app...</p>
<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 text into the verification screen instead.</i></p>
<code class="multiline-code" id="magic-link-text"></code>
</div>
</div>
</body>
</html>

12
web/scss/_code.scss
View file

@ -30,7 +30,7 @@ pre
overflow-x: auto;
}
.code-bash
.multiline-code
{
-webkit-user-select: text;
-moz-user-select: text;
@ -47,10 +47,14 @@ pre
display: block;
word-wrap: break-word;
font-size: 0.75em;
}
.code-bash
{
@extend .multiline-code;
background: #222;
color: #fff;
font-size: 0.75em;
}
.code-bash__response {
@ -65,4 +69,4 @@ pre
margin-right: 5px;
color: lighten($color-primary, 20%);
@include user-select(none);
}
}