mirror of
https://github.com/ivabus/www
synced 2024-11-22 23:25:07 +03:00
Established background color. Delelted footer contents.
This commit is contained in:
Thomas Smith
parent
62f1ed80e8
commit
fd0dab2da8
3 changed files with 6 additions and 909 deletions
|
|
@ -1,823 +1,5 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<!-- Hero Section -->
|
<!-- 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> <span id="cycle-br-two"><br></span>Open‐Source for <span id="cycle-br"><br></span><span id="cycle"></span></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 auth-btn mb-3" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz"
|
|
||||||
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 mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="/white-paper/"
|
|
||||||
role="button">Read Our White Paper</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
|
|
||||||
<!-- Start email subscribe form -->
|
|
||||||
<div class="row p-0">
|
|
||||||
<div class="col p-0">
|
|
||||||
<h3 class="mb-4 display-6">Stay up to date with all the latest tea news</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row p-0">
|
|
||||||
<div class="col-lg-12 mb-lg-0 mb-md-5 mb-sm-5 mb-5 p-0">
|
|
||||||
<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="Add your email_" required>
|
|
||||||
<input type="submit" id="keep-email-btn" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit" name="subscribe" value="Subscribe">
|
|
||||||
</input>
|
|
||||||
</form>
|
|
||||||
<div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
|
|
||||||
</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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Styling for Subscibe form -->
|
|
||||||
|
|
||||||
<style>
|
|
||||||
|
|
||||||
@media only screen and (max-width: 576px) {
|
|
||||||
|
|
||||||
#SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
|
|
||||||
width:100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#keep-email-btn{
|
|
||||||
width:100%;
|
|
||||||
float:none;
|
|
||||||
margin-bottom:20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#whitepaper-btn{
|
|
||||||
width:100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#discord-btn{
|
|
||||||
width:100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 576px) {
|
|
||||||
|
|
||||||
#SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
|
|
||||||
width:69%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#keep-email-btn{
|
|
||||||
width:29%;
|
|
||||||
float:right;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<!-- End styling for subscribe form -->
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6 col-sm-12">
|
|
||||||
<div class="card ms-lg-5 ms-sm-0 mb-3" 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-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" id="count-sub-text" style="text-transform:uppercase; color:#54BAAB;">Developers
|
|
||||||
Authenticated</p>
|
|
||||||
<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>
|
|
||||||
<!-- ^^ deliberate prime rather than apostrophe -->
|
|
||||||
<p class="card-text lead" id="revolution-text" style="text-align:center;">The revolution is here. We’re calling on all open‐source devs to authenticate their Github with tea.</p>
|
|
||||||
<p style="text-align:center;" id="auth-body-text">Developers who have contributed to OSS will be entitled to a variety of rewards, including minted NFT badges to honor your work so far. This is your chance to be an early member of our community: take a sip while it’s hot!</p>
|
|
||||||
</div>
|
|
||||||
<div class="box-auth-false">
|
|
||||||
<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/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz"><strong>Authenticate now</strong></a>.</p>
|
|
||||||
</div>
|
|
||||||
<div class="box-auth-true">
|
|
||||||
<p class="text-center my-auto p-3" style="color:#23282C;"><i class="bi bi-check-circle-fill lead pe-2"
|
|
||||||
style="color:#23282C;"></i>Authenticated as <span id="auth-username">[username]</span></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card ms-lg-5 ms-sm-0 mx-auto" 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 text-center">
|
|
||||||
<p class="ama-text mb-3">Join our discord, where you can talk to our team on the regular and ask anything. </p>
|
|
||||||
<a class="btn btn-primary discord-btn mb-2" id="discord-btn" href="https://discord.gg/KCZsXfJphn"
|
|
||||||
role="button">Join Discord</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.discord-btn{
|
|
||||||
background-color: #327280;
|
|
||||||
}
|
|
||||||
|
|
||||||
.discord-btn:hover{
|
|
||||||
background-color: #388495 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) {
|
|
||||||
#cycle-br{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
#count{
|
|
||||||
font-size: 4rem !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-title{
|
|
||||||
line-height: 2.8rem;
|
|
||||||
margin-bottom: 1.7rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<!-- Mission Statement -->
|
|
||||||
<img id="tea-steam-1" src="Images/tea-steam-1.svg" alt="">
|
|
||||||
<img id="tea-steam-2" src="Images/tea-steam-2.svg" alt="">
|
|
||||||
<div class="row mission pb-5 pt-5">
|
|
||||||
<div class="container pb-5 pt-5">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Web2 -->
|
|
||||||
<div class="container mb-5 mt-5 web2-container" id="why-tea">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-6 col-md-12 col-sm-12 col-12 my-auto mb-5">
|
|
||||||
<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‐source developers.</h3>
|
|
||||||
<p class="mb-4">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>
|
|
||||||
<hr class="mb-4">
|
|
||||||
<h4><img src="Images/no-compensation.svg" alt="no compensation icon" class="feature-icon me-2"> No Compensation
|
|
||||||
</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">
|
|
||||||
<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>
|
|
||||||
<hr class="mb-4">
|
|
||||||
<h4><img src="Images/obligation_maintain.svg" alt="obligation icon" class="feature-icon me-2"> Obligation to
|
|
||||||
Maintain</h4>
|
|
||||||
<p class="ps-5">Open‐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>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6 col-sm-12 col-md-6 col-12 mx-auto web2-col my-auto">
|
|
||||||
<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‐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‐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 <(curl tea.xyz) ci</code><br><br>
|
|
||||||
|
|
||||||
Your README, blog post or internal install instructions can all use the same, simple one‐liner.<br><br>
|
|
||||||
|
|
||||||
<code class="language-javascript">$ sh <(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>
|
|
||||||
</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 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 & 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>
|
|
||||||
|
|
||||||
<!-- Partners -->
|
|
||||||
|
|
||||||
<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 class="row">
|
|
||||||
<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>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Top Commentary -->
|
|
||||||
|
|
||||||
<style>
|
|
||||||
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
#top-commentary{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) {
|
|
||||||
#top-commentary-mobile{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.carousel-indicators{
|
|
||||||
margin-bottom: -50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.twi-card-container{
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.twitter-card{
|
|
||||||
transition: 0.2s ease-in-out;
|
|
||||||
cursor: crosshair;
|
|
||||||
box-shadow:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.twitter-card:hover{
|
|
||||||
background-color: #337280;
|
|
||||||
}
|
|
||||||
|
|
||||||
.twitter-card-logo{
|
|
||||||
width:25px;
|
|
||||||
float:right;
|
|
||||||
margin-top:5px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="container mb-5">
|
|
||||||
<hr>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="text-center display-6 mb-5">What the <span class="yellow">internet's</span> saying.</h3>
|
|
||||||
|
|
||||||
<div class="container" id="top-commentary" style="margin-bottom: 100px;">
|
|
||||||
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active" data-bs-interval="4000">
|
|
||||||
<!-- Item 1 -->
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo">
|
|
||||||
<p>alexpoon.eth<br>
|
|
||||||
@alexpoon_hk</p>
|
|
||||||
<p>Open source dev is broken. So cool to see @teaxyz_ bringing new life to popular software projects like homebrew to web3.</p>
|
|
||||||
<p>10:52 AM - Mar 24, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Item 2 -->
|
|
||||||
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>0xTea<br>
|
|
||||||
@0xTea_</p>
|
|
||||||
<p>This is the innovation we need , and technology with the right frame of mind of rewarding the creators in a way that scales and is in perpetuity</p>
|
|
||||||
<p>10:52 AM - Mar 24, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Item 3 -->
|
|
||||||
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>jcinis.eth<br>
|
|
||||||
@jcinis</p>
|
|
||||||
<p>It is hard to think of a more perfect use for blockchain technology than coordinating package releases for opensource software. What @teaxyz_ is embarking on will improve security, maintenance, and reliability, while providing much-needed incentive for independent developers. 🙌🏼 </p>
|
|
||||||
<p>10:52 AM - Mar 24, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- End first set -->
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="4000">
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<!-- Item 4 -->
|
|
||||||
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Jason Warner<br>
|
|
||||||
@jasoncwarner</p>
|
|
||||||
<p>Now this is legitimately interesting. I’m super glad to see more open source veterans looking at using crypto as distribution mechanisms.</p>
|
|
||||||
<p>3:14 PM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Item 5 -->
|
|
||||||
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Andrew Fernandez<br>
|
|
||||||
@bhsdrew</p>
|
|
||||||
<p>Congrats man [Max] this is one of the first real interesting use cases I’ve seen for web3… really excited to see this grow</p>
|
|
||||||
<p>8:38 AM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Item 6 -->
|
|
||||||
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>max is building infra-as-lowcode<br>
|
|
||||||
@maxcan</p>
|
|
||||||
<p>one of the first web3 projects that actually makes sense</p>
|
|
||||||
<p>3:31 PM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="4000">
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<!-- Item 7 -->
|
|
||||||
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Nick Dobos<br>
|
|
||||||
@NickADobos</p>
|
|
||||||
<p>Homebrew is getting a web3 upgrade! 👀 <br>
|
|
||||||
|
|
||||||
Incredibly excited for this <br>
|
|
||||||
|
|
||||||
If this works it might be the biggest step forward in building open source software ever <br>
|
|
||||||
|
|
||||||
Pay the maintainers <br>
|
|
||||||
Build all the things</p>
|
|
||||||
<p>3:31 PM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Item 8 -->
|
|
||||||
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Ben<br>
|
|
||||||
@ben_mathes</p>
|
|
||||||
<p>I'm skeptical of a lot of web3. Indirect value to package maintainers though I support. Tea looks rad.<br>
|
|
||||||
I hope no preferential attachment concentrates the value.</p>
|
|
||||||
<p>2:36 PM - Mar 24, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Item 9 -->
|
|
||||||
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Developer DAO (🧱, 🚀)<br>
|
|
||||||
@developer_dao</p>
|
|
||||||
<p>probably nothing</p>
|
|
||||||
<p>6:28 PM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Start Mobile Top-Commentary -->
|
|
||||||
|
|
||||||
<div class="container" id="top-commentary-mobile" style="margin-bottom: 75px;">
|
|
||||||
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active" data-bs-interval="3000">
|
|
||||||
|
|
||||||
<!-- Item 1 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo">
|
|
||||||
<p>alexpoon.eth<br>
|
|
||||||
@alexpoon_hk</p>
|
|
||||||
<p>Open source dev is broken. So cool to see @teaxyz_ bringing new life to popular software projects like homebrew to web3.</p>
|
|
||||||
<p>10:52 AM - Mar 24, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="3000">
|
|
||||||
|
|
||||||
<!-- Item 2 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>0xTea<br>
|
|
||||||
@0xTea_</p>
|
|
||||||
<p>This is the innovation we need , and technology with the right frame of mind of rewarding the creators in a way that scales and is in perpetuity</p>
|
|
||||||
<p>10:52 AM - Mar 24, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="3000">
|
|
||||||
|
|
||||||
<!-- Item 3 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>jcinis.eth<br>
|
|
||||||
@jcinis</p>
|
|
||||||
<p>It is hard to think of a more perfect use for blockchain technology than coordinating package releases for opensource software. What @teaxyz_ is embarking on will improve security, maintenance, and reliability, while providing much-needed incentive for independent developers. 🙌🏼 </p>
|
|
||||||
<p>10:52 AM - Mar 24, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="3000">
|
|
||||||
|
|
||||||
<!-- Item 4 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Jason Warner<br>
|
|
||||||
@jasoncwarner</p>
|
|
||||||
<p>Now this is legitimately interesting. I’m super glad to see more open source veterans looking at using crypto as distribution mechanisms.</p>
|
|
||||||
<p>3:14 PM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="3000">
|
|
||||||
|
|
||||||
<!-- Item 5 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Andrew Fernandez<br>
|
|
||||||
@bhsdrew</p>
|
|
||||||
<p>Congrats man [Max] this is one of the first real interesting use cases I’ve seen for web3… really excited to see this grow</p>
|
|
||||||
<p>8:38 AM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="3000">
|
|
||||||
|
|
||||||
<!-- Item 6 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>max is building infra-as-lowcode<br>
|
|
||||||
@maxcan</p>
|
|
||||||
<p>one of the first web3 projects that actually makes sense</p>
|
|
||||||
<p>3:31 PM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="3000">
|
|
||||||
|
|
||||||
<!-- Item 7 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Nick Dobos<br>
|
|
||||||
@NickADobos</p>
|
|
||||||
<p>Homebrew is getting a web3 upgrade! 👀 <br>
|
|
||||||
|
|
||||||
Incredibly excited for this <br>
|
|
||||||
|
|
||||||
If this works it might be the biggest step forward in building open source software ever <br>
|
|
||||||
|
|
||||||
Pay the maintainers <br>
|
|
||||||
Build all the things</p>
|
|
||||||
<p>3:31 PM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="3000">
|
|
||||||
|
|
||||||
<!-- Item 8 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Ben<br>
|
|
||||||
@ben_mathes</p>
|
|
||||||
<p>I'm skeptical of a lot of web3. Indirect value to package maintainers though I support. Tea looks rad.<br>
|
|
||||||
I hope no preferential attachment concentrates the value.</p>
|
|
||||||
<p>2:36 PM - Mar 24, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item" data-bs-interval="3000">
|
|
||||||
|
|
||||||
<!-- Item 9 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12 col-lg-4">
|
|
||||||
<div class="card twi-card-container">
|
|
||||||
<div class="card-body p-4 twitter-card">
|
|
||||||
<img src="/Images/twitter.svg" alt="Twitter Logo" class="twitter-card-logo mb-4">
|
|
||||||
<p>Developer DAO (🧱, 🚀)<br>
|
|
||||||
@developer_dao</p>
|
|
||||||
<p>probably nothing</p>
|
|
||||||
<p>6:28 PM - Mar 23, 2022</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</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>
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
||||||
|
|
@ -1,94 +1,4 @@
|
||||||
<div class="container footer mb-5 mt-5">
|
<!-- JavaScript Bundle with Popper -->
|
||||||
<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>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="/white-paper">White Paper</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="https://medium.com/teaxyz">Blog</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="/careers/">Careers</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="/privacy-policy/">Privacy Policy</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="/terms-of-use/">Terms of Use</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 email-field-footer mb-3" data-attr-type="0" name="Email" placeholder="Add 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>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.email-field-footer{
|
|
||||||
width:100% !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<!-- End Sendx Form -->
|
|
||||||
|
|
||||||
<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"
|
<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">
|
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
/* General */
|
||||||
|
|
||||||
|
body{
|
||||||
|
background-color: #1a1a1a;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue