mirror of
https://github.com/ivabus/www
synced 2024-11-10 06:05:15 +03:00
Authentication counter
This commit is contained in:
Thomas Smith
mxcl
parent
cce9f3d44c
commit
139f361007
|
|
@ -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‐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‐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>
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue