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

Authentication counter

Browse source
This commit is contained in:
Thomas Smith 2022-05-03 12:28:21 -04:00 committed by mxcl
parent cce9f3d44c
commit 139f361007
Failed to extract signature
2 changed files with 87 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
public/index.html
View file

@ -30,11 +30,12 @@
<meta name="twitter:title" content="tea.">
<meta name="twitter:description" content="something new is brewing.">
<meta name="twitter:image" content=" https://tea.xyz/cover.png">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark sticky-top my-auto">
<nav class="navbar 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">
@ -61,24 +62,42 @@
<a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
</li>
</ul>
<a class="btn btn-primary me-2" href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea</a><br>
<a class="btn btn-primary" href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
</div>
</div>
</nav>
<!-- Hero Section -->
<div class="container mb-5 mt-5">
<img id="tea-steam-dark-1" src="Images/tea-steam-dark-1.svg" alt="">
<img id="tea-steam-dark-2" src="Images/tea-steam-dark-2.svg" alt="">
<div class="container mb-lg-5 mb-md-5 mb-sm-0 mb-0 mt-lg-5 mt-md-5 mt-sm-0 mt-0">
<div class="row hero my-auto">
<div style="z-index:100;" class="col-lg-6 col-sm-12 order-lg-1 order-sm-2 order-2">
<h1 class="display-1 mb-4"><span class="yellow">Equitable</span> Open&hyphen;Source for web3</h1>
<p class="mb-5 fs-sm-5 fs-lg-6">The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.<br><br>
<span class="yellow"><strong>Download our Github app to get authenticated and join the tea revolution.</strong></span></p>
<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 disabled" id="whitepaper-btn" href="Media/tea.white-paper (v0.9, koinos).pdf" role="button">Whitepaper Coming Soon</a>
<div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-6 col-sm-12">
<div style="margin-top:auto; margin-bottom:auto;">
<h1 class="display-1 mb-4"><span class="yellow">Equitable</span> Open&hyphen;Source for web3</h1>
<p class="mb-5 fs-sm-5 fs-lg-6 lead">The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.</p>
<a class="btn btn-primary mb-3" href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span class="badge rounded-pill bg-primary ms-3"><span id="count2">287</span></span></a><br>
<a class="btn btn-primary disabled mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="whitepaper.html" role="button">Whitepaper Coming Soon</a>
</div>
</div>
<div class="col-lg-6 col-sm-12 order-lg-2 order-sm-1 order-1">
<img class="hero-image" src="Images/tea-hero-illustrationAsset 2.svg" alt="">
<div class="col-lg-6 col-sm-12">
<div class="card ms-lg-5 ms-sm-0" style="border-radius:15px; z-index:100;">
<div class="card-body my-auto" style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;">
<div class="p-lg-5 p-md-3 p-sm-0" style="margin-top:auto; margin-bottom:auto;">
<p class="card-title display-1" style="color: #54BAAB; text-align:center; font-size: 6rem; font-family: 'Playfair Display', serif"><span id="count"></span></p>
<p class="text-center" style="text-transform:uppercase; color:#54BAAB;">Developers Authenticated</p>
<h5 class="mb-3" style="text-align:center; font-size:2rem;">Join the communi'<span style="color:#54BAAB;">tea</span></h5>
<p class="card-text lead" style="text-align:center;">The revolution is here. Be among the first to
authenticate your Github with tea. </p>
<p style="text-align:center;">Early-adoption developers will be entitled a variety of exciting rewards, including minted NFT certificates. Take a sip while it’s hot!</p>
</div>
<div class="" style="background-color:#44494B; border-radius:5px;">
<p class="text-center my-auto p-3">This is your chance to be early! <a style="color:#54BAAB; text-decoration:none;" href="https://github.com/apps/tea-xyz/installations/new"><strong>Authenticate now</strong></a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
@ -91,7 +110,7 @@
<div class="row">
<div class="col">
<h2 class="charcoal display-4" style="text-align:center;">The tools you need to keep on building.</h2>
<p class="charcoal" style="text-align:center;">Like its predecessor, brew, tea is the base of the developer stack–seated beneath the tools that build the internet. Unlike its predecessor, tea leverages blockchain and web3 technology to eliminate anonymity and deliver compensation.</p>
<p class="charcoal lead" style="text-align:center;">Like its predecessor, brew, tea is the base of the developer stack–seated beneath the tools that build the internet. Unlike its predecessor, tea leverages blockchain and web3 technology to eliminate anonymity and deliver compensation.</p>
</div>
</div>
</div>
@ -358,5 +377,19 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
<script>
try {
fetch('https://app.tea.xyz/api/signups')
.then(res => res.json())
.then(res => {
document.getElementById('count').innerHTML = res.signups
document.getElementById('count1').innerHTML = res.signups
document.getElementById('count2').innerHTML = res.signups
})
} catch (e) {
console.error(e)
}
</script>
</body>
</html>

57
public/style.css
View file

@ -9,6 +9,26 @@ body{
max-width: 1280px;
}
.navbar{
background-color: black;
}
#tea-steam-dark-1{
z-index:0;
position: absolute;
}
#tea-steam-dark-2{
z-index: 9;
position: absolute;
right: 0px;
width: 30%;
}
.rounded-pill{
background-color: #7EC9C0 !important;
}
.row{
width: 100%;
margin: 0 !important;
@ -32,9 +52,6 @@ body{
margin-right: auto;
}
.navbar{
background-color: black;
}
@media only screen and (max-width: 600px) {
@ -53,6 +70,14 @@ body{
margin-top: 50px;
}
#tea-steam-dark-1{
width:90%;
}
#tea-steam-dark-2{
display:none;
}
.hero-image{
display:none;
}
@ -64,6 +89,10 @@ body{
width: 70%;
}
h1{
font-size: 3.5rem !important;
}
}
@ -116,18 +145,6 @@ body{
width: 50%;
}
#tea-steam-dark-1{
position: absolute;
z-index: 0;
}
#tea-steam-dark-2{
position: absolute;
z-index: 0;
right: 0px;
top: 0px;
}
/*Typorgaphy*/
h1,
@ -262,3 +279,13 @@ body{
.footer{
}
/*Whitepaper Page*/
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh;
width:100%;
}