Merge pull request #16 from teaxyz/tom-edits

Content for authenticated users; script directions
This commit is contained in:
Jacob Heider 2022-05-17 19:33:11 -04:00 committed by GitHub
commit f08d6d6895
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 80 additions and 12 deletions

View file

@ -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, were 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 its 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, youll 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>

View file

@ -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, youll 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;
}