mirror of
https://github.com/ivabus/www
synced 2024-11-23 11:35:07 +03:00
166 lines
6.4 KiB
HTML
166 lines
6.4 KiB
HTML
|
{{ 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 }}
|