* Initial Hugo buildout

* Initial Hugo buildout

* Progress

* Initial Hugo buildout

* Initial Hugo buildout

* Progress

* Rebase on main

* sync to #41

* Additional fixes; partials image paths, white-paper page.

* White-paper separate nav, 404 cleanup.

* banner update

* Initial Hugo buildout

* Initial Hugo buildout

* Progress

* Initial Hugo buildout

* Initial Hugo buildout

* Progress

* Rebase on main

* sync to #41

* Additional fixes; partials image paths, white-paper page.

* White-paper separate nav, 404 cleanup.

* banners from `main`

* white-paper CTA styling, auth # fix, title fix

* Better invalidation path

* Footer nav fix

* White paper, not white-paper. QR Code page

* Superfluous XML Files

* README.md additions

* Style changes

Co-authored-by: Jacob Heider <jacob@tea.xyz>
This commit is contained in:
Thomas Smith 2022-06-07 19:18:10 -04:00 committed by GitHub
parent 35e416a970
commit b3d7689011
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
87 changed files with 1243 additions and 1087 deletions

View file

@ -24,6 +24,14 @@ jobs:
- uses: actions/checkout@v3
- name: Setup Hugo
uses: peaceiris/actions-hugo@v2
with:
hugo-version: 'latest'
- name: Build
run: hugo --minify
## means s3 sync will only sync things we need syncd
- uses: chetan/git-restore-mtime-action@v1

View file

@ -28,6 +28,19 @@ jobs:
- uses: actions/checkout@v3
- name: Setup Hugo
uses: peaceiris/actions-hugo@v2
with:
hugo-version: 'latest'
- name: Staging configuration
run: |
sed -i -e 's/^baseURL\s*=.*$/baseUrl = ""/i' config.toml
echo "relativeurls = true" >>config.toml
- name: Build
run: hugo
- uses: aws-actions/configure-aws-credentials@v1
with:
aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}

20
.gitignore vendored
View file

@ -1,3 +1,23 @@
# Created by https://www.toptal.com/developers/gitignore/api/hugo
# Edit at https://www.toptal.com/developers/gitignore?templates=hugo
### Hugo ###
# Generated files by hugo
/public/
/resources/_gen/
/assets/jsconfig.json
hugo_stats.json
# Executable may be added to repository
hugo.exe
hugo.darwin
hugo.linux
# Temporary lock file while building
/.hugo_build.lock
# End of https://www.toptal.com/developers/gitignore/api/hugo
.DS_Store
node_modules
.envrc

0
.hugo_build.lock Normal file
View file

View file

