turn gradient anchor into a button and add smooth effects

This commit is contained in:
G14 2016-09-03 19:10:09 +05:00
parent dd08f0f90f
commit c88d064471
4 changed files with 7 additions and 6 deletions

View File

@ -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;

View File

@ -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);
});
});

View File

@ -214,7 +214,7 @@ input[type=email] {
cursor: pointer;
}
a.gradient-button {
button.gradient-button {
display: block;
margin: 20px auto;
width: 34px;

View File

@ -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>