Hugo
* 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>
8
.github/workflows/cd.yml
vendored
|
@ -24,6 +24,14 @@ jobs:
|
||||||
|
|
||||||
- uses: actions/checkout@v3
|
- 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 sync’d
|
## means s3 sync will only sync things we need sync’d
|
||||||
- uses: chetan/git-restore-mtime-action@v1
|
- uses: chetan/git-restore-mtime-action@v1
|
||||||
|
|
||||||
|
|
13
.github/workflows/staging.yml
vendored
|
@ -28,6 +28,19 @@ jobs:
|
||||||
|
|
||||||
- uses: actions/checkout@v3
|
- 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
|
- uses: aws-actions/configure-aws-credentials@v1
|
||||||
with:
|
with:
|
||||||
aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
|
aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
|
||||||
|
|
20
.gitignore
vendored
|
@ -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
|
.DS_Store
|
||||||
node_modules
|
node_modules
|
||||||
.envrc
|
.envrc
|
||||||
|
|
0
.hugo_build.lock
Normal file
41
README.md
|
@ -16,8 +16,7 @@ sh <(curl tea.xyz) https://github.com/teaxyz/www
|
||||||
Alternatively:
|
Alternatively:
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npx watch-http-server . -p8000 -o -a localhost
|
hugo serve --watch -D
|
||||||
open localhost:8000
|
|
||||||
```
|
```
|
||||||
|
|
||||||
# Dependencies
|
# Dependencies
|
||||||
|
@ -25,3 +24,41 @@ open localhost:8000
|
||||||
| Project | Version |
|
| Project | Version |
|
||||||
|------------|---------|
|
|------------|---------|
|
||||||
| nodejs.org | ^18 |
|
| 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
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
title: "{{ replace .Name "-" " " | title }}"
|
||||||
|
date: {{ .Date }}
|
||||||
|
draft: false
|
||||||
|
---
|
||||||
|
|
37
config.toml
Normal 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
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
title: "404"
|
||||||
|
Description: "Oops Something Broke"
|
||||||
|
layout: "404"
|
||||||
|
---
|
7
content/_index.md
Normal 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
|
@ -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
|
@ -0,0 +1,7 @@
|
||||||
|
---
|
||||||
|
title: "White Paper"
|
||||||
|
Description: "tea.white paper"
|
||||||
|
layout: "white-paper"
|
||||||
|
menu: main
|
||||||
|
weight: 7
|
||||||
|
---
|
14
layouts/404.html
Normal 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 couldn’t find the page you’re looking for.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{ end }}
|
27
layouts/_default/baseof.html
Normal 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>
|
0
layouts/_default/list.html
Normal file
0
layouts/_default/single.html
Normal file
|
@ -1,210 +1,4 @@
|
||||||
<!DOCTYPE html>
|
{{ define "main" }}
|
||||||
<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‐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 <(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‐Source for web3" />
|
|
||||||
<meta property="og:image" content="https://tea.xyz/cover.png" />
|
|
||||||
<meta property="og:image:alt" content="sh <(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>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Hero Section -->
|
<!-- Hero Section -->
|
||||||
|
|
||||||
<img id="tea-steam-dark-1" src="Images/tea-steam-dark-1.svg" alt="">
|
<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="container web3-container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col order-lg-1 order-sm-2 order-2">
|
<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>
|
||||||
<div class="col-lg-6 col-sm-12 my-auto order-lg-2 order-sm-1 order-1">
|
<div class="col-lg-6 col-sm-12 my-auto order-lg-2 order-sm-1 order-1">
|
||||||
<p class="mb-5">WEB3</p>
|
<p class="mb-5">WEB3</p>
|
||||||
|
@ -546,127 +340,4 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{{ end }}
|
||||||
<!-- Footer -->
|
|
||||||
<div class="container footer mb-5 mt-5">
|
|
||||||
<div class="row mb-5 mt-5">
|
|
||||||
<div class="col-lg-4">
|
|
||||||
<img src="Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
|
|
||||||
<p class="boilerplate mt-3 small">tea is revolutionizing open‐source by leveraging blockchain and web3 to
|
|
||||||
ensure fairness and equitability for the developers who power the internet. Now tell me, will you answer the
|
|
||||||
call? A shot’s been heard around the web, and the tea army wants you to join the cause.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-2 col-sm-6 col-6 mt-3">
|
|
||||||
<h6>Quick Links</h6>
|
|
||||||
<ul class="nav flex-column small">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="#">Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="#why-tea">Why tea?</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="#features">Features</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
|
|
||||||
<h6>tea Links</h6>
|
|
||||||
<ul class="nav flex-column small">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-4 mt-3">
|
|
||||||
<h6 class=" mb-4">Get updates to your inbox</h6>
|
|
||||||
|
|
||||||
<!-- 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'<span style="color:#54BAAB;">tea</span>');
|
|
||||||
$('#revolution-text').html(
|
|
||||||
'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
|
|
||||||
);
|
|
||||||
$('#auth-body-text').hide();
|
|
||||||
$('.rounded-pill').hide();
|
|
||||||
$('.auth-btn').html('Configure GitHub App');
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<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>
|
|
96
layouts/page/tea-qr.html
Normal 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 it’s 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 }}
|
165
layouts/page/white-paper.html
Normal 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">We’re Open‐Sourcing Our White Paper</h1>
|
||||||
|
<p class="mb-5 fs-sm-5 fs-lg-6 lead">Open‐source is about the many coming together to create something
|
||||||
|
great. In the spirit of that, we’re inviting developers, speculators, and enthusiasts alike to contribute to
|
||||||
|
our white paper and help brew the future of the internet. This is our revolutionary undertaking to create
|
||||||
|
equitable open‐source for web3, and we want you to be a part of laying its groundwork.<br><a
|
||||||
|
style="color:#54BAAB;" href="https://tea.xyz/tea.white-paper.pdf">Download our white paper</a>.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex; flex-direction:column;" class="col-lg-3 col-sm-12">
|
||||||
|
<div style="margin-top:auto; z-index:100;">
|
||||||
|
<a class="btn btn-primary mb-3" href="https://github.com/apps/tea-xyz/installations/new"
|
||||||
|
role="button">Authenticate with tea</a><br>
|
||||||
|
<a class="btn btn-primary align-middle mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn"
|
||||||
|
href="https://github.com/teaxyz/white-paper" role="button"><i class="bi bi-github me-2" style="font-size: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 }}
|
138
layouts/partials/footer.html
Normal 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‐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="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'<span style="color:#54BAAB;">tea</span>');
|
||||||
|
$('#revolution-text').html(
|
||||||
|
'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
|
||||||
|
);
|
||||||
|
$('#auth-body-text').hide();
|
||||||
|
$('.rounded-pill').hide();
|
||||||
|
$('.auth-btn').html('Configure GitHub App');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<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>
|
54
layouts/partials/head.html
Normal 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 <(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‐Source for web3" />
|
||||||
|
<meta property="og:image" content="https://tea.xyz/cover.png" />
|
||||||
|
<meta property="og:image:alt" content="sh <(curl tea.xyz)" />
|
||||||
|
</head>
|
||||||
|
</head>
|
89
layouts/partials/header.html
Normal 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>
|
30
layouts/partials/navbar.html
Normal 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>
|
1
layouts/partials/scriptFooter.html
Normal file
|
@ -0,0 +1 @@
|
||||||
|
<script src="/js/main.js"></script>
|
|
@ -58,7 +58,7 @@ export default class TeaXYZ extends cdk.Stack {
|
||||||
new s3Deployment.BucketDeployment(this, "BucketDeployment", {
|
new s3Deployment.BucketDeployment(this, "BucketDeployment", {
|
||||||
destinationBucket: bucket,
|
destinationBucket: bucket,
|
||||||
distribution,
|
distribution,
|
||||||
distributionPaths: ["/", "/index.html"],
|
distributionPaths: ["/*"],
|
||||||
sources: [s3Deployment.Source.asset('./public')],
|
sources: [s3Deployment.Source.asset('./public')],
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
284
public/404.html
|
@ -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 > 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 <(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‐Source for web3" />
|
|
||||||
<meta property="og:image" content="https://tea.xyz/cover.png" />
|
|
||||||
<meta property="og:image:alt" content="sh <(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 couldn’t find the page you’re 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‐source by leveraging blockchain and web3 to
|
|
||||||
ensure fairness and equitability for the developers who power the internet. Now tell me, will you answer the
|
|
||||||
call? A shot’s been heard around the web, and the tea army wants you to join the cause.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-2 col-sm-6 col-6 mt-3">
|
|
||||||
<h6>Quick Links</h6>
|
|
||||||
<ul class="nav flex-column small">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="/#">Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="/#why-tea">Why tea?</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="/#features">Features</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
|
|
||||||
<h6>tea Links</h6>
|
|
||||||
<ul class="nav flex-column small">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-4 mt-3">
|
|
||||||
<h6 class=" mb-4">Get updates to your inbox</h6>
|
|
||||||
<form action="https://xyz.us14.list-manage.com/subscribe/post?u=5ecf36ba3d22ddd88d09708e6&id=4af8bd918a"
|
|
||||||
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate"
|
|
||||||
target="_blank" novalidate autocomplete="off">
|
|
||||||
<input type="hidden" name="tags" value="7137169">
|
|
||||||
<input class="email-field mb-2" placeholder="Email" name="EMAIL" type="email" />
|
|
||||||
<input class="email-submit btn-primary mb-3" type="submit" value="subscribe" />
|
|
||||||
</form>
|
|
||||||
<p style="font-size: 16px; color: gray;">You can also share our <a href="https://linktr.ee/teaxyz">Linktree</a>.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<p class="text-center" style="font-size:12px; color:#B7C7C8;">© 2022 tea inc.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- JavaScript Bundle with Popper -->
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
|
|
||||||
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
|
|
||||||
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
try {
|
|
||||||
fetch('https://app.tea.xyz/api/signups')
|
|
||||||
.then(res => res.json())
|
|
||||||
.then(res => {
|
|
||||||
if (!(localStorage['signup'] || '').match(/:::/)) {
|
|
||||||
$('#count').html(res.signups)
|
|
||||||
}
|
|
||||||
$('#count1').html(res.signups)
|
|
||||||
$('#count2').html(res.signups)
|
|
||||||
})
|
|
||||||
} catch (e) {
|
|
||||||
console.error(e)
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
$(window).scroll(function () {
|
|
||||||
$('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
|
|
||||||
});
|
|
||||||
|
|
||||||
if (localStorage['signup'].match(/:::/)) {
|
|
||||||
const [username, serial] = localStorage.signup.split(':::');
|
|
||||||
$('.box-auth-true').show();
|
|
||||||
$('.box-auth-false').hide();
|
|
||||||
$('#auth-username').html(username);
|
|
||||||
$('#count').html(serial);
|
|
||||||
$('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
|
|
||||||
$('#communitea').html('Thanks for joining our communi'<span style="color:#54BAAB;">tea</span>');
|
|
||||||
$('#revolution-text').html(
|
|
||||||
'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
|
|
||||||
);
|
|
||||||
$('#auth-body-text').hide();
|
|
||||||
$('.rounded-pill').hide();
|
|
||||||
$('.auth-btn').html('Configure GitHub App');
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 955 KiB After Width: | Height: | Size: 955 KiB |
Before Width: | Height: | Size: 316 KiB |
Before Width: | Height: | Size: 29 KiB |
|
@ -52,9 +52,6 @@ For authenticated users:
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rounded-pill{
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-dark .navbar-toggler{
|
.navbar-dark .navbar-toggler{
|
||||||
border:none;
|
border:none;
|
||||||
}
|
}
|
||||||
|
@ -151,6 +148,7 @@ For authenticated users:
|
||||||
#tea-steam-dark-2{
|
#tea-steam-dark-2{
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
top:0px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
}
|
}
|
||||||
|
@ -407,7 +405,9 @@ For authenticated users:
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer{
|
.partners{
|
||||||
|
background-color: #23282C;
|
||||||
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*Whitepaper Page*/
|
/*Whitepaper Page*/
|
|
@ -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 <(curl tea.xyz)">
|
|
||||||
<meta name="twitter:image" content=" https://tea.xyz/cover.png">
|
|
||||||
<meta property="og:url" content="http://tea.xyz/white-paper/" />
|
|
||||||
<meta property="og:type" content="article" />
|
|
||||||
<meta property="og:article:published_time" content="2022-05-19" />
|
|
||||||
<meta property="og:article:author" content="https://twitter.com/mxcl" />
|
|
||||||
<meta property="og:article:author" content="https://www.linkedin.com/in/timothytlewis/" />
|
|
||||||
<meta property="og:article:author" content="https://www.linkedin.com/in/thomas-borrel-149b15/" />
|
|
||||||
<meta property="og:title" content="tea.white-paper" />
|
|
||||||
<meta property="og:determiner" content="the" />
|
|
||||||
<meta property="og:description" content="A Decentralized Protocol for Remunerating the Open-Source Ecosystem" />
|
|
||||||
<meta property="og:image" content="https://tea.xyz/cover.png" />
|
|
||||||
<meta property="og:image:alt" content="sh <(curl tea.xyz)" />
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const q = window.location.search.match(/[\^\?&]store=[^&]*/)
|
|
||||||
if (q) {
|
|
||||||
localStorage.signup = q[0].split('=')[1]
|
|
||||||
window.location.replace(`${window.location.origin}${window.location.pathname}`)
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- 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">We’re Open‐Sourcing Our White Paper</h1>
|
|
||||||
<p class="mb-5 fs-sm-5 fs-lg-6 lead">Open‐source is about the many coming together to create something
|
|
||||||
great. In the spirit of that, we’re inviting developers, speculators, and enthusiasts alike to contribute to
|
|
||||||
our white paper and help brew the future of the internet. This is our revolutionary undertaking to create
|
|
||||||
equitable open‐source for web3, and we want you to be a part of laying its groundwork.<br><a
|
|
||||||
style="color:#54BAAB;" href="https://tea.xyz/tea.white-paper.pdf">Download our white paper</a>.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div style="display:flex; flex-direction:column;" class="col-lg-3 col-sm-12">
|
|
||||||
<div style="margin-top:auto; z-index:100;">
|
|
||||||
<a class="btn btn-primary mb-3" href="https://github.com/apps/tea-xyz/installations/new"
|
|
||||||
role="button">Authenticate with tea</a><br>
|
|
||||||
<a class="btn btn-primary align-middle mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn"
|
|
||||||
href="https://github.com/teaxyz/white-paper" role="button"><i class="bi bi-github me-2" style="font-size: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‐source by leveraging blockchain and web3 to
|
|
||||||
ensure fairness and equitability for the developers who power the internet. Now tell me, will you answer the
|
|
||||||
call? A shot’s been heard around the web, and the tea army wants you to join the cause.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-2 col-sm-6 col-6 mt-3">
|
|
||||||
<h6>Quick Links</h6>
|
|
||||||
<ul class="nav flex-column small">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="/#">Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="/#why-tea">Why Tea?</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="/#features">Features</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
|
|
||||||
<h6>tea Links</h6>
|
|
||||||
<ul class="nav flex-column small">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-4 mt-3">
|
|
||||||
<h6 class=" mb-4">Get updates to your inbox</h6>
|
|
||||||
|
|
||||||
<!-- 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'<span style="color:#54BAAB;">tea</span>');
|
|
||||||
$('#revolution-text').html(
|
|
||||||
'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
|
|
||||||
);
|
|
||||||
$('#auth-body-text').hide();
|
|
||||||
$('.rounded-pill').hide();
|
|
||||||
$('.auth-btn').html('Configure GitHub App');
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 98 KiB |
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 7.7 KiB |
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 7.3 KiB |
Before Width: | Height: | Size: 221 KiB After Width: | Height: | Size: 221 KiB |
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 7.3 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 8.6 KiB After Width: | Height: | Size: 8.6 KiB |
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 327 KiB After Width: | Height: | Size: 327 KiB |
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
1
static/Images/tea-auth-qr-code.svg
Normal file
After Width: | Height: | Size: 63 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 134 KiB After Width: | Height: | Size: 134 KiB |
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
BIN
static/Images/tea-logo-main.png
Normal file
After Width: | Height: | Size: 28 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB |
Before Width: | Height: | Size: 864 B After Width: | Height: | Size: 864 B |
Before Width: | Height: | Size: 858 B After Width: | Height: | Size: 858 B |
Before Width: | Height: | Size: 869 B After Width: | Height: | Size: 869 B |
Before Width: | Height: | Size: 867 B After Width: | Height: | Size: 867 B |
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 116 KiB After Width: | Height: | Size: 116 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 1,011 B After Width: | Height: | Size: 1,011 B |
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 795 B After Width: | Height: | Size: 795 B |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
1
static/Images/web-3-towerAsset-2.svg
Normal file
After Width: | Height: | Size: 955 KiB |
Before Width: | Height: | Size: 555 KiB After Width: | Height: | Size: 555 KiB |
BIN
static/banner.png
Normal file
After Width: | Height: | Size: 211 KiB |
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
453
static/css/style.css
Normal 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, you’ll 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;
|
||||||
|
}
|
||||||
|
}
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 58 KiB |
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.4 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
19
static/index.xml
Normal 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>
|