@ -16,8 +16,7 @@ sh <(curl tea.xyz) https://github.com/teaxyz/www
Alternatively:
```sh
npx watch-http-server . -p8000 -o -a localhost
open localhost:8000
hugo serve --watch -D
```
# Dependencies
@ -25,3 +24,41 @@ open localhost:8000
| Project | Version |
|------------|---------|
| nodejs.org | ^18 |
|------------|---------|
| gohugo.io | ^0.99 |
|------------|---------|
| bootstrap | ^5 |
|------------|---------|
| jquery | ^3.6 |
# Editing/Syntax
This site is has been built with the help of [Bootstrap](https://getbootstrap.com/docs/5.2/getting-started/introduction/) for CSS/JS heavy-lifting and [HUGO](https://gohugo.io/documentation/) for templating and DRY development. HUGO must be installed locally in order to adequately preview development via terminal command [hugo server]. Partials/repeated components can be be found in layouts/partials. Each HTML page (layouts/page) must have a corresponding Markdown file in the Content folder (content/).
# Creating a New Page
1. Create a new HTML file in layouts/page
2. Define the content section via `{{ define "main" }}` prior to proposed content area, and {{ end }} after proposed content area. User this HTML file to affect layout and styling. Content may be added via the corresponding .md file (see step 3)
3. Create an `.md` file in the 'Content' folder and provide the appropriate metadata. Example:
```yaml
title: "White Paper" # (How this page will appear in the menu)
Description: "tea.white paper" # (Populates as page title)
layout: "white-paper" # (the associated HTML file)
menu: main # (Assign a menu)
weight: 7 # (Order in which this item will appear)
```
Following that, begin typing content. This will populate in the section of your HTML document that has been defined as `main`.
4. If adding a menu link for an external source or ID, edit the config.toml accordingly.
5. Run with `hugo serve --watch -D`.
# Editing Partials/Repeated components
Partials may be edited in plain HTML. No additional HUGO syntax is required.
# Defining Partial Locations
Partials are defined via the `baseof.html` file in `layouts/default`. This informs the layout of a newly generated page. Insert new partials via the syntax `{{- partial "partial.html" -}}`.

6
archetypes/default.md Normal file
View file

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: false
---

37
config.toml Normal file
View file

@ -0,0 +1,37 @@
baseURL = 'https://tea.xyz/'
languageCode = 'en-us'
title = 'Equitable Open-Source for Web3'
# menu links via config file
[menu]
[[menu.main]]
identifier = 'why-tea'
name = 'Why tea?'
title = 'why tea?'
url = '/#why-tea'
weight = 2
[[menu.main]]
identifier = 'features'
name = 'Features'
title = 'features'
url = '/#features'
weight = 3
[[menu.main]]
identifier = 'community'
name = 'Community'
title = 'community'
url = '/#community'
weight = 4
[[menu.main]]
identifier = 'blog'
name = 'Blog'
title = 'blog'
url = 'https://medium.com/teaxyz'
weight = 5
[[menu.main]]
identifier = 'linktree'
name = 'Linktree'
title = 'linktree'
url = 'https://linktr.ee/teaxyz'
weight = 6

5
content/404.md Normal file
View file

@ -0,0 +1,5 @@
---
title: "404"
Description: "Oops Something Broke"
layout: "404"
---

7
content/_index.md Normal file
View file

@ -0,0 +1,7 @@
---
title: "Home"
Description: "Equitable Open-Source for web3"
layout: "index"
menu: main
weight: 1
---

5
content/tea-qr.md Normal file
View file

@ -0,0 +1,5 @@
---
title: "Authenticate with tea"
Description: "Scan Our QR Code to Authenticate"
layout: "tea-qr"
---

7
content/white-paper.md Normal file
View file

@ -0,0 +1,7 @@
---
title: "White Paper"
Description: "tea.white paper"
layout: "white-paper"
menu: main
weight: 7
---

14
layouts/404.html Normal file
View file

@ -0,0 +1,14 @@
{{ define "main" }}
<div class="container">
<div class="row" style="height:100vh;">
<div class="col my-auto">
<img class="broken-tea" src="/Images/404.png" alt="broken teacup"
style="width:30%; display:block; margin-left:auto; margin-right:auto;">
<h1 class="text-center display-1 mb-lg-5 mb-md-5 mb-sm-5 mb-3">Oops<br>Something Broke.</h1>
<p class="text-center lead">We couldnt find the page youre looking for.</p>
</div>
</div>
</div>
{{ end }}

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
{{- partial "head.html" . -}}
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WQVCLC" height="0" width="0"
style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
{{- partial "header.html" . -}}
</header>
{{- partial "navbar.html" . -}}
<main>
{{- block "main" . }}{{- end }}
</main>
<footer>
{{- partial "footer.html" . -}}
</footer>
{{- partial "scriptFooter.html" . -}}
</body>
</html>

View file

View file

View file

@ -1,210 +1,4 @@
<!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>Equitable Open&hyphen;Source for web3</title>
<!-- Google Tag Manager - From Gypsy -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5WQVCLC');</script>
<!-- End Tag Manager -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '573253607795663');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=573253607795663&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- 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:title" content="tea.">
<meta name="twitter:description" content="something new is brewing.">
<meta name="twitter:image" content=" https://tea.xyz/cover.png">
<meta property="og:url" content="http://tea.xyz" />
<meta property="og:type" content="website" />
<meta property="og:title" content="tea.xyz" />
<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:alt" content="sh &lt;(curl tea.xyz)" />
</head>
<body>
<!-- Google Tag Manager (No Script) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WQVCLC" width="0" height="0" style="display:none;visibility:hidden;"></iframe>
</noscript>
<!-- End GTM (No Script) -->
<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;
}
.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>
<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 active" 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" href="/white-paper/">White Paper</a>
</li>
</ul>
<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
class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
</div>
</div>
</nav>
{{ define "main" }}
<!-- Hero Section -->
<img id="tea-steam-dark-1" src="Images/tea-steam-dark-1.svg" alt="">
@ -325,7 +119,7 @@
<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="">
<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>
@ -546,127 +340,4 @@
</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 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">
<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>
<!-- 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 -->
<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>
$(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} / <span id='count3'></span>`);
$('#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>
<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)
$('#count3').html(res.signups)
})
} catch (e) {
console.error(e)
}
</script>
</body>
</html>
{{ end }}

96
layouts/page/tea-qr.html Normal file
View file

@ -0,0 +1,96 @@
{{ define "main" }}
<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 order-lg-1 order-sm-2 order-2">
<div style="margin-top:auto; margin-bottom:auto;">
<h1 class="display-2 mb-4">Authenticate your <span style="color:#54BAAB;">Github</span> with tea.</h1>
<p class="mb-5 fs-sm-5 fs-lg-6 lead">Early-adoption developers will be entitled to a variety of exciting rewards, including minted NFT certificates. Simply log into your Github account, install our application, and then answer a couple quick questions. The open-source revolution is here, so be sure to take a sip while its hot!</p>
<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
id="count2">287</span></span></a>
</div>
</div>
<div class="col-lg-6 col-sm-12 order-lg-2 order-sm-1 order-1 mb-lg-0 mb-md-0 mb-sm-4 mb-4">
<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;">
<img src="/Images/tea-auth-qr-code.svg" alt="">
</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>
</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 }}

View file

@ -0,0 +1,165 @@
{{ define "main" }}
<style media="screen">
.main-nav{
display:none;
}
@media only screen and (max-width: 980px) {
.auth-btn {
width: 100%;
margin-bottom: 20px;
}
}
</style>
<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">
{{ range .Site.Menus.main }}
<li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
<a class="nav-link{{ if $.IsMenuCurrent "main" . }} active" aria-current="page {{ end }}" href="{{ .URL }}">{{ .Name}}</a>
</li>
{{ end }}
</ul>
</div>
<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
class="badge rounded-pill bg-primary ms-3"><span id="count4">287</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">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
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>
<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>
<!-- 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>
{{ end }}

View file

@ -0,0 +1,138 @@
<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&#x27;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="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 -->
<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>
$(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} / <span id='count3'></span>`);
$('#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>
<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)
$('#count3').html(res.signups)
$('#count4').html(res.signups)
})
} catch (e) {
console.error(e)
}
</script>
<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>

