mirror of
https://github.com/ivabus/www
synced 2024-11-13 04:55: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>
|
<script>
|
||||||
const q = window.location.search.match(/[\^\?&]store=[^&]*/)
|
const q = window.location.search.match(/[\^\?&]store=[^&]*/)
|
||||||
if(q) {
|
if (q) {
|
||||||
localStorage.signup = q[0].split('=')[1]
|
localStorage.signup = q[0].split('=')[1]
|
||||||
window.location.replace(`${window.location.origin}${window.location.pathname}`)
|
window.location.replace(`${window.location.origin}${window.location.pathname}`)
|
||||||
}
|
}
|
||||||
|
@ -154,9 +154,9 @@
|
||||||
<a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
|
<a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</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"
|
<a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4"
|
||||||
role="button">Authenticate with tea<span class="badge rounded-pill bg-primary ms-3"><span
|
href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span
|
||||||
id="count1">287</span></span></a>
|
class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
@ -175,7 +175,7 @@
|
||||||
decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never
|
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
|
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>
|
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
|
role="button">Authenticate with tea<span class="badge rounded-pill bg-primary ms-3"><span
|
||||||
id="count2">287</span></span></a><br>
|
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"
|
<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"
|
<p class="card-title display-1"
|
||||||
style="color: #54BAAB; text-align:center; font-size: 6rem; font-family: 'Playfair Display', serif"><span
|
style="color: #54BAAB; text-align:center; font-size: 6rem; font-family: 'Playfair Display', serif"><span
|
||||||
id="count"></span></p>
|
id="count"></span></p>
|
||||||
<p class="text-center" style="text-transform:uppercase; color:#54BAAB;">Developers Authenticated</p>
|
<p class="text-center" id="count-sub-text" style="text-transform:uppercase; color:#54BAAB;">Developers
|
||||||
<h5 class="mb-3" style="text-align:center; font-size:2rem;">Join the communi'<span
|
Authenticated</p>
|
||||||
style="color:#54BAAB;">tea</span></h5>
|
<h5 class="mb-3" style="text-align:center; font-size:2rem;"><span id="communitea">Join the<span>
|
||||||
<p class="card-text lead" style="text-align:center;">The revolution is here. Be among the first to
|
communi'<span style="color:#54BAAB;">tea</span></h5>
|
||||||
authenticate your Github with tea. </p>
|
<p class="card-text lead" id="revolution-text" style="text-align:center;">The revolution is here. Be among
|
||||||
<p style="text-align:center;">Early-adoption developers will be entitled a variety of exciting rewards,
|
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>
|
including minted NFT certificates. Take a sip while it’s hot!</p>
|
||||||
</div>
|
</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
|
<p class="text-center my-auto p-3">This is your chance to be early! <a
|
||||||
style="color:#54BAAB; text-decoration:none;"
|
style="color:#54BAAB; text-decoration:none;"
|
||||||
href="https://github.com/apps/tea-xyz/installations/new"><strong>Authenticate now</strong></a>.</p>
|
href="https://github.com/apps/tea-xyz/installations/new"><strong>Authenticate now</strong></a>.</p>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -566,6 +572,21 @@
|
||||||
$(window).scroll(function () {
|
$(window).scroll(function () {
|
||||||
$('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
|
$('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>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -8,6 +8,53 @@ body{
|
||||||
background-color: #2B3033;
|
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{
|
.navbar-dark .navbar-toggler{
|
||||||
border:none;
|
border:none;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue