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
|
||||
|
||||
- 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
|
||||
- uses: chetan/git-restore-mtime-action@v1
|
||||
|
||||
|
|
13
.github/workflows/staging.yml
vendored
|
@ -28,6 +28,19 @@ jobs:
|
|||
|
||||
- uses: actions/checkout@v3
|
||||
|
||||
- name: Setup Hugo
|
||||
uses: peaceiris/actions-hugo@v2
|
||||
with:
|
||||
hugo-version: 'latest'
|
||||
|
||||
- name: Staging configuration
|
||||
run: |
|
||||
sed -i -e 's/^baseURL\s*=.*$/baseUrl = ""/i' config.toml
|
||||
echo "relativeurls = true" >>config.toml
|
||||
|
||||
- name: Build
|
||||
run: hugo
|
||||
|
||||
- uses: aws-actions/configure-aws-credentials@v1
|
||||
with:
|
||||
aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
|
||||
|
|
20
.gitignore
vendored
|
@ -1,3 +1,23 @@
|
|||
# Created by https://www.toptal.com/developers/gitignore/api/hugo
|
||||
# Edit at https://www.toptal.com/developers/gitignore?templates=hugo
|
||||
|
||||
### Hugo ###
|
||||
# Generated files by hugo
|
||||
/public/
|
||||
/resources/_gen/
|
||||
/assets/jsconfig.json
|
||||
hugo_stats.json
|
||||
|
||||
# Executable may be added to repository
|
||||
hugo.exe
|
||||
hugo.darwin
|
||||
hugo.linux
|
||||
|
||||
# Temporary lock file while building
|
||||
/.hugo_build.lock
|
||||
|
||||
# End of https://www.toptal.com/developers/gitignore/api/hugo
|
||||
|
||||
.DS_Store
|
||||
node_modules
|
||||
.envrc
|
||||
|
|
0
.hugo_build.lock
Normal file
41
README.md
|
@ -16,8 +16,7 @@ sh <(curl tea.xyz) https://github.com/teaxyz/www
|
|||
Alternatively:
|
||||
|
||||
```sh
|
||||
npx watch-http-server . -p8000 -o -a localhost
|
||||
open localhost:8000
|
||||
hugo serve --watch -D
|
||||
```
|
||||
|
||||
# Dependencies
|
||||
|
@ -25,3 +24,41 @@ open localhost:8000
|
|||
| Project | Version |
|
||||
|------------|---------|
|
||||
| nodejs.org | ^18 |
|
||||
|------------|---------|
|
||||
| gohugo.io | ^0.99 |
|
||||
|------------|---------|
|
||||
| bootstrap | ^5 |
|
||||
|------------|---------|
|
||||
| jquery | ^3.6 |
|
||||
|
||||
|
||||
# Editing/Syntax
|
||||
|
||||
This site is has been built with the help of [Bootstrap](https://getbootstrap.com/docs/5.2/getting-started/introduction/) for CSS/JS heavy-lifting and [HUGO](https://gohugo.io/documentation/) for templating and DRY development. HUGO must be installed locally in order to adequately preview development via terminal command [hugo server]. Partials/repeated components can be be found in layouts/partials. Each HTML page (layouts/page) must have a corresponding Markdown file in the Content folder (content/).
|
||||
|
||||
# Creating a New Page
|
||||
|
||||
1. Create a new HTML file in layouts/page
|
||||
2. Define the content section via `{{ define "main" }}` prior to proposed content area, and {{ end }} after proposed content area. User this HTML file to affect layout and styling. Content may be added via the corresponding .md file (see step 3)
|
||||
3. Create an `.md` file in the 'Content' folder and provide the appropriate metadata. Example:
|
||||
|
||||
```yaml
|
||||
title: "White Paper" # (How this page will appear in the menu)
|
||||
Description: "tea.white paper" # (Populates as page title)
|
||||
layout: "white-paper" # (the associated HTML file)
|
||||
menu: main # (Assign a menu)
|
||||
weight: 7 # (Order in which this item will appear)
|
||||
```
|
||||
|
||||
Following that, begin typing content. This will populate in the section of your HTML document that has been defined as `main`.
|
||||
|
||||
4. If adding a menu link for an external source or ID, edit the config.toml accordingly.
|
||||
5. Run with `hugo serve --watch -D`.
|
||||
|
||||
# Editing Partials/Repeated components
|
||||
|
||||
Partials may be edited in plain HTML. No additional HUGO syntax is required.
|
||||
|
||||
# Defining Partial Locations
|
||||
|
||||
Partials are defined via the `baseof.html` file in `layouts/default`. This informs the layout of a newly generated page. Insert new partials via the syntax `{{- partial "partial.html" -}}`.
|
||||
|
|
6
archetypes/default.md
Normal file
|
@ -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>
|
||||
<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>
|
||||
|
||||
|
||||
{{ define "main" }}
|
||||
<!-- Hero Section -->
|
||||
|
||||
<img id="tea-steam-dark-1" src="Images/tea-steam-dark-1.svg" alt="">
|
||||
|
@ -325,7 +119,7 @@
|
|||
<div class="container web3-container">
|
||||
<div class="row">
|
||||
<div class="col order-lg-1 order-sm-2 order-2">
|
||||
<img class="mt-5 web3-tower" src="Images/web-3-towerAsset 2.svg" alt="">
|
||||
<img class="mt-5 web3-tower" src="/Images/web-3-towerAsset-2.svg" alt="">
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 my-auto order-lg-2 order-sm-1 order-1">
|
||||
<p class="mb-5">WEB3</p>
|
||||
|
@ -546,127 +340,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="container footer mb-5 mt-5">
|
||||
<div class="row mb-5 mt-5">
|
||||
<div class="col-lg-4">
|
||||
<img src="Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
|
||||
<p class="boilerplate mt-3 small">tea is revolutionizing open‐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>
|
||||
{{ end }}
|
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", {
|
||||
destinationBucket: bucket,
|
||||
distribution,
|
||||
distributionPaths: ["/", "/index.html"],
|
||||
distributionPaths: ["/*"],
|
||||
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;
|
||||
}
|
||||
|
||||
.rounded-pill{
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-toggler{
|
||||
border:none;
|
||||
}
|
||||
|
@ -151,6 +148,7 @@ For authenticated users:
|
|||
#tea-steam-dark-2{
|
||||
z-index: 9;
|
||||
position: absolute;
|
||||
top:0px;
|
||||
right: 0px;
|
||||
width: 30%;
|
||||
}
|
||||
|
@ -407,7 +405,9 @@ For authenticated users:
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.footer{
|
||||
.partners{
|
||||
background-color: #23282C;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/*Whitepaper Page*/
|
|
@ -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>
|