View file

@ -0,0 +1,54 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{{ .Description }}</title>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5WQVCLC');</script>
<!-- End Google Tag Manager -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '573253607795663');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=573253607795663&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- 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="/css/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:title" content="tea.">
<meta name="twitter:description" content="something new is brewing.">
<meta name="twitter:image" content=" https://tea.xyz/cover.png">
<meta property="og:url" content="http://tea.xyz" />
<meta property="og:type" content="website" />
<meta property="og:title" content="tea.xyz" />
<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:alt" content="sh &lt;(curl tea.xyz)" />
</head>
</head>

View file

@ -0,0 +1,89 @@
<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;
}
.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>
<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>

View file

@ -0,0 +1,30 @@
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav">
<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">
{{ range .Site.Menus.main }}
<li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
<a class="nav-link{{ if $.IsMenuCurrent "main" . }} active" aria-current="page {{ end }}" href="{{ .URL }}">{{ .Name}}</a>
</li>
{{ end }}
</ul>
<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
class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
</div>
</div>
</nav>

View file

@ -0,0 +1 @@
<script src="/js/main.js"></script>

View file

@ -58,7 +58,7 @@ export default class TeaXYZ extends cdk.Stack {
new s3Deployment.BucketDeployment(this, "BucketDeployment", {
destinationBucket: bucket,
distribution,
distributionPaths: ["/", "/index.html"],
distributionPaths: ["/*"],
sources: [s3Deployment.Source.asset('./public')],
});
}

View file

@ -1,284 +0,0 @@
<!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 &gt; 404</title>
<!-- Google Tag Manager - From Gypsy -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5WQVCLC');</script>
<!-- End Tag Manager -->
<!-- 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:title" content="tea.">
<meta name="twitter:description" content="something new is brewing.">
<meta name="twitter:image" content=" https://tea.xyz/cover.png">
<meta property="og:url" content="http://tea.xyz" />
<meta property="og:type" content="website" />
<meta property="og:title" content="tea.xyz" />
<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:alt" content="sh &lt;(curl tea.xyz)" />
</head>
<body>
<!-- Google Tag Manager (No Script) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WQVCLC" width="0" height="0" style="display:none;visibility:hidden;"></iframe>
</noscript>
<!-- End GTM (No Script) -->
<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) {
.broken-tea {
width: 75% !important;
}
}
</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" href="/white-paper/">White Paper</a>
</li>
</ul>
<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
class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
</div>
</div>
</nav>
<!-- 404 Page -->
<div class="container">
<div class="row" style="height:100vh;">
<div class="col my-auto">
<img class="broken-tea" src="/Images/404.png" alt="broken teacup"
style="width:30%; display:block; margin-left:auto; margin-right:auto;">
<h1 class="text-center display-1 mb-lg-5 mb-md-5 mb-sm-5 mb-3">Oops<br>Something Broke.</h1>
<p class="text-center lead">We couldnt find the page youre looking for.</p>
</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 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">
<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, 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>

View file

Before

Width:  |  Height:  |  Size: 955 KiB

After

Width:  |  Height:  |  Size: 955 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 316 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

View file

