mirror of
https://github.com/ivabus/www
synced 2025-06-08 10:50:25 +03:00
Merge pull request #108 from teaxyz/add-email-and-redirect
Add email and redirect
This commit is contained in:
Chris Waters
GitHub
commit
4a3505a818
12 changed files with 140 additions and 7 deletions
|
|
@ -11,4 +11,7 @@ exclude = [
|
|||
"https://www.googletagmanager.com/gtm.js",
|
||||
".*/mailto:.*@.*",
|
||||
"https://tea.xyz/tea.white-paper",
|
||||
"https://tea.xyz/tea.authentication-success",
|
||||
"https://tea.xyz/tea.email-subscribe",
|
||||
"https://www.google.com/thank-you"
|
||||
]
|
||||
|
|
|
|||
5
src/content/authentication-success.md
Normal file
5
src/content/authentication-success.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "Authentication Success"
|
||||
Description: "tea.authentication-success"
|
||||
layout: "authentication-success"
|
||||
---
|
||||
5
src/content/email-subscribe.md
Normal file
5
src/content/email-subscribe.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "Email Subscribe"
|
||||
Description: "tea.email subscribe"
|
||||
layout: "email-subscribe"
|
||||
---
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
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 auth-btn mb-3" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz"
|
||||
<a class="btn btn-primary auth-btn mb-3" href="/email-subscribe/"
|
||||
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 mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="/white-paper/"
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<div class="box-auth-false">
|
||||
<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/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz"><strong>Authenticate now</strong></a>.</p>
|
||||
href="/email-subscribe/"><strong>Authenticate now</strong></a>.</p>
|
||||
</div>
|
||||
<div class="box-auth-true">
|
||||
<p class="text-center my-auto p-3" style="color:#23282C;"><i class="bi bi-check-circle-fill lead pe-2"
|
||||
|
|
|
|||
67
src/layouts/page/authentication-success.html
Normal file
67
src/layouts/page/authentication-success.html
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<div class="container auth-success-container">
|
||||
<div class="row">
|
||||
<div class="col my-auto">
|
||||
<div class="success-div p-4" style="
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width:70%;
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);">
|
||||
<h1 class="display-4 text-center">Thanks for Authenticating!</h1>
|
||||
<p class="lead text-center mb-5">You've just become an integral part in the future of the intenernet, AND you'll be entitled to a variety of exciting rewards such as minted NFT badges to honor your work thus far.</p>
|
||||
<a class="btn btn-primary mb-3" href="https://tea.xyz"
|
||||
role="button">Return to Main</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.auth-success-container{
|
||||
height:100vh;
|
||||
position: relative;
|
||||
background-image: url("/Images/tea-steam-dark.svg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.btn-primary{
|
||||
display: block;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
.success-gif{
|
||||
width: 7vw;
|
||||
height: 7vw;
|
||||
border-radius: 100px;
|
||||
background-image: url("/Images/auth-success.gif");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
display: block;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 720px) {
|
||||
.success-div{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.success-gif{
|
||||
width: 18vw;
|
||||
height: 18vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
{{ end }}
|
||||
51
src/layouts/page/email-subscribe.html
Normal file
51
src/layouts/page/email-subscribe.html
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<div class="container email-subscribe-container">
|
||||
<div class="row">
|
||||
<div class="col my-auto">
|
||||
<div class="email-div p-4" style="
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width:50%;
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);">
|
||||
<p class="text-center teal" style="text-transform: uppercase;">Wait... Before you authenticate</p>
|
||||
<h1 class="display-4 text-center">Stay Up-to-Date</h1>
|
||||
<p class="lead text-center mb-5">Don't worry, we won't blow up your inbox. We just want to keep you posted on the future of the internet–you know... small things like that.</p>
|
||||
{{- partial "klaviyo-form.html" . -}}
|
||||
<p class="small teal text-center">We will never share or sell your personal information. You can read more about our <a href="/privacy-policy/">privacy standards here.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.email-subscribe-container{
|
||||
height:100vh;
|
||||
position: relative;
|
||||
background-image: url("/Images/tea-steam-dark.svg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 720px) {
|
||||
.email-div{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
KlaviyoSubscribe.attachToForms('#email_signup', {
|
||||
hide_form_on_success: true,
|
||||
success_url: "https://www.google.com/thank-you"
|
||||
});
|
||||
</script>
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
<div class="container pt-5 pb-5">
|
||||
<div class="row">
|
||||
<div class="col" style="z-index:100;">
|
||||
<h1 class="prompt yellow">KEEP <br>WHAT IS <br>YOURS.<a class="btn btn-primary auth-btn mb-3 mt-5 ms-lg-5 ms-md-0 ms-sm-0 ms-0" id="keep-btn-top" style="font-family:var(--bs-body-font-family)!important; vertical-align:bottom;" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a></h1>
|
||||
<h1 class="prompt yellow">KEEP <br>WHAT IS <br>YOURS.<a class="btn btn-primary auth-btn mb-3 mt-5 ms-lg-5 ms-md-0 ms-sm-0 ms-0" id="keep-btn-top" style="font-family:var(--bs-body-font-family)!important; vertical-align:bottom;" href="/email-subscribe/" role="button">Authenticate with GitHub</a></h1>
|
||||
<p style="color:#b3c8c8;" class="mt-5 mb-5 lead">Equitable Open-Source for web3</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -94,7 +94,7 @@
|
|||
<h2 class="display-3">Over 10 thousand developers have authenticated their Github with tea. This is your chance to be an early member of our Communitea.</h2>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 p-0">
|
||||
<a style="border: 2px solid #54BAAB;" class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button">Authenticate with GitHub</a>
|
||||
<a style="border: 2px solid #54BAAB;" class="btn btn-primary auth-btn mb-3 mt-4" id="keep-btn-bottom" href="/email-subscribe/" role="button">Authenticate with GitHub</a>
|
||||
<a class="btn btn-primary mt-lg-4 mt-md-4 mt-sm-0 mt-0 whitepaper-btn-right" id="whitepaper-btn" href="/white-paper/"
|
||||
role="button" style="background:transparent; float:right;">Read Our White Paper</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -108,7 +108,7 @@
|
|||
<p class="syne-body text-center mb-5 mt-5"><span class="yellow">tea</span> is putting an end to Big Tech making trillions off the generosity
|
||||
of the visionary developers and web pioneers who built the internet.
|
||||
You can be a part of this revolution.<br><br><span style="font-weight:700;">Authenticate now to gain early access to the <span class="teal">tea beta</span>.</span></p>
|
||||
<a class="btn btn-primary auth-btn syne-btn mt-5 mb-3" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz"
|
||||
<a class="btn btn-primary auth-btn syne-btn mt-5 mb-3" href="/email-subscribe/"
|
||||
role="button">Authenticate with GitHub</a>
|
||||
<p class="small text-center syne-boiler">Limited numbers of tea beta invites will be given to the first devs who authenticate
|
||||
their Github account. So don’t delay, get it while it’s hot.</p>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,8 @@
|
|||
.kl-private-reset-css-Xuajs1{
|
||||
display: block !important;
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
margin-top: auto !important;
|
||||
margin-bottom: auto !important;
|
||||
}
|
||||
|
||||
.go3894874857{
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" id="nav-cta" href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" role="button"><span id="cta-text">Authenticate with tea</span><span class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span><span id="lp-text"></span></a>
|
||||
<a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" id="nav-cta" href="/email-subscribe/" role="button"><span id="cta-text">Authenticate with tea</span><span class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span><span id="lp-text"></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
BIN
src/static/Images/auth-success.gif
Normal file
BIN
src/static/Images/auth-success.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 802 KiB |
1
src/static/Images/tea-steam-dark.svg
Normal file
1
src/static/Images/tea-steam-dark.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 563.29 614.46"><defs><style>.cls-1{fill:#23282c;}</style></defs><path class="cls-1" d="M509.65,614.46c9.54-.75,19.08-1.49,30.07-8.12,14.66-8.83,21.23-22.8,21.92-38.23,24.92-290.19-240.4-415.47-252.16-418.4-24.26-15.4-55.79-1.4-65.26,24.32-9.47,25.72-1.32,55.83,24.4,65.35,8.09,5.13,211.67,102.58,194.65,322.97,.07,24.98,19.21,48.46,46.38,52.1Z"/><path class="cls-1" d="M297.84,461.93c7.33-4.42,12.44-12.5,17.56-20.59,9.47-25.72,1.32-55.83-24.4-65.35-8.09-5.13-211.68-102.58-194.65-322.97C99.96,25.84,80.81,2.35,49.98,.92,26.47-4.92,5.25,17.87,1.65,45.06-23.27,335.25,242.05,460.53,253.81,463.45c13.96,6.59,33.05,5.1,44.04-1.52Z"/></svg>
|
||||
|
After Width: | Height: | Size: 740 B |
Loading…
Reference in a new issue