ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-26 18:45:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'website-version-3' into feature/dynamic-package-list

Browse source
This commit is contained in:
neil 2022-10-14 06:42:25 +08:00
commit 0c65ed2170
25 changed files with 685 additions and 213 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/content/media-kit.md Normal file
View file

@ -0,0 +1,5 @@
---
title: "tea Media Kit"
Description: "tea.media_kit"
layout: "media-kit"
---

5
src/content/package-detail.md Normal file
View file

@ -0,0 +1,5 @@
---
title: "Package Details"
Description: "package.details"
layout: "package-detail"
---

4
src/content/package-manager.md
View file

@ -3,7 +3,3 @@ title: "tea.package-manager"
Description: "tea.package manager" Description: "tea.package manager"
layout: "package-manager" layout: "package-manager"
--- ---
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

5
src/content/rewards.md Normal file
View file

@ -0,0 +1,5 @@
---
title: "Rewards"
Description: "tea.rewards"
layout: "rewards"
---

5
src/content/tea-protocol.md Normal file
View file

@ -0,0 +1,5 @@
---
title: "tea protocol"
Description: "tea.protocol"
layout: "tea-protocol"
---

2
src/layouts/index.html
View file

@ -80,6 +80,8 @@
<section class="package-before-section"> <section class="package-before-section">
<div class="gen-art" id="gen-art-3"></div> <div class="gen-art" id="gen-art-3"></div>
<div class="gen-art" id="gen-art-4"></div>
<div class="gen-art" id="gen-art-4_5"></div>
<div class="container package_before"> <div class="container package_before">
<div class="row"> <div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12"> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">

14
src/layouts/page/media-kit.html Normal file
View file

@ -0,0 +1,14 @@
{{ define "main" }}
<section>
<div class="container">
<div class="row">
<div class="col">
<h1>tea Media Kit</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</section>
{{ end }}

33
src/layouts/page/package-detail.html Normal file
View file

@ -0,0 +1,33 @@
{{ define "main" }}
<section>
<div class="container">
<div class="row">
<div class="col">
<div class="package-thumbnail gray-bg">
</div>
</div>
<div class="col">
<h3>Package Title</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
{{- partial "detail-btn-large.html" -}}
</div>
</div>
</div>
</section>
{{- partial "full-width-cta-split.html" -}}
<style>
.package-thumbnail{
width: 100%;
height: 100%;
background-color: gray;
}
</style>
{{ end }}

70
src/layouts/page/package-manager.html
View file

@ -3,14 +3,74 @@
<section> <section>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col my-auto">
<h1>{{ .Title }}</h1> <h1 class="text-center">package manager</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
{{ .Content }}
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<hr>
<section>
<div class="container">
<div class="row">
<div class="col">
<div class="full-width-graphic text-center">Full-Width Graphic Here</div>
</div>
</div>
</div>
</section>
<hr>
<section>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 col-12">
<h2>brew2 for web3</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</section>
<hr>
<section>
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</section>
{{- partial "full-width-cta.html" -}}
{{ end }} {{ end }}

16
src/layouts/page/products.html
View file

@ -4,7 +4,7 @@
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-1"></div> <div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-1"></div>
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-2"></div> <div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-2"></div>
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="pro-gen-art-3"></div> <div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="pro-gen-art-3"></div>
<div class="container"> <div class="container product-container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h1>Products</h1> <h1>Products</h1>
@ -19,7 +19,7 @@
<hr> <hr>
<section class="products-tea-cli"> <section class="products-tea-cli">
<div class="container"> <div class="container product-container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto"> <div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
<h3>tea cli</h3> <h3>tea cli</h3>
@ -36,10 +36,10 @@
<hr> <hr>
<section class="products-tea-package-manager"> <section class="products-tea-package-manager">
<div class="container"> <div class="container product-container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-12 order-lg-2 my-auto"> <div class="col-lg-6 col-md-6 col-sm-12 col-12 order-lg-2 my-auto">
<h3>tea protocol</h3> <h3>package manager</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<button onclick="window.location.href='/package-manager/'" class="detail-btn-large"><i class="icon-enter-arrow"></i>VIEW ALL DETAILS</button> <button onclick="window.location.href='/package-manager/'" class="detail-btn-large"><i class="icon-enter-arrow"></i>VIEW ALL DETAILS</button>
</div> </div>
@ -53,12 +53,12 @@
<hr> <hr>
<section class="products-tea-protocol"> <section class="products-tea-protocol">
<div class="container"> <div class="container product-container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto"> <div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
<h3>package manager</h3> <h3>tea protocol</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
{{- partial "detail-btn-large.html" . -}} <button onclick="window.location.href='/tea-protocol/'" class="detail-btn-large"><i class="icon-enter-arrow"></i>VIEW ALL DETAILS</button>
</div> </div>
<div class="col"> <div class="col">
<img src="/Images/tea_cli_mockup_no_background.png" alt="tea-cli preview" style="width:100%;"> <img src="/Images/tea_cli_mockup_no_background.png" alt="tea-cli preview" style="width:100%;">
@ -67,4 +67,6 @@
</div> </div>
</section> </section>
{{- partial "full-width-cta.html" -}}
{{ end }} {{ end }}

70
src/layouts/page/rewards.html Normal file
View file

@ -0,0 +1,70 @@
{{ define "main" }}
<section class="rewards-hero">
<div class="container">
<div class="row">
<div class="col">
<h1>How to Earn Your NFT Rewards</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
<img class="action-item-image" src="/Images/gen-art/glass-triangles.jpg" alt="">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
<img class="action-item-image" src="/Images/gen-art/glass-triangles.jpg" alt="">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
<img class="action-item-image" src="/Images/gen-art/glass-triangles.jpg" alt="">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
<img class="action-item-image" src="/Images/gen-art/glass-triangles.jpg" alt="">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
<img class="action-item-image" src="/Images/gen-art/glass-triangles.jpg" alt="">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
<img class="action-item-image" src="/Images/gen-art/glass-triangles.jpg" alt="">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
<img class="action-item-image" src="/Images/gen-art/glass-triangles.jpg" alt="">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12">
<img class="action-item-image" src="/Images/gen-art/glass-triangles.jpg" alt="">
<h4>Action Item</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</section>
<style>
.action-item-image{
width: 100%;
height: 10vw;
}
</style>
{{ end }}

4
src/layouts/page/tea-cli.html
View file

@ -1,7 +1,7 @@
{{ define "main" }} {{ define "main" }}
<section class="tea-cli"> <section class="tea-cli">
<div class="container"> <div class="container tea-cli-container">
<div class="row"> <div class="row">
<div class="col my-auto"> <div class="col my-auto">
<h1>TEA CLI</h1> <h1>TEA CLI</h1>
@ -14,7 +14,7 @@
{{- partial "full-width-cta-split.html" . -}} {{- partial "full-width-cta-split.html" . -}}
<section class="teal-bg"> <section class="teal-bg">
<div class="container"> <div class="container tea-cli-container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<p class="black text-center">TOTAL DOWNLOADS</p> <p class="black text-center">TOTAL DOWNLOADS</p>

30
src/layouts/page/tea-protocol.html Normal file
View file

@ -0,0 +1,30 @@
{{ define "main" }}
<section>
<div class="container">
<div class="row">
<div class="col">
<h1>tea protocol</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
</section>
<hr>
<section>
<div class="container">
<div class="row">
<div class="col">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</section>
{{- partial "full-width-cta" -}}
{{ end }}

152
src/layouts/page/white-paper.html
View file

@ -1,77 +1,15 @@
{{ define "main" }} {{ 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/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" 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 --> <!-- Hero Section -->
<div class="section">
<img style="display:none;" id="tea-steam-dark-1" src="/Images/tea-steam-dark-1.svg" alt=""> <div class="container">
<img id="tea-steam-dark-2" src="/Images/tea-steam-dark-2.svg" alt=""> <div class="row">
<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="col">
<div class="row hero my-auto"> <h1>White Paper</h1>
<div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-9 col-sm-12"> <p>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.</p>
<div style="margin-top:auto; margin-bottom:auto;">
<h1 class="display-3 mb-4">We’re Open&#8208;Sourcing Our White Paper</h1>
<p class="mb-5 fs-sm-5 fs-lg-6 lead">Open&#8208;source is about the many coming together to create something
great. In the spirit of that, 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&#8208;source for web3, and we want you to be a part of laying its groundwork.<br><a
style="color:#54BAAB;" href="https://tea.xyz/tea.white-paper.pdf">Download our white paper</a>.</p>
</div>
</div>
<div style="display:flex; flex-direction:column;" class="col-lg-3 col-sm-12">
<div style="margin-top:auto; z-index:100;">
<a class="btn btn-primary mb-3" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz"
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> </div>
<div class="row"> <div class="row">
<hr>
<div class="col mb-4 mt-3"> <div class="col mb-4 mt-3">
<h4>Our white paper is available in multiple languages</h4> <h4>Our white paper is available in multiple languages</h4>
<p>Thanks to the tea community's generosity and time, our white paper is available in several world languages. Select your preferred language from the dropdown menu.</p> <p>Thanks to the tea community's generosity and time, our white paper is available in several world languages. Select your preferred language from the dropdown menu.</p>
@ -83,7 +21,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
{{- partial "full-width-cta-split.html" -}}
<script> <script>
const versions = [ const versions = [
@ -141,7 +82,11 @@
</style> </style>
<!-- Start PDF --> <!-- IF POSSIBLE:
I'd like to directly feed the .MD onto the this page instead of using an iFrame to display the PDF. Will look cleaner that way. Alterntively, we can just have a an accordion for the different languages with CTAs that open the white paper in a new tab. Just no iframes.
<!-- Start PDF
<div class="container pdf-iframe" <div class="container pdf-iframe"
style="margin-bottom:100px; overflow:auto; -webkit-overflow-scrolling:touch; z-index:2;"> style="margin-bottom:100px; overflow:auto; -webkit-overflow-scrolling:touch; z-index:2;">
@ -149,8 +94,6 @@
</iframe> </iframe>
</div> </div>
<!-- Mobile-only -->
<div class="container mobile-pdf" style="margin-bottom:100px;"> <div class="container mobile-pdf" style="margin-bottom:100px;">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@ -166,69 +109,6 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>-->
<!-- Community Links -->
<div class="row community-container pt-5 pb-5 mt-5 mb-5">
<div class="container p-4" id="community">
<div class="row">
<div class="col">
<h3 style="text-align:center;" class="mb-5 display-5">Join the Community</h3>
</div>
</div>
<div class="row">
<div class="col-6 col-sm-6 col-lg">
<a href="https://discord.gg/KCZsXfJphn">
<div class="com-card mb-4">
<img src="/Images/discord.svg" alt="" class="community-icon">
</div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg">
<a href="https://twitter.com/teaxyz_">
<div class="com-card mb-4">
<img src="/Images/twitter.svg" alt="" class="community-icon">
</div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg">
<a href="https://github.com/teaxyz">
<div class="com-card mb-4">
<img src="/Images/github.svg" alt="" class="community-icon">
</div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg">
<a href="https://t.me/tea_xyz">
<div class="com-card mb-4">
<img src="/Images/telegram.svg" alt="" class="community-icon">
</div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg align-self-center">
<a href="https://reddit.com/r/teaxyz">
<div class="com-card mb-4">
<img src="/Images/reddit.svg" alt="" class="community-icon">
</div>
</a>
</div>
<div class="col-6 col-sm-6 col-lg align-self-center">
<a href="https://www.instagram.com/tea.xyz/">
<div class="com-card mb-4">
<img src="/Images/instagram-iconAsset 1.svg" alt="" class="community-icon">
</div>
</a>
</div>
</div>
</div>
</div>
{{ end }} {{ end }}

6
src/layouts/partials/footer-nav.html
View file

@ -1,12 +1,12 @@
<ul class="nav justify-content-end"> <ul class="nav justify-content-end">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link footer-link small" aria-current="page" href="#">Careers</a> <a class="nav-link footer-link small" aria-current="page" href="/careers/">Careers</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link footer-link small" href="#">Privacy Policy</a> <a class="nav-link footer-link small" href="/privacy-policy/">Privacy Policy</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link footer-link small" href="#">Terms of Use</a> <a class="nav-link footer-link small" href="/terms-of-use/">Terms of Use</a>
</li> </li>
</ul> </ul>

12
src/layouts/partials/footer.html
View file

@ -11,12 +11,12 @@
<div class="col-lg-4"> <div class="col-lg-4">
<div class="card social-box" style="width: 100%; float:right;"> <div class="card social-box" style="width: 100%; float:right;">
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
<a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-twitter social-icon"></i>Twitter</a> <a class="list-group-item" role="button" href="https://twitter.com/teaxyz_"><i class="icon-twitter social-icon"></i>Twitter</a>
<a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-discord social-icon"></i>Discord</a> <a class="list-group-item" role="button" href="https://discord.gg/KCZsXfJphn"><i class="icon-discord social-icon"></i>Discord</a>
<a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-github social-icon"></i>GitHub</a> <a class="list-group-item" role="button" href="https://github.com/teaxyz"><i class="icon-github social-icon"></i>GitHub</a>
<a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-reddit social-icon"></i>Reddit</a> <a class="list-group-item" role="button" href="https://reddit.com/r/teaxyz"><i class="icon-reddit social-icon"></i>Reddit</a>
<a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-telegram social-icon"></i>Telegram</a> <a class="list-group-item" role="button" href="https://t.me/tea_xyz"><i class="icon-telegram social-icon"></i>Telegram</a>
<a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-instagram social-icon"></i>Instagram</a> <a class="list-group-item" role="button" href="https://www.instagram.com/tea.xyz/"><i class="icon-instagram social-icon"></i>Instagram</a>
</ul> </ul>
</div> </div>
</div> </div>

2
src/layouts/partials/full-width-cta.html
View file

@ -1,5 +1,5 @@
<hr> <hr>
<div class="row button-container"> <div class="row button-container">
<a href="#" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-0 mt-0" id="nav-cta"><i class="icon-enter-arrow"></i>Authenticate with tea<span class="dev-count"style="float:right; margin-top:0.837vw;font-size:1vw;"><u id="count1"></u> devs authenticated</span></a> <a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-0 mt-0" id="nav-cta"><i class="icon-enter-arrow"></i>Authenticate with tea<span class="dev-count"style="float:right; margin-top:0.837vw;font-size:1vw;"><u id="count1"></u> devs authenticated</span></a>
</div> </div>
<hr> <hr>

BIN
src/static/Images/gen-art/abstract-pattern.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.3 MiB

BIN
src/static/Images/gen-art/floating-city.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 325 KiB

BIN
src/static/cover.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 946 KiB

After

Width:  |  Height:  |  Size: 318 KiB

357
src/static/css/accordion.css
View file

@ -1,60 +1,325 @@
.accordion-button{ @media only screen and (min-width: 1200px) {
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase; .accordion-button{
height: 8.37vw; font-family: "pp-neue-machina", sans-serif;
border-radius: 0px !important; text-transform: uppercase;
background-color: #1a1a1a; height: 8.37vw;
border-top: 1px solid #949494; border-radius: 0px !important;
border-bottom: 1px solid #949494; background-color: #1a1a1a;
color: #ffffff; border-top: 1px solid #949494;
border-bottom: 1px solid #949494;
color: #ffffff;
}
.accordion-button:hover{
background-color: #4d4d4d;
}
.accordion-button:active{
outline: none !important;
box-shadow: none !important;
}
.accordion-button:focus{
outline: none !important;
box-shadow: none !important;
}
.accordion-button:not(.collapsed){
background-color: #8000ff;
color: #ffffff;
border:none;
}
.accordion-button:not(.collapsed)::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(90deg);
}
.accordion-button::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(0deg);
order:-1;
margin-left: 0;
margin-right: 1vw;
}
.accordion-body{
padding: 4.185vw 0vw;
background-color: #1a1a1a;
color: #ffffff;
font-family: "sono", sans-serif;
}
.accordion-item{
border: none !important;
}
.accordion-button,
.accordion-body{
padding-left: 8.185vw !important;
padding-right: 8.185vw !important;
}
} }
.accordion-button:hover{ @media only screen and (min-width: 992px) and (max-width: 1200px) {
background-color: #4d4d4d;
.accordion-button{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
height: 8.37vw;
border-radius: 0px !important;
background-color: #1a1a1a;
border-top: 1px solid #949494;
border-bottom: 1px solid #949494;
color: #ffffff;
}
.accordion-button:hover{
background-color: #4d4d4d;
}
.accordion-button:active{
outline: none !important;
box-shadow: none !important;
}
.accordion-button:focus{
outline: none !important;
box-shadow: none !important;
}
.accordion-button:not(.collapsed){
background-color: #8000ff;
color: #ffffff;
border:none;
}
.accordion-button:not(.collapsed)::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(90deg);
}
.accordion-button::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(0deg);
order:-1;
margin-left: 0;
margin-right: 1vw;
}
.accordion-body{
padding: 4.185vw 0vw;
background-color: #1a1a1a;
color: #ffffff;
font-family: "sono", sans-serif;
}
.accordion-item{
border: none !important;
}
.accordion-button,
.accordion-body{
padding-left: 8.185vw !important;
padding-right: 8.185vw !important;
}
} }
.accordion-button:active{ @media only screen and (min-width: 768px) and (max-width: 992px) {
outline: none !important;
box-shadow: none !important; .accordion-button{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
height: 8.37vw;
border-radius: 0px !important;
background-color: #1a1a1a;
border-top: 1px solid #949494;
border-bottom: 1px solid #949494;
color: #ffffff;
}
.accordion-button:hover{
background-color: #4d4d4d;
}
.accordion-button:active{
outline: none !important;
box-shadow: none !important;
}
.accordion-button:focus{
outline: none !important;
box-shadow: none !important;
}
.accordion-button:not(.collapsed){
background-color: #8000ff;
color: #ffffff;
border:none;
}
.accordion-button:not(.collapsed)::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(90deg);
}
.accordion-button::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(0deg);
order:-1;
margin-left: 0;
margin-right: 1vw;
}
.accordion-body{
padding: 4.185vw 0vw;
background-color: #1a1a1a;
color: #ffffff;
font-family: "sono", sans-serif;
}
.accordion-item{
border: none !important;
}
.accordion-button,
.accordion-body{
padding-left: 8.185vw !important;
padding-right: 8.185vw !important;
}
} }
.accordion-button:focus{ @media only screen and (min-width: 576px) and (max-width: 768px) {
outline: none !important;
box-shadow: none !important; .accordion-button{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
height: 8.37vw;
border-radius: 0px !important;
background-color: #1a1a1a;
border-top: 1px solid #949494;
border-bottom: 1px solid #949494;
color: #ffffff;
}
.accordion-button:hover{
background-color: #4d4d4d;
}
.accordion-button:active{
outline: none !important;
box-shadow: none !important;
}
.accordion-button:focus{
outline: none !important;
box-shadow: none !important;
}
.accordion-button:not(.collapsed){
background-color: #8000ff;
color: #ffffff;
border:none;
}
.accordion-button:not(.collapsed)::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(90deg);
}
.accordion-button::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(0deg);
order:-1;
margin-left: 0;
margin-right: 1vw;
}
.accordion-body{
padding: 4.185vw 0vw;
background-color: #1a1a1a;
color: #ffffff;
font-family: "sono", sans-serif;
}
.accordion-item{
border: none !important;
}
.accordion-button,
.accordion-body{
padding-left: 8.185vw !important;
padding-right: 8.185vw !important;
}
} }
.accordion-button:not(.collapsed){ @media only screen and (max-width: 576px) {
background-color: #8000ff;
color: #ffffff;
border:none;
}
.accordion-button:not(.collapsed)::after { .accordion-button{
background-image: url(/Images/enter-icon.svg); font-family: "pp-neue-machina", sans-serif;
transform: rotate(90deg); text-transform: uppercase;
} height: 22vw;
line-height: 1.5vw;
border-radius: 0px !important;
background-color: #1a1a1a;
border-top: 1px solid #949494;
border-bottom: 1px solid #949494;
color: #ffffff;
}
.accordion-button::after { .accordion-button:hover{
background-image: url(/Images/enter-icon.svg); background-color: #4d4d4d;
transform: rotate(0deg); }
order:-1;
margin-left: 0;
margin-right: 1vw;
}
.accordion-body{ .accordion-button:active{
padding: 4.185vw 0vw; outline: none !important;
background-color: #1a1a1a; box-shadow: none !important;
color: #ffffff; }
font-family: "sono", sans-serif;
}
.accordion-item{ .accordion-button:focus{
border: none !important; outline: none !important;
} box-shadow: none !important;
}
.accordion-button:not(.collapsed){
background-color: #8000ff;
color: #ffffff;
border:none;
}
.accordion-button:not(.collapsed)::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(90deg);
}
.accordion-button::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(0deg);
order:-1;
margin-left: 0;
margin-right: 1vw;
}
.accordion-body{
padding: 4.185vw 0vw;
background-color: #1a1a1a;
color: #ffffff;
font-family: "sono", sans-serif;
}
.accordion-item{
border: none !important;
}
.accordion-button,
.accordion-body{
padding-left: 7vw !important;
padding-right: 7vw !important;
}
.accordion-button,
.accordion-body{
padding-left: 8.185vw !important;
padding-right: 8.185vw !important;
} }

