mirror of
https://github.com/ivabus/www
synced 2024-11-23 07:45:07 +03:00
415 lines
15 KiB
HTML
415 lines
15 KiB
HTML
<!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">
|
||
<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">
|
||
<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">
|
||
<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 <(curl tea.xyz)">
|
||
<meta name="twitter:image" content=" https://tea.xyz/cover.png">
|
||
<meta property="og:url" content="http://tea.xyz/white-paper/" />
|
||
<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/" />
|
||
<meta property="og:title" content="tea.white-paper" />
|
||
<meta property="og:determiner" content="the" />
|
||
<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 <(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: 600px) {
|
||
.auth-btn {
|
||
width: 100%;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.mobile-pdf {
|
||
display: block;
|
||
}
|
||
|
||
.pdf-iframe {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 600px) {
|
||
|
||
.mobile-pdf {
|
||
display: none;
|
||
}
|
||
|
||
.pdf-iframe {
|
||
display: block;
|
||
}
|
||
}
|
||
</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>
|
||
|
||
|
||
<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">
|
||
<a class="nav-link" aria-current="page" href="/">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="/#why-tea">Why tea?</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="/#features">Features</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<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>
|
||
<a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 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 -->
|
||
|
||
<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;">
|
||
<h1 class="display-3 mb-4">We're Open‐Sourcing Our White Paper</h1>
|
||
<p class="mb-5 fs-sm-5 fs-lg-6 lead">Open‐source is about the many coming together to create something
|
||
great. In the spirit of that, we're 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‐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>
|
||
<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:20px;"></i>Contribute to Our White Paper</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 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>
|
||
</div>
|
||
|
||
<!-- Mobile-only -->
|
||
|
||
<div class="container mobile-pdf" style="margin-bottom:100px;">
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="card">
|
||
<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>
|
||
</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">
|
||
<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">
|
||
<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">
|
||
<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">
|
||
<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">
|
||
<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">
|
||
<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">
|
||
<img src="/Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
|
||
<p class="boilerplate mt-3 small">tea is revolutionizing open‐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>
|
||
</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">
|
||
<a class="nav-link ps-0" href="/#">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link ps-0" href="/#why-tea">Why Tea?</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<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>
|
||
<form action="https://xyz.us14.list-manage.com/subscribe/post?u=5ecf36ba3d22ddd88d09708e6&id=4af8bd918a"
|
||
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate"
|
||
target="_blank" novalidate autocomplete="off">
|
||
<input type="hidden" name="tags" value="7137169">
|
||
<input class="email-field mb-2" placeholder="Email" name="EMAIL" type="email" />
|
||
<input class="email-submit btn-primary mb-3" type="submit" value="subscribe" />
|
||
</form>
|
||
<p style="font-size: 16px; color: gray;">You can also share our <a 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'<span style="color:#54BAAB;">tea</span>');
|
||
$('#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>
|
||
|
||
</body>
|
||
|
||
</html>
|
||
|
||
|
||
<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');
|
||
</script>
|