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

Merge pull request #19 from teaxyz/white-paper

Browse source 
White Paper (preview page only)
This commit is contained in:
Max Howell 2022-05-18 20:35:48 -04:00 committed by GitHub
commit 07df79283b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 434 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

94
public/index.html
View file

@ -6,22 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Equitable Open&hyphen;Source for web3</title> <title>Equitable Open&hyphen;Source for web3</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<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>
<!-- ZOHO PageSense-->
<script src="https://cdn.pagesense.io/js/anchorpointcollectivellc/d07c3e85bf7246dcaefc35b7dd336333.js"></script>
<!-- CSS only --> <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
@ -38,18 +22,10 @@
<meta name="twitter:image" content=" https://tea.xyz/cover.png"> <meta name="twitter:image" content=" https://tea.xyz/cover.png">
<meta property="og:url" content="http://tea.xyz" /> <meta property="og:url" content="http://tea.xyz" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:title" content="tea." /> <meta property="og:title" content="tea.xyz" />
<meta property="og:description" content="something new is brewing." /> <meta property="og:description" content="Equitable Open&hyphen;Source for web3" />
<meta property="og:image" content="https://tea.xyz/cover.png" /> <meta property="og:image" content="https://tea.xyz/cover.png" />
<meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" /> <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> </head>
<body> <body>
@ -109,6 +85,33 @@
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
} }
.cal-btn{
float:right;
background-color:#327280;
width:200px;
}
.ama-text{
float:left;
margin-top:auto;
margin-bottom:auto;
}
@media only screen and (max-width: 600px) {
.cal-btn{
background-color:#327280;
width:100%;
margin-bottom: 20px;
}
.ama-text{
float: none;
text-align: center;
margin-bottom: 20px;
}
}
</style> </style>
<a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;"> <a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;">
@ -153,6 +156,9 @@
<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>
<li class="nav-item">
<a class="nav-link" href="/white-paper/">White Paper</a>
</li>
</ul> </ul>
<a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" <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 href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span
@ -178,12 +184,12 @@
<a class="btn btn-primary auth-btn 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 mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="/white-paper/"
role="button">Whitepaper Coming Soon</a> role="button">Read Our White Paper</a>
</div> </div>
</div> </div>
<div class="col-lg-6 col-sm-12"> <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 ms-lg-5 ms-sm-0 mb-3" style="border-radius:15px; z-index:100;">
<div class="card-body my-auto" <div class="card-body my-auto"
style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;"> 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;"> <div class="p-lg-5 p-md-3 p-sm-0" style="margin-top:auto; margin-bottom:auto;">
@ -194,9 +200,10 @@
Authenticated</p> Authenticated</p>
<h5 class="mb-3" style="text-align:center; font-size:2rem;"><span id="communitea">Join the<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> communi'<span style="color:#54BAAB;">tea</span></h5>
<!-- ^^ deliberate prime rather than apostrophe -->
<p class="card-text lead" id="revolution-text" style="text-align:center;">The revolution is here. Be among <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> the first to authenticate your Github with tea. </p>
<p style="text-align:center;" id="auth-body-text">Early-adoption developers will be entitled a variety of <p style="text-align:center;" id="auth-body-text">Early-adoption developers will be entitled to a variety of
exciting rewards, 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>
@ -211,6 +218,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="card ms-lg-5 ms-sm-0" style="border-radius:15px; z-index:100;">
<div class="card-body my-auto"
style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;">
<div class="p-lg-2 p-md-2 p-sm-0">
<p class="lead mt-2 ama-text">Tune into our weekly AMAs</p>
<a class="btn btn-primary cal-btn" href="https://calendar.google.com/event?action=TEMPLATE&amp;tmeid=NWIzOTJrY3Q0M21hMHFlMmpkZmJnMHZuYWhfMjAyMjA1MTVUMTcwMDAwWiBuaWNrQHRlYS54eXo&amp;tmsrc=nick%40tea.xyz&amp;scp=ALL"
role="button">Add to Calendar</a>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -498,7 +517,7 @@
<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 <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 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> call? A shot’s been heard around the web, and the tea army wants you to join the cause.</p>
</div> </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">
@ -595,3 +614,16 @@
</body> </body>
</html> </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>

371
public/white-paper/index.html Normal file
View file

@ -0,0 +1,371 @@
<!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">
<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">
<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 &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: 600px) {
.auth-btn{
width: 100%;
margin-bottom:20px;
}
}
</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&#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 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&#8208;source for web3, and we want you to be a part of laying its groundwork.<br><a style="color:#54BAAB;" href="/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 mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="https://github.com/teaxyz/white-paper"
role="button">Contribute to Our White Paper</a>
</div>
</div>
</div>
</div>
<!-- Start PDF -->
<div class="container" style="margin-bottom:100px; z-index:2;">
<embed style="min-height:100vh;width:100%;" type="application/pdf" src="/tea.white-paper.pdf#toolbar=0&navpanes=0&scrollbar=0&view=fitH,100">
</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&#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>
</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&amp;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&#39;<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>