www/index.html
2022-03-23 12:24:46 -04:00

288 lines
13 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>tea &gt; the toolkit that builds the Internet</title>
<link rel="apple-touch-icon-precomposed" href="/favicon-180.png">
<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=Montserrat:ital,wght@0,400;0,700;1,400&family=Playfair+Display:wght@900&display=swap" rel="stylesheet">
<link href="/index.css" rel="stylesheet">
<link href="/mobile.css" rel="stylesheet">
<meta name="twitter:card" content="summary">
<meta name="twitter:image:alt" content="sh <(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/favicon-1024.png">
</head>
<body>
<div id="masthead">
<img src="/logo%2Bwordmark.png" alt="tea." class="logo">
<nav>
<ol>
<li><a href="https://medium.com/teaxyz">Blog</a></li>
<li><a href="https://www.businesswire.com/news/home/20220323005603/en/Tea-Raises-8-Million-Led-by-Binance-Labs-to-Create-New-Open-Source-Software-on-the-Blockchain">Press Release</a></li>
</ol>
</nav>
</div>
<div class="content content1 hero">
<div class="something-new-is-brewing">
<h1><span class="alt">Something<br />New is</span><br />Brewing.</h1>
<p>
The tools that build the Internet have steeped too long.<br/>
Its time for a fresh brew.
</p>
<span style="border: 4px solid var(--teal); display: inline-block; margin-top: 1rem">
<code class="example">
<span style="color: var(--mint)">$</span>&nbsp;sh&nbsp;&lt;(curl&nbsp;tea.xyz)
</code>
</span>
<img src="terminal-window.png" alt="Abstract Terminal Window">
</div>
</div>
<div class="content content2">
<div class="twocol right-a-bit image-container-mobile lightbulb">
<div>
<h2><span class="alt">Transforming<br />Whats</span> Possible.</h2>
<p>
Like its predecessor, <code>brew</code>,
<span class="tea">tea</span> is the base of the
developer stack—seated beneath the tools that build the Internet.
Were uniquely placed to have tangible impact on all aspects of software development
<i>and we intend to</i>.
We will make sure devs have the tools they need to build the Internet and
the compensation they need to keep on building.
</p>
</div>
<div class="image-container">
<img src="lightbulb.png" alt="lightbulb">
</div>
</div>
<div class="twocol image-container-mobile blockchain">
<div class="image-container">
<img src="blockchain.png" alt="blockchain">
</div>
<div>
<h2>
<span class="alt">Its time for an<br/>
open source</span> revolution.
</h2>
<p>
For more than twenty years the Internet has been built upon the fruits of freely available open 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>
<h3><span class="alt">The</span> Homebrew <span class="alt">Story</span>.</h3>
<p>
Homebrew has been used by tens of millions of creators to build things we all use every day,
and yet Max Howell—the creator of <code>brew</code> and co&hyphen;founder of <span class="tea">tea</span>—was
unable to make a living from Homebrew alone.
Maintaining such a large project was more than a full&hyphen;time job but every few years Max
would have to go back to working on somebody elses idea for money.
Of the countless enterprises that have utilized Homebrew,
only two have ever said thanks:
Google sent him a blanket and Square sent him an iPad.
As generous as (the iPad) was, small gifts dont pay bills.
Were making sure such a thing never happens again and that open source developers
can focus on building things they love without compromise.
</p>
<p style="font-size: smaller; text-align: right">
<a href="https://medium.com/teaxyz/tea-brew-478a9e736638">Max tells the story himself at Medium →</a>
</p>
<h3><span class="alt">Tech giants accrued fortunes on the backs of people theyve</span> never thanked, paid or even met.</h3>
<p>
The problem has always existed, but the technology to solve it hasnt.
<span class="tea">tea</span> facilitates the graph of open source that underpins all modern digital infrastructure.
Were putting it <i>on&hyphen;chain</i> creating a <i>map</i>
well use to guide value redistribution to the open source that makes the Internet possible.
</p>
<p>
Were not changing how open source works—<i>its still free.</i>
web3 has introduced powerful new paradigms that allow value to be compensated without direct payment.
Creator economy, meet open source.
</p>
<p style="margin-top: 3em">
Want an email when the white paper is released?
</p>
<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 placeholder="Email" name="EMAIL" type="email" />
<input type="submit" value="subscribe" />
</form>
</div>
</div>
</div>
<div class="content content3">
<h2>
Cross Platform.
</h2>
<div class="twocol">
<div>
<p>
Wherever you develop,
wherever your CI/CD runs,
however you deploy your app,
<span class="tea">tea</span> is there.
We abstract this detail away so you can get on with the work that matters to <strong>you</strong>.
</p>
<code class="example small">
<span style="color: var(--mint)">$</span> sh &lt;(curl tea.xyz) ci
</code>
</div>
<div>
<p>
Your <code>README</code>, blog post or internal install instructions can
all use the same, simple one&hyphen;liner.
</p>
<code class="example small">
<span style="color: var(--mint)">$</span>&nbsp;sh&nbsp;&lt;(curl&nbsp;tea.xyz)&nbsp;install&nbsp;deno.land
</code>
<p style="color: var(--pale-teal)">
Here, our one&hyphen;liner installs <a href="https://deno.land"><code>deno</code></a>
to <code>./bin/deno</code>. If <span class="tea">tea</span> is installed it
integrates with that installation, if not the script just exits;
<span class="tea">tea</span> itself is not installed either way.
Were happy to be just the transmission layer.
</p>
</div>
</div>
<h2>
Designed for Teams.
</h2>
<p>
<b>Good developers create. Great developers collaborate.</b>
</p>
<p>
You dont work alone and neither should the tool that sits at the root of your stack.
Were designing tea to be super great for teams.
</p>
<p>
<span class="tea">tea</span>
sets your stack up <i>right</i>
and makes working with it a <i>delight</i>
so you and your team can focus on building what matters.
</p>
</div>
<div class="content content1">
<div class="twocol">
<div>
<h2>
<span class="alt">Decentralized<br/>
&</span> Secure.
</h2>
<p>
<span class="tea">tea</span>s decentralization offers tangible benefits to ecosystem <b>security<span style="font-weight: normal">.</span></b>
Every layer of your apps and dapps is signed and verified on&hyphen;chain.
Users can rest assured that the software they are using is what <i>all</i> its creators intended.
</p>
<p>
In day to day development our decentralization increases <b>reliability</b>
(<a href="https://www.theregister.com/2016/03/23/npm_left_pad_chaos/">leftpad</a> 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 <strong>under their control</strong>.
</p>
<p>
Were also saying goodbye to centralization at the <i>installation layer</i>.
Say hello to native, built&hyphen;in “version management”† for every tool in your stack
and goodbye to dependency hell.
</p>
<p style="font-size: smaller">
† similar to tools like <code>rbenv</code>, <code>nvm</code> or Pythons virtualenv.
</p>
</div>
<div>
<h2>
Delightful <span class="alt">developer<br/>
experience.</span>
</h2>
<p>
<span class="tea">tea</span> is built with a “it just works” philosophy.
Its 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, <code>brew</code>, <span class="tea">tea</span> is full of delightful touches.
Youll have to try it and see.
</p>
<p>
<i>ofc delightful also means <b>fast<span style="font-weight: normal">.</span></b></i> Youve got plenty to do and need tools that <i>respect your time</i>.
</p>
</div>
</div>
</div>
<div class="content content2 genuine-innovation image-container-mobile">
<div class="twocol right-a-bit image-container-mobile open-governance">
<div>
<h2>
<span class="alt">Open</span> Governance.
</h2>
<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 class="image-container">
<img src="circles.png" alt="circles">
</div>
</div>
<div class="twocol left-a-bit image-container-mobile we-are-hiring">
<div class="image-container">
<img src="magnifying-glass.png" alt="magnifying-glass">
</div>
<div>
<h2><span class="alt">Were</span> Hiring.</h2>
<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 <code>brew</code>.
Hes a self&hyphen;taught developer,
yet has written software used by tens of millions of people.
<strong>He doesnt care if you know how to invert a binary tree.</strong>
If you have a passion for changing the world and have
built some cool stuff then why not <a href="mailto:jobs@tea.xyz">email us</a>
and speak for what job you have in mind?
</p>
</div>
</div>
</div>
<div class="content content3">
<h2>Coming Soon.</h2>
<p>
Join the community thats taking back the Internet.
</p>
<ul class="linktree">
<li><a class="button" href="https://discord.tea.xyz">Discord</a> <span class="aside">developers & users</span></li>
<li><a class="button" href="https://twitter.com/teaxyz_">Twitter</a> <span class="aside">follow us=now. rewards=later.</span></li>
<li><a class="button" href="https://github.com/teaxyz">GitHub</a> <span>&nbsp;</span></li>
<li><a class="button" href="https://t.me/tea_xyz">Telegram</a> <span class="aside">web3 discussion</span></li>
<li><a class="button" href="https://reddit.com/r/teaxyz">Reddit</a> <span>&nbsp;</span></li>
</ul>
<p>Get updates to your inbox.</p>
<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 placeholder="Email" name="EMAIL" type="email" />
<input type="submit" value="subscribe" />
</form>
<p style="margin-top: 3rem">You can also share our <a href="https://linktr.ee/teaxyz">Linktree</a>.</p>
</div>
</body>
<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>