ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 19:45:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Content for authenticated users; script directions

Browse source
This commit is contained in:
Thomas Smith 2022-05-17 17:24:18 -04:00
parent f41593f548
commit 132a3322a1
2 changed files with 58 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
public/index.html
View file

@ -154,7 +154,7 @@
<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" 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="count1">287</span></span></a> id="count1">287</span></span></a>
</div> </div>
@ -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,21 @@
<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 Authenticated</p>
<h5 class="mb-3" style="text-align:center; font-size:2rem;">Join the communi'<span <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> style="color:#54BAAB;">tea</span></h5>
<p class="card-text lead" style="text-align:center;">The revolution is here. Be among the first to <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>
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,
<p style="text-align:center;">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>

47
public/style.css
View file

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