added sign up error alert

app/app.css

@@ -608,6 +608,9 @@ footer a:hover{
   display: block;
   margin: 0 auto;
 }
+.alert{
+  text-align: center;
+}
 @media (max-width: 992px) {
   /* some think */
   #s3 {

app/app.js

@@ -61,6 +61,7 @@ if (Meteor.isClient) {
 
                 if (err) {
                     console.log(err);
+                    $(".container").after('<div class="alert alert-danger" role="alert"><strong>Oh Snap!</strong> ' + err.reason + '</div>')
                 } else {
                     Meteor.loginWithPassword(username, password);
                 }

app/templates/register.html

@@ -3,8 +3,8 @@
         <button class="button" id="login">Login</button>
         <h1>Sign Up</h1>
         <form class="form">
-            <input type="text" autocorrect="off" name="registerUsername" placeholder="Enter a username" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter a username'" required/>
-            <input type="email" name="registerEmail" placeholder="Enter your email" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter your email'" required>
+            <input id="usernameInput" type="text" autocorrect="off" name="registerUsername" placeholder="Enter a username" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter a username'" required/>
+            <input id="emailInput" type="email" name="registerEmail" placeholder="Enter your email" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter your email'" required>
             <input type="password" name="registerPassword" placeholder="Enter a password" onfocus="this.placeholder = ''" onblur="this.placeholder='Enter a password'" required/> {{> reCAPTCHA}}
             <p>By registering, you agree to the Terms and Conditions and Privacy Policy.</p>
             <button type="submit">Sign Up</button>