Merge pull request hoodiehq#187 from hoodiehq/better-messages-in-slack-signup

Added better messages to the slack signup, better hover styles

Author: christophwitzko

chat/index.html

@@ -44,8 +44,8 @@ <h2>Send and receive the same messages on IRC and Slack.</h2>
         <p>
           <form id="slack-integration">
             <input id="mail-for-slack" type="email" placeholder="[email protected]" autofocus="true" required />
-            <br />
             <input type="submit" id="submit-slack" value="Get your Invite" />
+            <div class="message"></div>
           </form>
         </p>
 
@@ -78,11 +78,11 @@ <h2>These are the guidelines:</h2>
                 data: JSON.stringify({ email: email.val() })
             })
             .fail(function (res) {
-                alert((res.responseJSON && res.responseJSON.msg) || 'Server error.')
+                $('#slack-integration .message').text((res.responseJSON && res.responseJSON.msg) || 'Sorry, there was a server error.');
             })
             .done(function (data) {
                 email.val('')
-                alert('WOOT. Check your email!')
+                $('#slack-integration .message').text('Woot! Check your email!');
             })
             .always(function () {
                 btn.prop('disabled', false)