mirror of
https://github.com/ivabus/www
synced 2024-11-10 09:05:15 +03:00
Merge pull request #16 from teaxyz/tom-edits
Content for authenticated users; script directions
This commit is contained in:
commit
f08d6d6895
|
@ -45,7 +45,7 @@
|
|||
|
||||
<script>
|
||||
const q = window.location.search.match(/[\^\?&]store=[^&]*/)
|
||||
if(q) {
|
||||
if (q) {
|
||||
localStorage.signup = q[0].split('=')[1]
|
||||
window.location.replace(`${window.location.origin}${window.location.pathname}`)
|
||||
}
|
||||
|
@ -154,9 +154,9 @@
|
|||
<a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="btn btn-primary mt-lg-0 mt-md-0 mt-sm-4 mt-4" href="https://github.com/apps/tea-xyz/installations/new"
|
||||
role="button">Authenticate with tea<span class="badge rounded-pill bg-primary ms-3"><span
|
||||
id="count1">287</span></span></a>
|
||||
<a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4"
|
||||
href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span
|
||||
class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
@ -175,7 +175,7 @@
|
|||
decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never
|
||||
thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by
|
||||
enabling developers (you) to continue doing what you love, while earning what you deserve.</p>
|
||||
<a class="btn btn-primary mb-3" href="https://github.com/apps/tea-xyz/installations/new"
|
||||
<a class="btn btn-primary auth-btn mb-3" href="https://github.com/apps/tea-xyz/installations/new"
|
||||
role="button">Authenticate with tea<span class="badge rounded-pill bg-primary ms-3"><span
|
||||
id="count2">287</span></span></a><br>
|
||||
<a class="btn btn-primary disabled mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="whitepaper.html"
|
||||
|
@ -190,19 +190,25 @@
|
|||
<p class="card-title display-1"
|
||||
style="color: #54BAAB; text-align:center; font-size: 6rem; font-family: 'Playfair Display', serif"><span
|
||||
id="count"></span></p>
|
||||
<p class="text-center" style="text-transform:uppercase; color:#54BAAB;">Developers Authenticated</p>
|
||||
<h5 class="mb-3" style="text-align:center; font-size:2rem;">Join the communi'<span
|
||||
style="color:#54BAAB;">tea</span></h5>
|
||||
<p class="card-text lead" style="text-align:center;">The revolution is here. Be among the first to
|
||||
authenticate your Github with tea. </p>
|
||||
<p style="text-align:center;">Early-adoption developers will be entitled a variety of exciting rewards,
|
||||
<p class="text-center" id="count-sub-text" style="text-transform:uppercase; color:#54BAAB;">Developers
|
||||
Authenticated</p>
|
||||
<h5 class="mb-3" style="text-align:center; font-size:2rem;"><span id="communitea">Join the<span>
|
||||
communi'<span style="color:#54BAAB;">tea</span></h5>
|
||||
<p class="card-text lead" id="revolution-text" style="text-align:center;">The revolution is here. Be among
|
||||
the first to authenticate your Github with tea. </p>
|
||||
<p style="text-align:center;" id="auth-body-text">Early-adoption developers will be entitled a variety of
|
||||
exciting rewards,
|
||||
including minted NFT certificates. Take a sip while it’s hot!</p>
|
||||
</div>
|
||||
<div class="" style="background-color:#44494B; border-radius:5px;">
|
||||
<div class="box-auth-false">
|
||||
<p class="text-center my-auto p-3">This is your chance to be early! <a
|
||||
style="color:#54BAAB; text-decoration:none;"
|
||||
href="https://github.com/apps/tea-xyz/installations/new"><strong>Authenticate now</strong></a>.</p>
|
||||
</div>
|
||||
<div class="box-auth-true">
|
||||
<p class="text-center my-auto p-3" style="color:#23282C;"><i class="bi bi-check-circle-fill lead pe-2"
|
||||
style="color:#23282C;"></i>Authenticated as <span id="auth-username">[username]</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -566,6 +572,21 @@
|
|||
$(window).scroll(function () {
|
||||
$('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
|
||||
});
|
||||
if (localStorage['signup'].match(/:::/)) {
|
||||
const [username, serial] = localStorage.signup.split(':::');
|
||||
$('.box-auth-true').show();
|
||||
$('.box-auth-false').hide();
|
||||
$('#auth-username').html(username);
|
||||
$('#count').html(serial);
|
||||
$('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
|
||||
$('#communitea').html('Thanks for joining our');
|
||||
$('#revolution-text').html(
|
||||
'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
|
||||
);
|
||||
$('#auth-body-text').hide();
|
||||
$('.rounded-pill').hide();
|
||||
$('.auth-btn').html('Configure GitHub App');
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -8,6 +8,53 @@ body{
|
|||
background-color: #2B3033;
|
||||
}
|
||||
|
||||
/*Post Authentication Box*/
|
||||
|
||||
/*Directions for Jacob:
|
||||
|
||||
For authenticated users:
|
||||
|
||||
* .box-auth-true = display:block;
|
||||
* .box-auth-false = display: none;
|
||||
* #auth-username = editInnerHTML to show username/email
|
||||
* #count = editInnerHTML to show user's authentication number
|
||||
* #count-sub-text = editInnerHTML to read "YOUR AUTHENTICATION NUMBER"
|
||||
* #communitea = editInnerHTML to read "Thanks for joining our"
|
||||
* #revolution-text = editInnerHTML to read "Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates."
|
||||
* #auth-body-text = display: none;
|
||||
* .rounded-pill = display: none;
|
||||
* .auth-btn = editInnerHTML to read "Configure GitHub App"
|
||||
|
||||
*/
|
||||
|
||||
/*Begin Auth Module*/
|
||||
|
||||
.box-auth-true{
|
||||
background-color: #54BAAB !important;
|
||||
border: 1.5px solid #13FBD9 !important;
|
||||
box-shadow: 0px 0px 5px #13FBD9 !important;
|
||||
border-radius: 5px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box-auth-false{
|
||||
background-color:#44494B;
|
||||
border-radius:5px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#auth-username{
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#count-sub-text{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.rounded-pill{
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-toggler{
|
||||
border:none;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue