👻 add signup button

static/css/sign.css

@@ -87,6 +87,20 @@
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(255, 255, 255, 0.75);
 }
 
+.button {
+    width: 100%;
+    color: #fff;
+    font-size: 16px;
+    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
+    background-color: #60b044;
+    background-image: -webkit-linear-gradient(#8add6d, #60b044);
+    background-image: linear-gradient(#8add6d, #60b044);
+    background-repeat: repeat-x;
+    border-color: #5ca941;
+    padding: 10px;
+    margin-top: 20px;
+}
+
 #msg {
     background-color: #fcdede;
     border: 1px solid #d2b2b2;
@@ -128,6 +142,6 @@
 }
 
 .form.sign-up {
-    margin-top: -20px;
+    margin-top: -71px;
 }
 /* end sign up */

views/sign_up.html

@@ -36,6 +36,7 @@
                     <input id="username" placeholder="Username"/><br/>
                     <input id="password" type="password" placeholder="Password"/><br/>
                     <input id="confirmPassword" type="password" placeholder="Confirm your password"/>
+                    <button id="signUpBtn" class="button">{{.i18n.sign_up}}</button>
                 </div>
             </div>
         </div>
@@ -134,6 +135,10 @@
             $("#msg").hide();
         }
     });
+
+    $("#signUpBtn").click(function () {
+        signUp();
+    });
 })();
         </script>
     </body>