2
src/static/css/buttons.css
View file

@ -248,7 +248,7 @@
} }
.button-container{ .button-container{
padding: 0vw 6.2vw !important; padding: 0vw 7vw !important;
} }
.dev-count{ .dev-count{

29
src/static/css/generative-art.css
View file

@ -42,6 +42,35 @@
z-index:1; z-index:1;
} }
#gen-art-4{
background-image: url("/Images/gen-art/abstract-pattern.png");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
position: absolute;
margin-top: 16.5vw;
right: 8.4vw;
width: 18vw;
height: 28vw;
z-index:1;
}
#gen-art-4_5{
background-image: url("/Images/gen-art/floating-city.png");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: contain;
position: absolute;
margin-top: 12vw;
border-radius: 100px;
right: 12.4vw;
width: 8vw;
height: 8vw;
z-index:2;
}
#gen-art-5{ #gen-art-5{
position:absolute; position:absolute;
width:24.275vw; width:24.275vw;

61
src/static/css/products.css
View file

@ -1,3 +1,7 @@
/*This page includes CSS for products page + all products ancillary pages*/
/* Products - Main */
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
.products-hero{ .products-hero{
@ -35,6 +39,63 @@
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.product-container{
padding: 7vw !important;
}
.gen-art{
display:none;
}
}
/* Products - TEA.CLI */
@media only screen and (min-width: 1200px) {
.products-hero{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain;
}
.products-hero h1{
position: relative;
z-index: 2;
}
.lead-container{
padding-left: 25vw;
padding-right: 25vw;
margin-bottom: -2.7vw;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
}
@media only screen and (max-width: 576px) {
.tea-cli-container{
padding: 7vw !important;
}
.gen-art{
display:none;
}
} }
/* Generative Art styling */ /* Generative Art styling */

14
src/static/css/typography.css
View file

@ -11,7 +11,7 @@
} }
h1,h2,h3,h4,h5,h6,p,.lead{ h1,h2,h3,h4,h5,h6,p,.lead{
hyphens: auto; hyphens: auto !important;
} }
h1{ h1{
@ -218,7 +218,7 @@ li{
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
h1{ h1{
font-size: 21.5vw !important; font-size: 21.5vw;
line-height: 20.4vw !important; line-height: 20.4vw !important;
} }
@ -246,4 +246,14 @@ li{
font-size: 4vw; font-size: 4vw;
} }
a.nav-link.footer-link.small{
font-size: 3vw;
padding-left: 0px !important;
padding-right: 2.232vw !important;
}
ul.nav.justify-content-end{
justify-content: flex-start !important;
}
} }