@ -52,9 +52,6 @@ For authenticated users:
text-transform: uppercase;
}
.rounded-pill{
}
.navbar-dark .navbar-toggler{
border:none;
}
@ -151,6 +148,7 @@ For authenticated users:
#tea-steam-dark-2{
z-index: 9;
position: absolute;
top:0px;
right: 0px;
width: 30%;
}
@ -407,7 +405,9 @@ For authenticated users:
width: 100%;
}
.footer{
.partners{
background-color: #23282C;
border-radius: 10px;
}
/*Whitepaper Page*/

View file

@ -1,464 +0,0 @@
<!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>
<!-- Google Tag Manager - From Gypsy -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5WQVCLC');</script>
<!-- End Tag Manager -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '573253607795663');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=573253607795663&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- 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 &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>
<!-- Google Tag Manager (No Script) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WQVCLC" width="0" height="0" style="display:none;visibility:hidden;"></iframe>
</noscript>
<!-- End GTM (No Script) -->
<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;
}
.mobile-pdf {
display: block;
}
.pdf-iframe {
display: none;
}
}
@media only screen and (min-width: 980px) {
.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-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 -->
<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">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
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>
<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>
<!-- 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&#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 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">
<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>
<!-- 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 -->
<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>

View file

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 98 KiB

View file

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

View file

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

View file

Before

Width:  |  Height:  |  Size: 221 KiB

After

Width:  |  Height:  |  Size: 221 KiB

View file

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

View file

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

View file

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View file

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

View file

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

View file

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

View file

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

View file

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View file

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

View file

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View file

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

View file

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View file

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View file

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 63 KiB

View file

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View file

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

View file

Before

Width:  |  Height:  |  Size: 134 KiB

After

Width:  |  Height:  |  Size: 134 KiB

View file

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

View file

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View file

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

View file

Before

Width:  |  Height:  |  Size: 864 B

After

Width:  |  Height:  |  Size: 864 B

View file

Before

Width:  |  Height:  |  Size: 858 B

After

Width:  |  Height:  |  Size: 858 B

View file

Before

Width:  |  Height:  |  Size: 869 B

After

Width:  |  Height:  |  Size: 869 B

View file

Before

Width:  |  Height:  |  Size: 867 B

After

Width:  |  Height:  |  Size: 867 B

View file

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View file

Before

Width:  |  Height:  |  Size: 116 KiB

After

Width:  |  Height:  |  Size: 116 KiB

View file

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View file

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

Before

Width:  |  Height:  |  Size: 1,011 B

After

Width:  |  Height:  |  Size: 1,011 B

View file

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

View file

Before

Width:  |  Height:  |  Size: 795 B

After

Width:  |  Height:  |  Size: 795 B

View file

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 955 KiB

View file

Before

Width:  |  Height:  |  Size: 555 KiB

After

Width:  |  Height:  |  Size: 555 KiB

BIN
static/banner.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

View file

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

453
static/css/style.css Normal file
View file

@ -0,0 +1,453 @@
/*General*/
html {
-webkit-hyphenate-character: '-';
}
body{
background-color: #2B3033;
}
/*Post Authentication Box*/
/*Directions for Jacob:
For authenticated users:
* .box-auth-true = display:block;
* .box-auth-false = display: none;
* #auth-username = editInnerHTML to show username/email
* #count = editInnerHTML to show user's authentication number
* #count-sub-text = editInnerHTML to read "YOUR AUTHENTICATION NUMBER"
* #communitea = editInnerHTML to read "Thanks for joining our"
* #revolution-text = editInnerHTML to read "Now stay tuned! As an early authenticator, youll be entitled to a variety of exciting rewards, including minted NFT certificates."
* #auth-body-text = display: none;
* .rounded-pill = display: none;
* .auth-btn = editInnerHTML to read "Configure GitHub App"
*/
/*Begin Auth Module*/
.box-auth-true{
background-color: #54BAAB !important;
border: 1.5px solid #13FBD9 !important;
box-shadow: 0px 0px 5px #13FBD9 !important;
border-radius: 5px;
display: none;
}
.box-auth-false{
background-color:#44494B;
border-radius:5px;
display: block;
}
#auth-username{
color: white;
text-decoration: underline;
}
#count-sub-text{
text-transform: uppercase;
}
.navbar-dark .navbar-toggler{
border:none;
}
.visuallyHidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
}
.hamburger {
margin: 0 auto;
margin-top: 0px;
width: 30px;
height: 30px;
position: relative;
}
.hamburger .bar {
padding: 0;
width: 30px;
height: 4px;
background-color: #8EC7BF;
display: block;
border-radius: 4px;
transition: all 0.4s ease-in-out;
position: absolute;
}
.bar1 {
top: 0;
}
.bar2,
.bar3 {
top: 13.5px;
}
.bar3 {
right: 0;
}
.bar4 {
bottom: 0;
}
/* HAMBURGER 1 */
.checkbox1:checked + label > .hamburger1 > .bar1{
transform: rotate(45deg);
transform-origin: 5%;
width: 41px
}
.checkbox1:checked + label > .hamburger1 > .bar2 {
transform: translateX(-40px);
background-color: transparent;
}
.checkbox1:checked + label > .hamburger1 > .bar3 {
transform: translateX(40px);
background-color: transparent;
}
.checkbox1:checked + label > .hamburger1 > .bar4 {
transform-origin: 5%;
transform: rotate(-45deg);
width: 41px;
}
.container,
.top-nav{
max-width: 1280px;
}
.navbar{
background-color: black;
}
.bg-dark {
background:transparent !important;
transition:0.2s ease-in-out;
}
.bg-dark.scrolled {
background-color:#000 !important;
}
#tea-steam-dark-1{
z-index:0;
position: absolute;
}
#tea-steam-dark-2{
z-index: 9;
position: absolute;
top:0px;
right: 0px;
width: 30%;
}
.rounded-pill{
background-color: #7EC9C0 !important;
}
.row{
width: 100%;
margin: 0 !important;
}
.container{
z-index: 50;
}
.hero{
padding: 80px 0px;
}
#why-tea{
margin-top: 80px;
}
.hero-image{
display: block;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 600px) {
#tea-steam-1{
position: absolute;
z-index: 0;
margin-top: -100px;
width: 50%
}
#tea-steam-2{
position: absolute;
z-index: 0;
display: block;
right: 0px;
margin-top: 50px;
}
#tea-steam-dark-1{
width:90%;
}
#tea-steam-dark-2{
display:none;
}
.hero-image{
display:none;
}
#binance{
display: block;
margin-left: auto;
margin-right: auto;
width: 70%;
}
h1{
font-size: 3.5rem !important;
}
}
@media only screen and (min-width: 600px) {
#tea-steam-1{
position: absolute;
z-index: 0;
margin-top: -100px;
}
#tea-steam-2{
position: absolute;
z-index: 0;
right: 0px;
display: block;
margin-top: 100px;
}
#binance{
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
}
.web2-container{
padding-top: 100px;
padding-bottom: 100px;
}
.web3-container{
padding-top: 0px;
padding-bottom: 100px;
}
.partners{
padding-top: 100px;
padding-bottom: 100px;
}
}
.web3-tower{
width:70%;
display: block;
margin-left: auto;
margin-right: auto;
}
.web2-tower{
width: 50%;
}
/*Typorgaphy*/
h1,
h2,
h3,
h4,
h5{
font-family: 'Playfair Display', serif, system-ui !important;
color: #fff;
z-index:200;
}
h6{
color: #fff;
}
p{
color:#fff;
}
.yellow{
color: #DDFC76;
}
.charcoal{
color: #2B3033;
}
.teal{
color: #54BAAB;
}
.btn-primary{
background-color: #54BAAB;
border: none;
border-radius: 60px;
width: 300px;
padding: 10px 0px;
transition: 0.2s ease-in-out;
}
#tea-steam-1{
position: absolute;
z-index: 0;
margin-top: -100px;
}
#tea-steam-2{
position: absolute;
z-index: 0;
right: 0px;
display: block;
margin-top: 100px;
}
.community-icon{
width: 30%;
}
.card-body{
background-color: #2B3033;
border: 1px solid #DCDBDB;
border-radius: 3px;
box-shadow: 0px 0px 24px #16191B;
}
hr{
border: 1px solid #fff;
}
.btn-primary:hover{
background-color: #62CFBF;
}
#whitepaper-btn{
border: 2px solid #fff !important;
background-color: #2B3033;
}
.mission,
.community-container{
background-color: #54BAAB !important;
}
.mission{
padding: 100px 0px;
}
.com-card{
background-color: #62C8B9 !important;
border: 2px solid #7CEEDD;
border-radius: 3px;
height: 185px;
display: flex;
justify-content: center;
transition: 0.2s ease-in-out;
}
.com-card:hover{
cursor:pointer;
box-shadow: 0px 0px 12px rgba(81, 92, 92, 0.3);
transform: scale(1.02);
}
code{
color:#DDFC76;
}
.nav-link{
color:white;
}
.email-field{
width:100%;
border: none;
border-radius: 30px;
background-color: #3F4346;
padding: 10px 20px;
color: white;
transition: 0.1s ease-in-out;
}
.email-field:focus{
border: 1px solid #54BAAB !important;
box-shadow: 0px 0px 4px rgba(84, 186, 171, 0.5);
}
input{
outline: none !important;
}
.email-submit{
width: 100%;
}
/*Whitepaper Page*/
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh;
width:100%;
}
@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;
}
.mobile-pdf {
display: block;
}
.pdf-iframe {
display: none;
}
}
@media only screen and (min-width: 980px) {
.mobile-pdf {
display: none;
}
.pdf-iframe {
display: block;
}
}

View file

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 58 KiB

View file

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

View file

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

19
static/index.xml Normal file
View file

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Equitable Open-Source for Web3</title>
<link>https://tea.xyz/</link>
<description>Recent content on Equitable Open-Source for Web3</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language><atom:link href="https://tea.xyz/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>White Paper</title>
<link>https://tea.xyz/white-paper/</link>
<pubDate>Thu, 26 May 2022 00:00:00 +0000</pubDate>
<guid>https://tea.xyz/white-paper/</guid>
<description>page this is the page</description>
</item>
</channel>
</rss>