turn gradient anchor into a button and add smooth effects
This commit is contained in:
parent
dd08f0f90f
commit
c88d064471
|
@ -228,7 +228,7 @@ input[type=email] {
|
|||
text-indent: -10000px;
|
||||
cursor: pointer; }
|
||||
|
||||
a.gradient-button {
|
||||
button.gradient-button {
|
||||
display: block;
|
||||
margin: 20px auto;
|
||||
width: 34px;
|
||||
|
|
|
@ -101,12 +101,13 @@ $(function() {
|
|||
|
||||
// Smooth scroll to top and input focus
|
||||
|
||||
$(".gradient-button").click(function(evt) {
|
||||
evt.preventDefault();
|
||||
$(".gradient-button").click(function() {
|
||||
$('html, body').animate({
|
||||
scrollTop: 0
|
||||
}, 1000);
|
||||
setTimeout(function(){
|
||||
$('#maitre-field-email input').focus();
|
||||
},1000);
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
@ -214,7 +214,7 @@ input[type=email] {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
a.gradient-button {
|
||||
button.gradient-button {
|
||||
display: block;
|
||||
margin: 20px auto;
|
||||
width: 34px;
|
||||
|
|
|
@ -594,7 +594,7 @@
|
|||
<div class="table-wrapper">
|
||||
<div class="gradient-text">
|
||||
<h2>Click here to join our waitlist</h2>
|
||||
<a href="#top" class="gradient-button pulse"></a>
|
||||
<button type="button" class="gradient-button pulse"></button>
|
||||
<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>
|
||||
|
|
Loading…
Reference in New Issue