www/public/white-paper/index.html

441 lines
16 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
2022-05-19 01:18:22 +03:00
<title>tea.white-paper</title>
<!-- CSS only -->
<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">
2022-05-19 01:18:22 +03:00
<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">
2022-05-20 03:22:23 +03:00
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt" content="sh &lt;(curl tea.xyz)">
<meta name="twitter:image" content=" https://tea.xyz/cover.png">
2022-05-19 01:18:22 +03:00
<meta property="og:url" content="http://tea.xyz/white-paper/" />
2022-05-19 03:19:37 +03:00
<meta property="og:type" content="article" />
<meta property="og:article:published_time" content="2022-05-19" />
<meta property="og:article:author" content="https://twitter.com/mxcl" />
<meta property="og:article:author" content="https://www.linkedin.com/in/timothytlewis/" />
<meta property="og:article:author" content="https://www.linkedin.com/in/thomas-borrel-149b15/" />
2022-05-19 01:18:22 +03:00
<meta property="og:title" content="tea.white-paper" />
<meta property="og:determiner" content="the" />
2022-05-19 01:18:22 +03:00
<meta property="og:description" content="A Decentralized Protocol for Remunerating the Open-Source Ecosystem" />
<meta property="og:image" content="https://tea.xyz/cover.png" />
<meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" />
<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;
height: 80px;
border-radius: 60px;
display: flex;
flex-direction: column;
position: fixed;
right: 15px;
bottom: 15px;
cursor: pointer;
box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
animation: pulse 2s infinite;
z-index: 200;
}
.gf-container:hover {
animation: none;
}
@-webkit-keyframes pulse {
0% {
-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 {
width: 60%;
margin-top: auto;
margin-bottom: auto;
}
@media only screen and (max-width: 980px) {
.auth-btn {
width: 100%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 980px) {
.auth-btn {
width: 100%;
margin-bottom: 20px;
}
2022-05-19 18:46:14 +03:00
.mobile-pdf {
display: block;
2022-05-19 18:46:14 +03:00
}
.pdf-iframe {
2022-05-19 18:46:14 +03:00
display: none;
}
}
@media only screen and (min-width: 980px) {
2022-05-19 18:46:14 +03:00
.mobile-pdf {
display: none;
2022-05-19 18:46:14 +03:00
}
.pdf-iframe {
2022-05-19 18:46:14 +03:00
display: block;
}
}
</style>
<a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;">
2022-05-19 01:18:22 +03:00
<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">
<div class="container-fluid top-nav">
<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">
<span>
<input type="checkbox" id="checkbox1" class="checkbox1 visuallyHidden">
<label for="checkbox1">
<div class="hamburger hamburger1">
<span class="bar bar1"></span>
<span class="bar bar2"></span>
<span class="bar bar3"></span>
<span class="bar bar4"></span>
</div>
</label></span>
</button>
<div class="collapse navbar-collapse pt-2 pb-2" id="navbarSupportedContent">
<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">
2022-05-19 02:15:01 +03:00
<a class="nav-link" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
2022-05-19 02:15:01 +03:00
<a class="nav-link" href="/#why-tea">Why tea?</a>
</li>
<li class="nav-item">
2022-05-19 02:15:01 +03:00
<a class="nav-link" href="/#features">Features</a>
</li>
<li class="nav-item">
2022-05-19 02:15:01 +03:00
<a class="nav-link" href="/#community">Community</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://medium.com/teaxyz">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/white-paper/">White Paper</a>
</li>
</ul>
</div>
2022-05-20 19:34:41 +03:00
<a class="btn btn-primary auth-btn mt-lg-0 mt-md-4 mt-sm-4 mt-4 mx-auto"
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"></span></span></a>
</div>
</nav>
<!-- Hero Section -->
2022-05-19 02:15:01 +03:00
<img style="display:none;" 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-2 mb-md-5 mb-sm-0 mb-0 mt-lg-2 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-9 col-sm-12">
<div style="margin-top:auto; margin-bottom:auto;">
2022-05-22 20:13:19 +03:00
<h1 class="display-3 mb-4">Were Open&#8208;Sourcing Our White Paper</h1>
<p class="mb-5 fs-sm-5 fs-lg-6 lead">Open&#8208;source is about the many coming together to create something
2022-05-22 20:13:19 +03:00
great. In the spirit of that, were inviting developers, speculators, and enthusiasts alike to contribute to
our white paper and help brew the future of the internet. This is our revolutionary undertaking to create
equitable open&#8208;source for web3, and we want you to be a part of laying its groundwork.<br><a
style="color:#54BAAB;" href="https://tea.xyz/tea.white-paper.pdf">Download our white paper</a>.</p>
</div>
</div>
<div style="display:flex; flex-direction:column;" class="col-lg-3 col-sm-12">
<div style="margin-top:auto; z-index:100;">
<a class="btn btn-primary mb-3" href="https://github.com/apps/tea-xyz/installations/new"
role="button">Authenticate with tea</a><br>
2022-05-20 03:22:23 +03:00
<a class="btn btn-primary align-middle mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn"
href="https://github.com/teaxyz/white-paper" role="button"><i class="bi bi-github me-2" style="font-size:16px; "></i>Contribute to Our White Paper</a>
</div>
</div>
</div>
</div>
2022-05-19 18:46:14 +03:00
<!-- Start PDF -->
<div class="container pdf-iframe"
style="margin-bottom:100px; overflow:auto; -webkit-overflow-scrolling:touch; z-index:2;">
<iframe src="https://tea.xyz/tea.white-paper.pdf#toolbar=0&navpanes=0&view=fitH" width="100%" height="800px">
</iframe>
2022-05-19 18:46:14 +03:00
</div>
<!-- Mobile-only -->
<div class="container mobile-pdf" style="margin-bottom:100px;">
<div class="row">
<div class="col">
<div class="card">
2022-05-19 18:46:14 +03:00
<div style="display:flex; flex-direction:column; background-color:#23282C;" class="card-body pt-5 pb-5">
<div style="margin-top:auto; margin-bottom:auto;">
<p class="text-center">Mobile browsers can be finicky, so please view our white paper via the button
below.</p>
<a style="display:block; margin-left:auto; margin-right:auto;" class="btn btn-primary mb-3"
href="https://tea.xyz/tea.white-paper.pdf" role="button">Download our White Paper</a>
2022-05-19 18:46:14 +03:00
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Community Links -->
<div class="row community-container pt-5 pb-5 mt-5 mb-5">
<div class="container p-4" id="community">
<div class="row">
<div class="col">
<h3 style="text-align:center;" class="mb-5 display-5">Join the Community</h3>
</div>
</div>
<div class="row">
<div class="col-6 col-sm-6 col-lg">
<a href="https://discord.gg/KCZsXfJphn">
<div class="com-card mb-4">
2022-05-19 02:15:01 +03:00
<img src="/Images/discord.svg" alt="" class="community-icon">
</div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg">
<a href="https://twitter.com/teaxyz_">
<div class="com-card mb-4">
2022-05-19 02:15:01 +03:00
<img src="/Images/twitter.svg" alt="" class="community-icon">
</div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg">
<a href="https://github.com/teaxyz">
<div class="com-card mb-4">
2022-05-19 02:15:01 +03:00
<img src="/Images/github.svg" alt="" class="community-icon">
</div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg">
<a href="https://t.me/tea_xyz">
<div class="com-card mb-4">
2022-05-19 02:15:01 +03:00
<img src="/Images/telegram.svg" alt="" class="community-icon">
</div>
</a>
</div>
<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">
2022-05-19 02:15:01 +03:00
<img src="/Images/reddit.svg" alt="" class="community-icon">
</div>
</a>
</div>
<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">
2022-05-19 02:15:01 +03:00
<img src="/Images/instagram-iconAsset 1.svg" alt="" class="community-icon">
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="container footer mb-5 mt-5">
<div class="row mb-5 mt-5">
<div class="col-lg-4">
2022-05-19 01:18:22 +03:00
<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
2022-05-22 20:13:19 +03:00
call? A shots 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">
<h6>Quick Links</h6>
<ul class="nav flex-column small">
<li class="nav-item">
2022-05-19 02:15:01 +03:00
<a class="nav-link ps-0" href="/#">Home</a>
</li>
<li class="nav-item">
2022-05-19 02:15:01 +03:00
<a class="nav-link ps-0" href="/#why-tea">Why Tea?</a>
</li>
<li class="nav-item">
2022-05-19 02:15:01 +03:00
<a class="nav-link ps-0" href="/#features">Features</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
<h6>tea Links</h6>
<ul class="nav flex-column small">
<li class="nav-item">
<a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
</li>
<li class="nav-item">
<a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
</li>
</ul>
</div>
<div class="col-lg-4 mt-3">
<h6 class=" mb-4">Get updates to your inbox</h6>
<!-- Start Sendx Form Module -->
<div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
<div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
<div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
<div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
<form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
<input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Your Email" required>
<input type="submit" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit" name="subscribe" value="Subscribe">
</input>
</form>
<div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
<p></p>
</div>
<div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
<input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
</div>
</div>
</div>
</div>
</div>
<!-- End Sendx Form -->
2022-05-21 01:07:09 +03:00
<p style="font-size: 16px; color: gray;">You can also share our <a style="color:#54BAAB;" href="https://linktr.ee/teaxyz">Linktree</a>.
</p>
</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>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
try {
fetch('https://app.tea.xyz/api/signups')
.then(res => res.json())
.then(res => {
if (!(localStorage['signup'] || '').match(/:::/)) {
$('#count').html(res.signups)
}
$('#count1').html(res.signups)
$('#count2').html(res.signups)
})
} catch (e) {
console.error(e)
}
</script>
<script>
$(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 communi&#39;<span style="color:#54BAAB;">tea</span>');
$('#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>
</html>
2022-05-19 01:18:22 +03:00
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3M5LVH76F"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-Q3M5LVH76F');
2022-05-20 03:22:23 +03:00
</script>