www/layouts/page/white-paper.html
Thomas Smith b3d7689011
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>
2022-06-07 19:18:10 -04:00

165 lines
6.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{{ 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">Were 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, were 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/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 }}