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

Merge pull request #308 from teaxyz/form-fix-auth-add

Browse source
This commit is contained in:
Thomas Smith 2023-03-24 14:36:32 -04:00 committed by GitHub
commit eedba66740
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 105 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

107
src/layouts/index.html
View file

@ -285,11 +285,11 @@
<div class="col">
<div>
<h2 class="black display-5 text-xl-center text-lg-center text-md-left text-sm-left text-left" style="z-index:2;">THIS ISN’T A PACKAGE MANAGER. TEA IS UNIFIED PACKAGING INFRASTRUCTURE.</h2>
<p class="lead black text-center">And through that packaging infrastructure, we have plans of leveraging blockchain to help remunerate devs for their contributions to OSS. You can learn more about our grand ambitions for web3 by checking out our <a href="https://tea.xyz/tea.white-paper.pdf" style="color:#1a1a1a !important;">white paper here</a>.</p>
<p class="lead black text-xl-center text-lg-center text-md-center text-sm-left text-left">And through that packaging infrastructure, we have plans of leveraging blockchain to help remunerate devs for their contributions to OSS. You can learn more about our grand ambitions for web3 by checking out our <a href="https://tea.xyz/tea.white-paper.pdf" style="color:#1a1a1a !important;">white paper here</a>.</p>
</div>
</div>
</div>
<div class="row one-box-up">
<div class="row one-box-up one-box-down">
<div class="col">
<p class="text-xl-center text-lg-center text-md-left text-sm-left text-left black"><span class="too-much">NO. OF </span>REPOS</p>
<h1 class="display-2 text-xl-center text-lg-center text-md-left text-sm-left text-left black"><span id="stat-one">56,987</span></h1>
@ -310,6 +310,109 @@
</div>
</section>
<section class="authenticate p-2 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-5 pb-xl-0 pb-lg-0 pb-md-0 pb-sm-5 pt-5 pb-5">
<div class="container auth-container one-box black-bg p-xl-5 p-lg-5 p-md-4 p-sm-4 p-4">
<div class="row">
<div class="col">
<h2 class="display-6 text-xl-center text-lg-center text-md-center text-sm-left text-left black"><span id="count" style="color:#8000ff;"></span> OSS Devs Have Authenticated with GitHub</h2>
<p class="black mb-5 text-xl-center text-lg-center text-md-center text-sm-left text-left">As part of our long&#8208;term, web3 vision, we&#39;re asking developers to authenticate via GitHub. Authentications will be integral in our mission to remunerate OSS developers for their valuable contributions to the modern internet landscape. </p>
<a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz">
<button class="hbtn-black hb-fill-right-black auth-click">AUTHENTICATE WITH GITHUB</button>
</a>
<p class="small auth-boiler mt-3 black">By clicking above, you&#39;ll be redirected to our GitHub OAuth app. We ask for your country of residence, as well as the hex address for your web3 wallet. This information will be used to assign you a rank based on your GitHub contributions, which in turn, will be used to determine remunerations after the launch of our <span class="tea">tea</span> protocol. You can learn more about our privacy policy <a class="purple" href="/privacy-policy/">here</a>.</p>
</div>
</div>
</div>
</section>
<style>
.auth-boiler{
line-height: 1.4em;
}
.hbtn-black {
background-color: #1a1a1a;
position: relative;
box-sizing: border-box;
height: 60px;
display: inline-block;
overflow: hidden;
padding: 8px 20px;
width: 300px;
text-align: center;
border: 1px solid #1a1a1a;
text-decoration: none;
color: rgb(225, 225, 225);
white-space: nowrap;
z-index: 0;
}
.hb-fill-right-black::before {
position: absolute;
content: "";
background: rgb(077, 077, 077);
transition-duration: 0.2s;
z-index: -1;
inset: 0px auto auto 0px;
width: 0px;
height: 100%;
opacity: 1;
}
.hb-fill-right-black:hover::before {
width: 100%;
height: 100%;
opacity: 1;
}
.hb-fill-right-black:hover {
color: rgb(255, 255, 255);
background: rgb(91, 0, 184);
transition: color 0.3s ease 0s, background 0s ease 0.3s;
}
@media only screen and (min-width: 576px) {
.auth-click{
max-width: 290px;
display: block;
margin-left:auto;
margin-right:auto;
}
.auth-container{
max-width: 800px;
margin-top: -100px;
border: 2px solid #1a1a1a;
background-color: #33ffd9;
}
}
@media only screen and (max-width: 576px) {
.auth-click{
max-width: 290px;
display: block;
margin-right:auto;
}
.auth-container{
max-width: 800px;
margin-top: -100px;
border: 2px solid #1a1a1a;
background-color: #33ffd9;
}
.authenticate{
background-color: #00ffd0;
}
}
</style>
<section>
<div class="section-divider">
<img src="/Images/pixel-section-divider-teal.svg" style="pointer-events:none;" alt="">

2
src/layouts/partials/footer-content.html
View file

@ -32,11 +32,9 @@
<a href="/terms-of-use/">terms of use</a><br>
</div>
<div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12 mt-5 ps-3" style="margin-left:auto;">
<!--
<h6 class="white mb-3 mt-2">Enter your email to join our newsletter:</h6>
<div class="klaviyo-form-WXJy3Y mb-2"></div>
<p class="small grid-gray">We will never share your information with anyone else; this is just for the occasional newsletter. You can learn more by reading our <a href="/privacy-policy/" style="color:#00ffd0 !important;">privacy policy</a>. </p>
-->
</div>
</div>
<div class="row">