mirror of
https://github.com/ivabus/www
synced 2024-11-22 16:25:06 +03:00
Merge branch 'website-version-3' into feature/dynamic-package-list
This commit is contained in:
neil
commit
0c65ed2170
25 changed files with 685 additions and 213 deletions
5
src/content/media-kit.md
Normal file
5
src/content/media-kit.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "tea Media Kit"
|
||||
Description: "tea.media_kit"
|
||||
layout: "media-kit"
|
||||
---
|
||||
5
src/content/package-detail.md
Normal file
5
src/content/package-detail.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "Package Details"
|
||||
Description: "package.details"
|
||||
layout: "package-detail"
|
||||
---
|
||||
|
|
@ -3,7 +3,3 @@ title: "tea.package-manager"
|
|||
Description: "tea.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
5
src/content/rewards.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "Rewards"
|
||||
Description: "tea.rewards"
|
||||
layout: "rewards"
|
||||
---
|
||||
5
src/content/tea-protocol.md
Normal file
5
src/content/tea-protocol.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "tea protocol"
|
||||
Description: "tea.protocol"
|
||||
layout: "tea-protocol"
|
||||
---
|
||||
|
|
@ -80,6 +80,8 @@
|
|||
|
||||
<section class="package-before-section">
|
||||
<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="row">
|
||||
<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
14
src/layouts/page/media-kit.html
Normal 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
33
src/layouts/page/package-detail.html
Normal 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 }}
|
||||
|
|
@ -3,14 +3,74 @@
|
|||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h1>{{ .Title }}</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>
|
||||
|
||||
{{ .Content }}
|
||||
<div class="col my-auto">
|
||||
<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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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 }}
|
||||
|
|
|
|||
|
|
@ -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-2"></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="col">
|
||||
<h1>Products</h1>
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
<hr>
|
||||
|
||||
<section class="products-tea-cli">
|
||||
<div class="container">
|
||||
<div class="container product-container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
|
||||
<h3>tea cli</h3>
|
||||
|
|
@ -36,10 +36,10 @@
|
|||
<hr>
|
||||
|
||||
<section class="products-tea-package-manager">
|
||||
<div class="container">
|
||||
<div class="container product-container">
|
||||
<div class="row">
|
||||
<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>
|
||||
<button onclick="window.location.href='/package-manager/'" class="detail-btn-large"><i class="icon-enter-arrow"></i>VIEW ALL DETAILS</button>
|
||||
</div>
|
||||
|
|
@ -53,12 +53,12 @@
|
|||
<hr>
|
||||
|
||||
<section class="products-tea-protocol">
|
||||
<div class="container">
|
||||
<div class="container product-container">
|
||||
<div class="row">
|
||||
<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>
|
||||
{{- 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 class="col">
|
||||
<img src="/Images/tea_cli_mockup_no_background.png" alt="tea-cli preview" style="width:100%;">
|
||||
|
|
@ -67,4 +67,6 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
{{- partial "full-width-cta.html" -}}
|
||||
|
||||
{{ end }}
|
||||
|
|
|
|||
70
src/layouts/page/rewards.html
Normal file
70
src/layouts/page/rewards.html
Normal 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 }}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<section class="tea-cli">
|
||||
<div class="container">
|
||||
<div class="container tea-cli-container">
|
||||
<div class="row">
|
||||
<div class="col my-auto">
|
||||
<h1>TEA CLI</h1>
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
{{- partial "full-width-cta-split.html" . -}}
|
||||
|
||||
<section class="teal-bg">
|
||||
<div class="container">
|
||||
<div class="container tea-cli-container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<p class="black text-center">TOTAL DOWNLOADS</p>
|
||||
|
|
|
|||
30
src/layouts/page/tea-protocol.html
Normal file
30
src/layouts/page/tea-protocol.html
Normal 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 }}
|
||||
|
|
@ -1,77 +1,15 @@
|
|||
{{ 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 -->
|
||||
|
||||
<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/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 class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h1>White Paper</h1>
|
||||
<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>
|
||||
</div>
|
||||
<div class="row">
|
||||
<hr>
|
||||
<div class="col mb-4 mt-3">
|
||||
<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>
|
||||
|
|
@ -83,7 +21,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{- partial "full-width-cta-split.html" -}}
|
||||
|
||||
<script>
|
||||
const versions = [
|
||||
|
|
@ -141,7 +82,11 @@
|
|||
|
||||
</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"
|
||||
style="margin-bottom:100px; overflow:auto; -webkit-overflow-scrolling:touch; z-index:2;">
|
||||
|
|
@ -149,8 +94,6 @@
|
|||
</iframe>
|
||||
</div>
|
||||
|
||||
<!-- Mobile-only -->
|
||||
|
||||
<div class="container mobile-pdf" style="margin-bottom:100px;">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
|
@ -166,69 +109,6 @@
|
|||
</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>
|
||||
</div>-->
|
||||
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<ul class="nav justify-content-end">
|
||||
<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 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 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>
|
||||
</ul>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,12 +11,12 @@
|
|||
<div class="col-lg-4">
|
||||
<div class="card social-box" style="width: 100%; float:right;">
|
||||
<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"><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://twitter.com"><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://twitter.com"><i class="icon-instagram social-icon"></i>Instagram</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://discord.gg/KCZsXfJphn"><i class="icon-discord social-icon"></i>Discord</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://reddit.com/r/teaxyz"><i class="icon-reddit social-icon"></i>Reddit</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://www.instagram.com/tea.xyz/"><i class="icon-instagram social-icon"></i>Instagram</a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<hr>
|
||||
<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>
|
||||
<hr>
|
||||
|
|
|
|||
BIN
src/static/Images/gen-art/abstract-pattern.png
Normal file
BIN
src/static/Images/gen-art/abstract-pattern.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
BIN
src/static/Images/gen-art/floating-city.png
Normal file
BIN
src/static/Images/gen-art/floating-city.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 325 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 946 KiB After Width: | Height: | Size: 318 KiB |
|
|
@ -1,60 +1,325 @@
|
|||
.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;
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.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:hover{
|
||||
background-color: #4d4d4d;
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
|
||||
.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{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
||||
|
||||
.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{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
||||
|
||||
.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){
|
||||
background-color: #8000ff;
|
||||
color: #ffffff;
|
||||
border:none;
|
||||
}
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
.accordion-button:not(.collapsed)::after {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.accordion-button{
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
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 {
|
||||
background-image: url(/Images/enter-icon.svg);
|
||||
transform: rotate(0deg);
|
||||
order:-1;
|
||||
margin-left: 0;
|
||||
margin-right: 1vw;
|
||||
}
|
||||
.accordion-button:hover{
|
||||
background-color: #4d4d4d;
|
||||
}
|
||||
|
||||
.accordion-body{
|
||||
padding: 4.185vw 0vw;
|
||||
background-color: #1a1a1a;
|
||||
color: #ffffff;
|
||||
font-family: "sono", sans-serif;
|
||||
}
|
||||
.accordion-button:active{
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-item{
|
||||
border: 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: 7vw !important;
|
||||
padding-right: 7vw !important;
|
||||
}
|
||||
|
||||
.accordion-button,
|
||||
.accordion-body{
|
||||
padding-left: 8.185vw !important;
|
||||
padding-right: 8.185vw !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -248,7 +248,7 @@
|
|||
}
|
||||
|
||||
.button-container{
|
||||
padding: 0vw 6.2vw !important;
|
||||
padding: 0vw 7vw !important;
|
||||
}
|
||||
|
||||
.dev-count{
|
||||
|
|
|
|||
|
|
@ -42,6 +42,35 @@
|
|||
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{
|
||||
position:absolute;
|
||||
width:24.275vw;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,7 @@
|
|||
/*This page includes CSS for products page + all products ancillary pages*/
|
||||
|
||||
/* Products - Main */
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
.products-hero{
|
||||
|
|
@ -35,6 +39,63 @@
|
|||
|
||||
@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 */
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6,p,.lead{
|
||||
hyphens: auto;
|
||||
hyphens: auto !important;
|
||||
}
|
||||
|
||||
h1{
|
||||
|
|
@ -218,7 +218,7 @@ li{
|
|||
@media only screen and (max-width: 576px) {
|
||||
|
||||
h1{
|
||||
font-size: 21.5vw !important;
|
||||
font-size: 21.5vw;
|
||||
line-height: 20.4vw !important;
|
||||
}
|
||||
|
||||
|
|
@ -246,4 +246,14 @@ li{
|
|||
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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue