switch email inputs and change text/button
This commit is contained in:
G14
parent
ee9db40ee4
commit
6bb03e3c35
148
src/css/main.css
148
src/css/main.css
|
|
@ -228,6 +228,22 @@ input[type=email] {
|
|||
text-indent: -10000px;
|
||||
cursor: pointer; }
|
||||
|
||||
a.gradient-button {
|
||||
display: block;
|
||||
margin: 20px auto;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border: none;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
background-image: url("../img/arrow.svg");
|
||||
background-position: center;
|
||||
background-size: 24px;
|
||||
background-repeat: no-repeat;
|
||||
text-indent: -10000px;
|
||||
cursor: pointer; }
|
||||
|
||||
.section-heading {
|
||||
margin: 0 auto;
|
||||
margin-top: 80px;
|
||||
|
|
@ -1148,6 +1164,38 @@ footer {
|
|||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both; }
|
||||
|
||||
@-webkit-keyframes pulse {
|
||||
from {
|
||||
-webkit-transform: scale(1) rotate(-90deg);
|
||||
transform: scale(1) rotate(-90deg); }
|
||||
50% {
|
||||
-webkit-transform: scale(1.2) rotate(-90deg);
|
||||
transform: scale(1.2) rotate(-90deg); }
|
||||
to {
|
||||
-webkit-transform: scale(1) rotate(-90deg);
|
||||
transform: scale(1) rotate(-90deg); } }
|
||||
|
||||
@keyframes pulse {
|
||||
from {
|
||||
-webkit-transform: scale(1) rotate(-90deg);
|
||||
transform: scale(1) rotate(-90deg); }
|
||||
50% {
|
||||
-webkit-transform: scale(1.2) rotate(-90deg);
|
||||
transform: scale(1.2) rotate(-90deg); }
|
||||
to {
|
||||
-webkit-transform: scale(1) rotate(-90deg);
|
||||
transform: scale(1) rotate(-90deg); } }
|
||||
|
||||
.pulse {
|
||||
-webkit-animation-name: pulse;
|
||||
animation-name: pulse;
|
||||
-webkit-animation-duration: 2s;
|
||||
animation-duration: 2s;
|
||||
-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
|
||||
animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite; }
|
||||
|
||||
.hashtag {
|
||||
color: #7099e6; }
|
||||
|
||||
|
|
@ -1160,54 +1208,58 @@ footer {
|
|||
.show {
|
||||
display: block; }
|
||||
|
||||
#maitre-widget-container {
|
||||
width: 320px; }
|
||||
#maitre-widget-container div[data-maitre-field-submit] {
|
||||
position: relative; }
|
||||
#maitre-widget-container input {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 20px;
|
||||
padding: 15px;
|
||||
padding-right: 45px;
|
||||
width: 240px;
|
||||
height: 46px;
|
||||
border: 0;
|
||||
-webkit-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
font-size: 14px; }
|
||||
#maitre-widget-container button {
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
right: 46px;
|
||||
display: block;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border: none;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(182, 116, 241, 0.2);
|
||||
background-image: url("../img/arrow.svg");
|
||||
background-position: center;
|
||||
background-size: 24px;
|
||||
background-repeat: no-repeat;
|
||||
text-indent: -10000px;
|
||||
cursor: pointer; }
|
||||
#maitre-widget-container h2 {
|
||||
margin-bottom: 20px; }
|
||||
#maitre-widget-container h4 {
|
||||
margin: 10px auto;
|
||||
color: #000;
|
||||
font-weight: 400;
|
||||
font-size: 36px; }
|
||||
#maitre-widget-container p {
|
||||
margin-bottom: 20px;
|
||||
color: #fff !important; }
|
||||
#maitre-widget-container div[data-maitre-content] {
|
||||
display: none; }
|
||||
#maitre-widget-container div[data-maitre-content].show {
|
||||
display: block; }
|
||||
#maitre-widget-container div[data-maitre-field-submit] {
|
||||
position: relative; }
|
||||
|
||||
#maitre-widget-container input {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 20px;
|
||||
padding: 15px;
|
||||
padding-right: 45px;
|
||||
width: 240px;
|
||||
height: 46px;
|
||||
border: 0;
|
||||
-webkit-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
font-size: 14px; }
|
||||
|
||||
#maitre-widget-container button {
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
right: 6px;
|
||||
display: block;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border: none;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(182, 116, 241, 0.2);
|
||||
background-image: url("../img/arrow.svg");
|
||||
background-position: center;
|
||||
background-size: 24px;
|
||||
background-repeat: no-repeat;
|
||||
text-indent: -10000px;
|
||||
cursor: pointer; }
|
||||
|
||||
#maitre-widget-container h2 {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
#maitre-widget-container h4 {
|
||||
margin: 10px auto;
|
||||
color: #000;
|
||||
font-weight: 400;
|
||||
font-size: 36px; }
|
||||
|
||||
#maitre-widget-container p {
|
||||
margin-bottom: 20px;
|
||||
color: #fff !important; }
|
||||
|
||||
#maitre-widget-container div[data-maitre-content] {
|
||||
display: none; }
|
||||
#maitre-widget-container div[data-maitre-content].show {
|
||||
display: block; }
|
||||
|
||||
#maitre-widget-container a.maitre-widget-social {
|
||||
position: relative !important;
|
||||
|
|
|
|||
|
|
@ -214,6 +214,22 @@ input[type=email] {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
a.gradient-button {
|
||||
display: block;
|
||||
margin: 20px auto;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
background-image: url('../img/arrow.svg');
|
||||
background-position: center;
|
||||
background-size: 24px;
|
||||
background-repeat: no-repeat;
|
||||
text-indent: -10000px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
margin: 0 auto;
|
||||
margin-top: 80px;
|
||||
|
|
@ -1183,6 +1199,28 @@ footer {
|
|||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
from {
|
||||
transform: scale(1) rotate(-90deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: scale(1.2) rotate(-90deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1) rotate(-90deg);
|
||||
}
|
||||
}
|
||||
|
||||
.pulse {
|
||||
animation-name: pulse;
|
||||
animation-duration: 2s;
|
||||
animation-timing-function: cubic-bezier(.42, 0, .58, 1);
|
||||
animation-iteration-count: infinite;
|
||||
|
||||
}
|
||||
|
||||
.hashtag {
|
||||
color: #7099e6;
|
||||
}
|
||||
|
|
@ -1200,7 +1238,6 @@ footer {
|
|||
}
|
||||
|
||||
#maitre-widget-container {
|
||||
width: 320px;
|
||||
div[data-maitre-field-submit] {
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -1220,7 +1257,7 @@ footer {
|
|||
button {
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
right: 46px;
|
||||
right: 6px;
|
||||
display: block;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
|
|
|
|||
|
|
@ -69,10 +69,10 @@
|
|||
</div>
|
||||
<div class="status-email">
|
||||
<div class="email">
|
||||
<div class="email">
|
||||
<input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL" placeholder="Subscribe for updates now">
|
||||
<div class="clear"><a class="button email-button" href="#maitre-widget-container"></a></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
window.Maitre = { uuid: "MF203200dfd5", test_mode: true, require_name: false };
|
||||
</script>
|
||||
<script data-maitre src="https://maitreapp.co/widget.js" async></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -577,16 +577,13 @@
|
|||
<div class="table-center">
|
||||
<div class="table-wrapper">
|
||||
<div class="gradient-text">
|
||||
</div>
|
||||
<div class="gradient-email">
|
||||
<div class="email">
|
||||
<script type="text/javascript">
|
||||
window.Maitre = { uuid: "MF203200dfd5", test_mode: true, require_name: false };
|
||||
</script>
|
||||
<script data-maitre src="https://maitreapp.co/widget.js" async></script>
|
||||
</div>
|
||||
<h2>Click here to join our waitlist</h2>
|
||||
<a href="#top" class="gradient-button pulse"></a>
|
||||
<div class="section-gradient-text">
|
||||
<p>We're working hard to make Status available to everyone. Join our private wait list for early access.<br />We respect privacy.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue