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

Merge pull request #13 from teaxyz/cleanup

Browse source 
some cleanup during audit
This commit is contained in:
Jacob Heider 2022-05-17 14:23:45 -04:00 committed by GitHub
commit f41593f548
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 469 additions and 376 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.markdownlint.json Normal file
View file

@ -0,0 +1,5 @@
{
"MD013": false,
"MD025": false,
"MD026": false
}

2
LICENSE.md
View file

@ -2,7 +2,7 @@
Creative Commons Corporation (“Creative Commons”) is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an “as-is” basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible. Creative Commons Corporation (“Creative Commons”) is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an “as-is” basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible.
### Using Creative Commons Public Licenses ## Using Creative Commons Public Licenses
Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses. Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses.

2
README.md
View file

@ -15,7 +15,7 @@ sh <(curl tea.xyz) https://github.com/teaxyz/www
Alternatively: Alternatively:
``` ```sh
npx watch-http-server . -p8000 -o -a localhost npx watch-http-server . -p8000 -o -a localhost
open localhost:8000 open localhost:8000
``` ```

832
public/index.html
View file

@ -1,265 +1,311 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" dir="ltr"> <html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Equitable Open&hyphen;Source for web3</title>
<!-- Global site tag (gtag.js) - Google Analytics --> <head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HSPM8DNF3B"></script> <meta charset="utf-8">
<script> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
window.dataLayer = window.dataLayer || []; <title>Equitable Open&hyphen;Source for web3</title>
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-HSPM8DNF3B'); <!-- Global site tag (gtag.js) - Google Analytics -->
</script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3M5LVH76F"></script>
<script>
window.dataLayer = window.dataLayer || [];
<!-- ZOHO PageSense--> function gtag() {
<script src="https://cdn.pagesense.io/js/anchorpointcollectivellc/d07c3e85bf7246dcaefc35b7dd336333.js"></script> dataLayer.push(arguments);
}
gtag('js', new Date());
<!-- CSS only --> gtag('config', 'G-Q3M5LVH76F');
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> </script>
<link rel="apple-touch-icon-precomposed" href="/favicon-180.png">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Prompt:wght@700&display=swap" rel="stylesheet">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt" content="sh &lt;(curl tea.xyz)">
<meta name="twitter:title" content="tea.">
<meta name="twitter:description" content="something new is brewing.">
<meta name="twitter:image" content=" https://tea.xyz/cover.png">
<meta property="og:url" content="http://tea.xyz" />
<meta property="og:type" content="website" />
<meta property="og:title" content="tea." />
<meta property="og:description" content="something new is brewing." />
<meta property="og:image" content="https://tea.xyz/cover.png" />
<meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" />
<script> <!-- ZOHO PageSense-->
const q = window.location.search.match(/[\^\?&]store=[^&]*/) <script src="https://cdn.pagesense.io/js/anchorpointcollectivellc/d07c3e85bf7246dcaefc35b7dd336333.js"></script>
if(q) {
localStorage.signup = q[0].split('=')[1]
window.location.replace(`${window.location.origin}${window.location.pathname}`)
}
</script>
</head>
<body> <!-- CSS only -->
<style> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="apple-touch-icon-precomposed" href="/favicon-180.png">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Prompt:wght@700&display=swap"
rel="stylesheet">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt" content="sh &lt;(curl tea.xyz)">
<meta name="twitter:title" content="tea.">
<meta name="twitter:description" content="something new is brewing.">
<meta name="twitter:image" content=" https://tea.xyz/cover.png">
<meta property="og:url" content="http://tea.xyz" />
<meta property="og:type" content="website" />
<meta property="og:title" content="tea." />
<meta property="og:description" content="something new is brewing." />
<meta property="og:image" content="https://tea.xyz/cover.png" />
<meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" />
.gf-container{ <script>
const q = window.location.search.match(/[\^\?&]store=[^&]*/)
if(q) {
localStorage.signup = q[0].split('=')[1]
window.location.replace(`${window.location.origin}${window.location.pathname}`)
}
</script>
</head>
<body>
<style>
.gf-container {
width: 80px; width: 80px;
height: 80px; height: 80px;
border-radius: 60px; border-radius: 60px;
display:flex; display: flex;
flex-direction:column; flex-direction: column;
position: fixed; position: fixed;
right: 15px; right: 15px;
bottom: 15px; bottom: 15px;
cursor: pointer; cursor: pointer;
box-shadow: 0 0 0 rgba(204,169,44, 0.4); box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
animation: pulse 2s infinite; animation: pulse 2s infinite;
z-index: 200; z-index: 200;
} }
.gf-container:hover{ .gf-container:hover {
animation: none; animation: none;
} }
@-webkit-keyframes pulse { @-webkit-keyframes pulse {
0% { 0% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
} }
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
.github-icon{ 70% {
-webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
}
}
.github-icon {
width: 60%; width: 60%;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
} }
</style>
</style> <a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;">
<img src="Images/github.svg" alt="" class="github-icon mx-auto">
<a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;"> </a>
<img src="Images/github.svg" alt="" class="github-icon mx-auto">
</a>
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto" > <nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto">
<div class="container-fluid top-nav"> <div class="container-fluid top-nav">
<a class="navbar-brand" href="#"><img src="Images/tea-main-logo.svg" style="width:100px;"></a> <a class="navbar-brand" href="#"><img src="Images/tea-main-logo.svg" style="width:100px;"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
<span> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<input type="checkbox" id="checkbox1" class="checkbox1 visuallyHidden"> <span>
<label for="checkbox1"> <input type="checkbox" id="checkbox1" class="checkbox1 visuallyHidden">
<label for="checkbox1">
<div class="hamburger hamburger1"> <div class="hamburger hamburger1">
<span class="bar bar1"></span> <span class="bar bar1"></span>
<span class="bar bar2"></span> <span class="bar bar2"></span>
<span class="bar bar3"></span> <span class="bar bar3"></span>
<span class="bar bar4"></span> <span class="bar bar4"></span>
</div> </div>
</label></span> </label></span>
</button> </button>
<div class="collapse navbar-collapse pt-2 pb-2" id="navbarSupportedContent"> <div class="collapse navbar-collapse pt-2 pb-2" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto me-4 my-auto"> <ul class="navbar-nav ms-auto me-4 my-auto">
<li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3"> <li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
<a class="nav-link active" aria-current="page" href="#">Home</a> <a class="nav-link active" aria-current="page" href="#">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#why-tea">Why tea?</a> <a class="nav-link" href="#why-tea">Why tea?</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#features">Features</a> <a class="nav-link" href="#features">Features</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#community">Community</a> <a class="nav-link" href="#community">Community</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://medium.com/teaxyz">Blog</a> <a class="nav-link" href="https://medium.com/teaxyz">Blog</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<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" 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 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>
<!-- Hero Section -->
<img id="tea-steam-dark-1" src="Images/tea-steam-dark-1.svg" alt="">
<img id="tea-steam-dark-2" src="Images/tea-steam-dark-2.svg" alt="">
<div class="container mb-lg-5 mb-md-5 mb-sm-0 mb-0 mt-lg-5 mt-md-5 mt-sm-0 mt-0">
<div class="row hero my-auto">
<div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-6 col-sm-12">
<div style="margin-top:auto; margin-bottom:auto;">
<h1 class="display-1 mb-4"><span class="yellow">Equitable</span> Open&#8208;Source for web3</h1>
<p class="mb-5 fs-sm-5 fs-lg-6 lead">The tools that build the internet have steeped too long. For the past two
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"
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"
role="button">Whitepaper Coming Soon</a>
</div> </div>
</div> </div>
</nav> <div class="col-lg-6 col-sm-12">
<div class="card ms-lg-5 ms-sm-0" style="border-radius:15px; z-index:100;">
<div class="card-body my-auto"
<!-- Hero Section --> style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;">
<div class="p-lg-5 p-md-3 p-sm-0" style="margin-top:auto; margin-bottom:auto;">
<img id="tea-steam-dark-1" src="Images/tea-steam-dark-1.svg" alt=""> <p class="card-title display-1"
<img id="tea-steam-dark-2" src="Images/tea-steam-dark-2.svg" alt=""> style="color: #54BAAB; text-align:center; font-size: 6rem; font-family: 'Playfair Display', serif"><span
<div class="container mb-lg-5 mb-md-5 mb-sm-0 mb-0 mt-lg-5 mt-md-5 mt-sm-0 mt-0"> id="count"></span></p>
<div class="row hero my-auto"> <p class="text-center" style="text-transform:uppercase; color:#54BAAB;">Developers Authenticated</p>
<div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-6 col-sm-12"> <h5 class="mb-3" style="text-align:center; font-size:2rem;">Join the communi'<span
<div style="margin-top:auto; margin-bottom:auto;"> style="color:#54BAAB;">tea</span></h5>
<h1 class="display-1 mb-4"><span class="yellow">Equitable</span> Open&#8208;Source for web3</h1> <p class="card-text lead" style="text-align:center;">The revolution is here. Be among the first to
<p class="mb-5 fs-sm-5 fs-lg-6 lead">The tools that build the internet have steeped too long. For the past two 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> authenticate your Github with tea. </p>
<a class="btn btn-primary 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> <p style="text-align:center;">Early-adoption developers will be entitled a variety of exciting rewards,
<a class="btn btn-primary disabled mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="whitepaper.html" role="button">Whitepaper Coming Soon</a> including minted NFT certificates. Take a sip while it’s hot!</p>
</div> </div>
</div> <div class="" style="background-color:#44494B; border-radius:5px;">
<div class="col-lg-6 col-sm-12"> <p class="text-center my-auto p-3">This is your chance to be early! <a
<div class="card ms-lg-5 ms-sm-0" style="border-radius:15px; z-index:100;"> style="color:#54BAAB; text-decoration:none;"
<div class="card-body my-auto" style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;"> href="https://github.com/apps/tea-xyz/installations/new"><strong>Authenticate now</strong></a>.</p>
<div class="p-lg-5 p-md-3 p-sm-0" style="margin-top:auto; margin-bottom:auto;">
<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, including minted NFT certificates. Take a sip while it’s hot!</p>
</div>
<div class="" style="background-color:#44494B; border-radius:5px;">
<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> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<!-- Mission Statement --> <!-- Mission Statement -->
<img id="tea-steam-1" src="Images/tea-steam-1.svg" alt=""> <img id="tea-steam-1" src="Images/tea-steam-1.svg" alt="">
<img id="tea-steam-2" src="Images/tea-steam-2.svg" alt=""> <img id="tea-steam-2" src="Images/tea-steam-2.svg" alt="">
<div class="row mission pb-5 pt-5"> <div class="row mission pb-5 pt-5">
<div class="container pb-5 pt-5"> <div class="container pb-5 pt-5">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h2 class="charcoal display-4" style="text-align:center;">The tools you need to keep on building.</h2> <h2 class="charcoal display-4" style="text-align:center;">The tools you need to keep on building.</h2>
<p class="charcoal lead" style="text-align:center;">Like its predecessor, brew, tea is the base of the developer stack–seated beneath the tools that build the internet. Unlike its predecessor, tea leverages blockchain and web3 technology to eliminate anonymity and deliver compensation.</p> <p class="charcoal lead" style="text-align:center;">Like its predecessor, brew, tea is the base of the
</div> developer stack–seated beneath the tools that build the internet. Unlike its predecessor, tea leverages
</div> blockchain and web3 technology to eliminate anonymity and deliver compensation.</p>
</div> </div>
</div> </div>
</div>
</div>
<!-- Web2 --> <!-- Web2 -->
<div class="container mb-5 mt-5 web2-container" id="why-tea"> <div class="container mb-5 mt-5 web2-container" id="why-tea">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-12 my-auto mb-5"> <div class="col-lg-6 col-md-12 col-sm-12 col-12 my-auto mb-5">
<p class="mb-5">WEB2</p> <p class="mb-5">WEB2</p>
<h3 class="mb-4 display-4">Thankless <span class="yellow">tech giants profit</span> from the generosity of open&#8208;source developers.</h3> <h3 class="mb-4 display-4">Thankless <span class="yellow">tech giants profit</span> from the generosity of
<p class="mb-4">For more than twenty years the Internet has been built upon the fruits of freely available open&hyphen;source. Whenever a project enabled new functionality it was (whether desired or not) added as a new brick in the tower of infrastructure; giving the Internet new powers and capabilities; becoming a new foundation for all the innovations that followed. The maintainers of these new bricks became thanklessly unpaid volunteers.</p> open&#8208;source developers.</h3>
<p class="mb-4">For more than twenty years the Internet has been built upon the fruits of freely available
open&hyphen;source. Whenever a project enabled new functionality it was (whether desired or not) added as a
new brick in the tower of infrastructure; giving the Internet new powers and capabilities; becoming a new
foundation for all the innovations that followed. The maintainers of these new bricks became thanklessly
unpaid volunteers.</p>
<hr class="mb-4"> <hr class="mb-4">
<h4><img src="Images/no-compensation.svg" alt="no compensation icon" class="feature-icon me-2"> No Compensation</h4> <h4><img src="Images/no-compensation.svg" alt="no compensation icon" class="feature-icon me-2"> No Compensation
<p class="mb-4 ps-5">Developers contribute innovations (bricks) to the tower of infrastructure that serves as a feeding ground for big tech. Their efforts are capitalized on, yet they see none of that profit.</p> </h4>
<p class="mb-4 ps-5">Developers contribute innovations (bricks) to the tower of infrastructure that serves as a
feeding ground for big tech. Their efforts are capitalized on, yet they see none of that profit.</p>
<hr class="mb-4"> <hr class="mb-4">
<h4><img src="Images/centralized.svg" alt="centralized icon" class="feature-icon me-2"> Centralized</h4> <h4><img src="Images/centralized.svg" alt="centralized icon" class="feature-icon me-2"> Centralized</h4>
<p class="mb-4 ps-5">Entire stacks are left at the mercy of single, proprietary vendors who control their composition and deployment. This turns the “tower of bricks” into a game of Jenga.</p> <p class="mb-4 ps-5">Entire stacks are left at the mercy of single, proprietary vendors who control their
composition and deployment. This turns the “tower of bricks” into a game of Jenga.</p>
<hr class="mb-4"> <hr class="mb-4">
<h4><img src="Images/obligation_maintain.svg" alt="obligation icon" class="feature-icon me-2"> Obligation to Maintain</h4> <h4><img src="Images/obligation_maintain.svg" alt="obligation icon" class="feature-icon me-2"> Obligation to
<p class="ps-5">Open&hyphen;source authors are pressured by their peers and the community at large to continuously maintain and update their contributions... again, without pay or gratitude.</p> Maintain</h4>
</div> <p class="ps-5">Open&hyphen;source authors are pressured by their peers and the community at large to
<div class="col-lg-6 col-sm-12 col-md-6 col-12 mx-auto web2-col my-auto"> continuously maintain and update their contributions... again, without pay or gratitude.</p>
<img class="web2-tower" style="display:block; margin-left:auto; margin-right:auto;" src="Images/web2-tower.svg" alt="">
</div>
</div>
</div>
<!-- Web3 -->
<div class="container web3-container">
<div class="row">
<div class="col order-lg-1 order-sm-2 order-2">
<img class="mt-5 web3-tower" src="Images/web-3-towerAsset 2.svg" alt="">
</div>
<div class="col-lg-6 col-sm-12 my-auto order-lg-2 order-sm-1 order-1">
<p class="mb-5">WEB3</p>
<h3 class="mb-4 display-4">Blockchain <span class="yellow">empowers developers</span> to contribute to open&#8208;source while <span class="yellow">reaping overdue benefits</span>.</h3>
<p class="mb-4">The problem has always existed, but the technology to solve it hasn’t. tea facilitates the graph of open source that underpins all modern digital infrastructure. We’re putting it on‐chain creating a map we’ll use to guide value redistribution to the open source that makes the Internet possible.
We’re not changing how open source works—it’s still free. web3 has introduced powerful new paradigms that allow value to be compensated without direct payment. Creator economy, meet open source.</p>
<hr class="mb-4">
<h4><img src="Images/token_rewards.svg" alt="token rewards icon" class="me-2"> Token Rewards</h4>
<p class="mb-4 ps-5">Through tea, open&hyphen;source contributors are rewarded with our flagship token relative to aggregate usage and sweat equity. Now, devs are able to monetize their generosity. </p>
<hr class="mb-4">
<h4><img src="Images/decentralized.svg" alt="tea.xyz is decentralized" class="me-2"> De-Centralized</h4>
<p class="mb-4 ps-5">web3 turns the “Jenga” game back into a tower of stable bricks. By putting everything on-chain, we’re ensuring that entire stacks will no longer sit at the mercy of sole developers.</p>
<hr class="mb-4">
<h4><img src="Images/transferrable.svg" alt="tea.xyz is transferrable" class="me-2"> Transferrable</h4>
<p class="ps-5">Devs are not obligated to dedicate years to maintaining a single project. Instead, they can transfer ownership to another interested party and move on to creating something else. </p>
</div>
</div>
</div>
<!-- Features & Benefits -->
<div class="container mb-5 mt-5" id="features">
<div class="row">
<div class="col mb-5">
<h2 class="display-4" style="text-align:center;">What makes it <span class="yellow">great</span>?</h2>
</div>
</div> </div>
<div class="row"> <div class="col-lg-6 col-sm-12 col-md-6 col-12 mx-auto web2-col my-auto">
<div class="col-12 col-sm-12 col-md-12 col-lg-4 mb-4"> <img class="web2-tower" style="display:block; margin-left:auto; margin-right:auto;" src="Images/web2-tower.svg"
<div class="card mb-4"> alt="">
<div class="card-body p-4"> </div>
<img src="Images/cross-platform.svg" alt="" class="mb-3"> </div>
<h4 class="mb-4">Cross Platform Compatible</h4> </div>
<p>Wherever you develop, wherever your CI/CD runs, however you deploy your app, tea is there. We abstract this detail away so you can get on with the work that matters to you.<br><br>
<!-- Web3 -->
<div class="container web3-container">
<div class="row">
<div class="col order-lg-1 order-sm-2 order-2">
<img class="mt-5 web3-tower" src="Images/web-3-towerAsset 2.svg" alt="">
</div>
<div class="col-lg-6 col-sm-12 my-auto order-lg-2 order-sm-1 order-1">
<p class="mb-5">WEB3</p>
<h3 class="mb-4 display-4">Blockchain <span class="yellow">empowers developers</span> to contribute to
open&#8208;source while <span class="yellow">reaping overdue benefits</span>.</h3>
<p class="mb-4">The problem has always existed, but the technology to solve it hasn’t. tea facilitates the graph
of open source that underpins all modern digital infrastructure. We’re putting it on‐chain creating a map
we’ll use to guide value redistribution to the open source that makes the Internet possible.
We’re not changing how open source works—it’s still free. web3 has introduced powerful new paradigms that
allow value to be compensated without direct payment. Creator economy, meet open source.</p>
<hr class="mb-4">
<h4><img src="Images/token_rewards.svg" alt="token rewards icon" class="me-2"> Token Rewards</h4>
<p class="mb-4 ps-5">Through tea, open&hyphen;source contributors are rewarded with our flagship token relative
to aggregate usage and sweat equity. Now, devs are able to monetize their generosity. </p>
<hr class="mb-4">
<h4><img src="Images/decentralized.svg" alt="tea.xyz is decentralized" class="me-2"> De-Centralized</h4>
<p class="mb-4 ps-5">web3 turns the “Jenga” game back into a tower of stable bricks. By putting everything
on-chain, we’re ensuring that entire stacks will no longer sit at the mercy of sole developers.</p>
<hr class="mb-4">
<h4><img src="Images/transferrable.svg" alt="tea.xyz is transferrable" class="me-2"> Transferrable</h4>
<p class="ps-5">Devs are not obligated to dedicate years to maintaining a single project. Instead, they can
transfer ownership to another interested party and move on to creating something else. </p>
</div>
</div>
</div>
<!-- Features & Benefits -->
<div class="container mb-5 mt-5" id="features">
<div class="row">
<div class="col mb-5">
<h2 class="display-4" style="text-align:center;">What makes it <span class="yellow">great</span>?</h2>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-4 mb-4">
<div class="card mb-4">
<div class="card-body p-4">
<img src="Images/cross-platform.svg" alt="" class="mb-3">
<h4 class="mb-4">Cross Platform Compatible</h4>
<p>Wherever you develop, wherever your CI/CD runs, however you deploy your app, tea is there. We abstract
this detail away so you can get on with the work that matters to you.<br><br>
<code class="language-javascript">$ sh &lt;(curl tea.xyz) ci</code><br><br> <code class="language-javascript">$ sh &lt;(curl tea.xyz) ci</code><br><br>
@ -267,95 +313,116 @@ authenticate your Github with tea. </p>
<code class="language-javascript">$ sh &lt;(curl tea.xyz) install deno.land</code><br><br> <code class="language-javascript">$ sh &lt;(curl tea.xyz) install deno.land</code><br><br>
Here, our one‐liner installs deno to ./bin/deno. If tea is installed it integrates with that installation, if not the script just exits; tea itself is not installed either way. We’re happy to be just the transmission layer.</p> Here, our one‐liner installs deno to ./bin/deno. If tea is installed it integrates with that installation,
</div> if not the script just exits; tea itself is not installed either way. We’re happy to be just the
transmission layer.</p>
</div> </div>
<div class="card">
<div class="card-body p-4">
<img src="Images/delightful-dev.svg" alt="" class="mb-3">
<h4 class="mb-4">Delightful DevExperience</h4>
<p>tea is built with a “it just works” philosophy. It’s our job to set you up for success and then get out of your way so you can work as effectively as possible. Development is hard enough without the toolset being a source of pain as well.</p>
<p>Much like its predecessor, brew, tea is full of delightful touches. You’ll have to try it and see.</p>
<p>Of course delightful also means fast. You’ve got plenty to do and need tools that respect your time.</p>
</div>
</div>
</div> </div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4"> <div class="card">
<div class="card mb-4"> <div class="card-body p-4">
<div class="card-body p-4"> <img src="Images/delightful-dev.svg" alt="" class="mb-3">
<img src="Images/designed-teams.svg" alt="" class="mb-3"> <h4 class="mb-4">Delightful DevExperience</h4>
<h4 class="mb-4">Designed for tea’ms</h4> <p>tea is built with a “it just works” philosophy. It’s our job to set you up for success and then get out
<p>Good developers create. Great developers collaborate.</p> of your way so you can work as effectively as possible. Development is hard enough without the toolset
being a source of pain as well.</p>
<p>You don’t work alone and neither should the tool that sits at the root of your stack. We’re designing tea to be super great for teams.</p> <p>Much like its predecessor, brew, tea is full of delightful touches. You’ll have to try it and see.</p>
<p>tea sets your stack up right and makes working with it a delight so you and your team can focus on building what matters.</p> <p>Of course delightful also means fast. You’ve got plenty to do and need tools that respect your time.</p>
</div>
</div> </div>
<div class="card mb-4">
<div class="card-body p-4">
<img src="Images/decentralized-secure.svg" alt="" class="mb-3">
<h4 class="mb-4">Decentralized &amp; Secure</h4>
<p>tea’s decentralization offers tangible benefits to ecosystem security. Every layer of your apps and dapps is signed and verified on‐chain. Users can rest assured that the software they are using is what all its creators intended.</p>
<p>In day to day development our decentralization increases reliability (leftpad is a sore memory) and gives developers the flexibility they need to turn inspiration into empires; when a single proprietry vendor controls how your stack is composed and deployed your stack is centralized and under their control.</p>
<p>We’re also saying goodbye to centralization at the installation layer. Say hello to native, built‐in “version management”† for every tool in your stack and goodbye to dependency hell.</p>
<i style="color:#B7C7C7;">† similar to tools like rbenv, nvm or Python’s virtualenv.</i></p>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4">
<div class="card mb-4">
<div class="card-body p-4">
<img src="Images/open-governance.svg" alt="" class="mb-3">
<h4 class="mb-4">Open Governance</h4>
<p>We believe the open source community needs to direct and control the ecosystem we will help launch. The DAO will be an open, transparent and evolving governance structure where the depth of your contributions will matter more than the depth of your pocket.</p>
</div>
</div>
<div class="card">
<div class="card-body p-4">
<img src="Images/help-build.svg" alt="" class="mb-3">
<h4 class="mb-4">Want to Help Us Build It?</h4>
<p>Join the team that is both fixing how open source is funded and creating the tools that will accelerate its creation for the benefit of all humanity.</p>
<p>Max Howell, our CEO, created brew. He’s a self‐taught developer, yet has written software used by tens of millions of people. He doesn’t care if you know how to invert a binary tree. If you have a passion for changing the world and have built some cool stuff then why not <a style="color:#8EC7BF; text-decoration:none;" href="mailto:hello@tea.xyz"><strong>email us</strong></a> and speak for what job you have in mind?</p>
</div>
</div>
</div> </div>
</div> </div>
</div>
<!-- Partners --> <div class="col-12 col-sm-12 col-md-12 col-lg-4">
<div class="card mb-4">
<div class="card-body p-4">
<img src="Images/designed-teams.svg" alt="" class="mb-3">
<h4 class="mb-4">Designed for tea’ms</h4>
<p>Good developers create. Great developers collaborate.</p>
<p>You don’t work alone and neither should the tool that sits at the root of your stack. We’re designing tea
to be super great for teams.</p>
<p>tea sets your stack up right and makes working with it a delight so you and your team can focus on
building what matters.</p>
</div>
</div>
<div class="card mb-4">
<div class="card-body p-4">
<img src="Images/decentralized-secure.svg" alt="" class="mb-3">
<h4 class="mb-4">Decentralized &amp; Secure</h4>
<p>tea’s decentralization offers tangible benefits to ecosystem security. Every layer of your apps and dapps
is signed and verified on‐chain. Users can rest assured that the software they are using is what all its
creators intended.</p>
<p>In day to day development our decentralization increases reliability (leftpad is a sore memory) and gives
developers the flexibility they need to turn inspiration into empires; when a single proprietry vendor
controls how your stack is composed and deployed your stack is centralized and under their control.</p>
<p>We’re also saying goodbye to centralization at the installation layer. Say hello to native, built‐in
“version management”† for every tool in your stack and goodbye to dependency hell.</p>
<i style="color:#B7C7C7;">† similar to tools like rbenv, nvm or Python’s virtualenv.</i></p>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4">
<div class="card mb-4">
<div class="card-body p-4">
<img src="Images/open-governance.svg" alt="" class="mb-3">
<h4 class="mb-4">Open Governance</h4>
<p>We believe the open source community needs to direct and control the ecosystem we will help launch. The
DAO will be an open, transparent and evolving governance structure where the depth of your contributions
will matter more than the depth of your pocket.</p>
</div>
</div>
<div class="card">
<div class="card-body p-4">
<img src="Images/help-build.svg" alt="" class="mb-3">
<h4 class="mb-4">Want to Help Us Build It?</h4>
<p>Join the team that is both fixing how open source is funded and creating the tools that will accelerate
its creation for the benefit of all humanity.</p>
<p>Max Howell, our CEO, created brew. He’s a self‐taught developer, yet has written software used by tens of
millions of people. He doesn’t care if you know how to invert a binary tree. If you have a passion for
changing the world and have built some cool stuff then why not <a
style="color:#8EC7BF; text-decoration:none;" href="mailto:hello@tea.xyz"><strong>email us</strong></a>
and speak for what job you have in mind?</p>
</div>
</div>
</div>
<div class="container partners mt-5 mb-5">
<div class="row">
<div class="col mb-5">
<h3 style="text-align:center;" class="display-5">What’s a revolution without <span class="yellow">powerful allies?</span></h3>
</div> </div>
</div> </div>
<div class="row"> <!-- Partners -->
<div class="col-12 col-sm-12 col-lg-12 my-auto">
<a href="https://www.binance.com/en/blog/ecosystem/binance-labs-leads-$8-million-seed-funding-round-for-tea-421499824684903608" style="cursor:pointer;"><img id="binance" class="partner-img" src="Images/binance.svg" alt="Proud of Binance"></a> <div class="container partners mt-5 mb-5">
<div class="row">
<div class="col mb-5">
<h3 style="text-align:center;" class="display-5">What’s a revolution without <span class="yellow">powerful
allies?</span></h3>
</div>
</div> </div>
</div> <div class="row">
</div> <div class="col-12 col-sm-12 col-lg-12 my-auto">
<a href="https://www.binance.com/en/blog/ecosystem/binance-labs-leads-$8-million-seed-funding-round-for-tea-421499824684903608"
style="cursor:pointer;"><img id="binance" class="partner-img" src="Images/binance.svg"
alt="Proud of Binance"></a>
</div>
<!-- Community Links --> </div>
</div>
<!-- Community Links -->
<div class="row community-container pt-5 pb-5 mt-5 mb-5"> <div class="row community-container pt-5 pb-5 mt-5 mb-5">
<div class="container p-4" id="community"> <div class="container p-4" id="community">
<div class="row"> <div class="row">
@ -366,120 +433,141 @@ authenticate your Github with tea. </p>
</div> </div>
<div class="row"> <div class="row">
<div class="col-6 col-sm-6 col-lg"> <div class="col-6 col-sm-6 col-lg">
<a href="https://discord.gg/KCZsXfJphn"><div class="com-card mb-4"> <a href="https://discord.gg/KCZsXfJphn">
<img src="Images/discord.svg" alt="" class="community-icon"> <div class="com-card mb-4">
</div></a> <img src="Images/discord.svg" alt="" class="community-icon">
</div> </div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg"> <div class="col-6 col-sm-6 col-lg">
<a href="https://twitter.com/teaxyz_"><div class="com-card mb-4"> <a href="https://twitter.com/teaxyz_">
<img src="Images/twitter.svg" alt="" class="community-icon"> <div class="com-card mb-4">
</div></a> <img src="Images/twitter.svg" alt="" class="community-icon">
</div> </div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg"> <div class="col-6 col-sm-6 col-lg">
<a href="https://github.com/teaxyz"><div class="com-card mb-4"> <a href="https://github.com/teaxyz">
<img src="Images/github.svg" alt="" class="community-icon"> <div class="com-card mb-4">
</div></a> <img src="Images/github.svg" alt="" class="community-icon">
</div> </div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg"> <div class="col-6 col-sm-6 col-lg">
<a href="https://t.me/tea_xyz"><div class="com-card mb-4"> <a href="https://t.me/tea_xyz">
<img src="Images/telegram.svg" alt="" class="community-icon"> <div class="com-card mb-4">
</div></a> <img src="Images/telegram.svg" alt="" class="community-icon">
</div> </div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg align-self-center"> <div class="col-6 col-sm-6 col-lg align-self-center">
<a href="https://reddit.com/r/teaxyz"><div class="com-card mb-4"> <a href="https://reddit.com/r/teaxyz">
<img src="Images/reddit.svg" alt="" class="community-icon"> <div class="com-card mb-4">
</div></a> <img src="Images/reddit.svg" alt="" class="community-icon">
</div> </div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg align-self-center"> <div class="col-6 col-sm-6 col-lg align-self-center">
<a href="https://www.instagram.com/tea.xyz/"><div class="com-card mb-4"> <a href="https://www.instagram.com/tea.xyz/">
<img src="Images/instagram-iconAsset 1.svg" alt="" class="community-icon"> <div class="com-card mb-4">
</div></a> <img src="Images/instagram-iconAsset 1.svg" alt="" class="community-icon">
</div> </div>
</a>
</div>
</div>
</div> </div>
</div> </div>
</div>
<!-- Footer --> <!-- Footer -->
<div class="container footer mb-5 mt-5"> <div class="container footer mb-5 mt-5">
<div class="row mb-5 mt-5"> <div class="row mb-5 mt-5">
<div class="col-lg-4"> <div class="col-lg-4">
<img src="Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;"> <img src="Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
<p class="boilerplate mt-3 small">tea is revolutionizing open&#8208;source by leveraging blockchain and web3 to ensure fairness and equitability for the developers who power the internet. Now tell me, will you answer the call? A shot's been heard around the web, and the tea army wants you to join the cause.</p> <p class="boilerplate mt-3 small">tea is revolutionizing open&#8208;source by leveraging blockchain and web3 to
</div> ensure fairness and equitability for the developers who power the internet. Now tell me, will you answer the
call? A shot's been heard around the web, and the tea army wants you to join the cause.</p>
</div>
<div class="col-lg-2 col-sm-6 col-6 mt-3"> <div class="col-lg-2 col-sm-6 col-6 mt-3">
<h6>Quick Links</h6> <h6>Quick Links</h6>
<ul class="nav flex-column small"> <ul class="nav flex-column small">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link ps-0" href="#">Home</a> <a class="nav-link ps-0" href="#">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link ps-0" href="#why-tea">Why Tea?</a> <a class="nav-link ps-0" href="#why-tea">Why Tea?</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link ps-0" href="#features">Features</a> <a class="nav-link ps-0" href="#features">Features</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3"> <div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
<h6>tea Links</h6> <h6>tea Links</h6>
<ul class="nav flex-column small"> <ul class="nav flex-column small">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a> <a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a> <a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="col-lg-4 mt-3"> <div class="col-lg-4 mt-3">
<h6 class=" mb-4">Get updates to your inbox</h6> <h6 class=" mb-4">Get updates to your inbox</h6>
<form action="https://xyz.us14.list-manage.com/subscribe/post?u=5ecf36ba3d22ddd88d09708e6&amp;id=4af8bd918a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate autocomplete="off"> <form action="https://xyz.us14.list-manage.com/subscribe/post?u=5ecf36ba3d22ddd88d09708e6&amp;id=4af8bd918a"
<input type="hidden" name="tags" value="7137169"> method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate"
<input class="email-field mb-2" placeholder="Email" name="EMAIL" type="email" /> target="_blank" novalidate autocomplete="off">
<input class="email-submit btn-primary mb-3" type="submit" value="subscribe" /> <input type="hidden" name="tags" value="7137169">
</form> <input class="email-field mb-2" placeholder="Email" name="EMAIL" type="email" />
<p style="font-size: 16px; color: gray;">You can also share our <a href="https://linktr.ee/teaxyz">Linktree</a>.</p> <input class="email-submit btn-primary mb-3" type="submit" value="subscribe" />
</div> </form>
</div> <p style="font-size: 16px; color: gray;">You can also share our <a href="https://linktr.ee/teaxyz">Linktree</a>.
</p>
</div> </div>
</div> </div>
<div class="row">
<p class="text-center" style="font-size:12px; color:#B7C7C8;">© 2022 tea inc.</p>
</div>
</div>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
<!-- JavaScript Bundle with Popper --> <script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"> try {
</script> fetch('https://app.tea.xyz/api/signups')
.then(res => res.json())
.then(res => {
document.getElementById('count').innerHTML = res.signups
document.getElementById('count1').innerHTML = res.signups
document.getElementById('count2').innerHTML = res.signups
})
} catch (e) {
console.error(e)
}
</script>
<script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"
try { integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
fetch('https://app.tea.xyz/api/signups')
.then(res => res.json())
.then(res => {
document.getElementById('count').innerHTML = res.signups
document.getElementById('count1').innerHTML = res.signups
document.getElementById('count2').innerHTML = res.signups
})
} catch (e) {
console.error(e)
}
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script>
$(window).scroll(function () {
$('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
});
</script>
<script> </body>
$(window).scroll(function(){
$('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
});
</script>
</body>
</html> </html>