Login redesign, saved ios7 login just in case

public/css/styles.less

@@ -14,4 +14,35 @@ body {
   margin-bottom: -15px;
   position: relative;
   left: -10px;
+}
+
+.form-signin {
+  max-width: 400px;
+  display: block;
+}
+
+[class^="fa-"],
+[class*="fa-"] {
+  margin-right: 5px;
+}
+
+
+.facebook {
+  background-color: #335397;
+  border-color: #335397;
+}
+
+.twitter {
+  background-color: #00c7f7;
+  border-color: #00c7f7;
+}
+
+.google {
+  background-color: #dd4b39;
+  border-color: #dd4b39;
+}
+
+.github {
+  background-color: #333;
+  border-color: #333;
 }

views/login-ios.jade

@@ -0,0 +1,51 @@
+extends layout
+
+block content
+  if messages.length
+    .alert.alert-danger
+      strong= messages
+  .login-container.animated.fadeIn
+    h3.text-center
+      span.text-primary PROJECT
+      span.text-muted NAME
+    form(method='POST')
+      .form-group
+        input.form-control(type='text', name='username', id='username', placeholder='Email', autofocus='', required='')
+      .form-group
+        input.form-control(type='password', name='password', id='password', placeholder='Password', required='')
+        button(type='submit')
+          i.fa.fa-chevron-right
+      .form-options.clearfix
+        a.pull-right(href='#') Forgot password?
+        .text-left
+          label.checkbox
+            input(type='checkbox')
+            span Remember me
+    .row
+      .col-xs-6.col-sm-6.col-md-6
+        a.btn.btn-primary.btn-block.facebook(href='/auth/facebook')
+          i.fa.fa-facebook
+          | Facebook
+
+      .col-xs-6.col-sm-6.col-md-6
+        a.btn.btn-info.btn-block.twitter(href='/auth/twitter')
+          i.fa.fa-twitter
+          |   Twitter
+
+    .row
+      .col-xs-6.col-sm-6.col-md-6
+        a.btn.btn-danger.btn-block.google(href='/auth/google')
+          i.fa.fa-google-plus
+          |   Google
+      .col-xs-6.col-sm-6.col-md-6
+        a.btn.btn-default.btn-block.github(href='/auth/github')
+          i.fa.fa-github
+          |   GitHub
+    p Don't have an account yet? 
+      a(href='/signup') Sign up now
+
+  script
+    $(function() {
+      $('.navbar').remove();
+      $('body').addClass('login-body');
+    });

views/login.jade

@@ -4,48 +4,35 @@ block content
   if messages.length
     .alert.alert-danger
       strong= messages
-  .login-container.animated.fadeIn
+  .page-header
-    h3.text-center
+    h2 Login
-      span.text-primary PROJECT
+  form.form-horizontal(method='POST')
-      span.text-muted NAME
+    .form-group
-    form(method='POST')
+      .col-sm-offset-2.col-sm-8
-      .form-group
+        .btn-group.btn-group-justified
+          a.btn.btn-sm.btn-primary.facebook(href='/auth/facebook')
+            i.fa.fa-facebook
+            | Facebook
+          a.btn.btn-sm.btn-info.twitter(href='/auth/twitter')
+            i.fa.fa-twitter
+            | Twitter
+          a.btn.btn-sm.btn-danger.google(href='/auth/google')
+            i.fa.fa-google-plus
+            | Google
+          a.btn.btn-sm.btn-default.github(href='/auth/github')
+            i.fa.fa-github
+            | GitHub
+    .form-group
+      label.col-sm-2.control-label(for='username') Email
+      .col-sm-8
         input.form-control(type='text', name='username', id='username', placeholder='Email', autofocus='', required='')
-      .form-group
+    .form-group
+      label.col-sm-2.control-label(for='username') Password
+      .col-sm-8
         input.form-control(type='password', name='password', id='password', placeholder='Password', required='')
-        button(type='submit')
+        .help-block
-          i.fa.fa-chevron-right
+          a.pull-right(href='#') Forgot password?
-      .form-options.clearfix
+    .form-group
-        a.pull-right(href='#') Forgot password?
+      .col-sm-offset-2.col-sm-8
-        .text-left
+        button.btn.btn-success(type='submit') Login
-          label.checkbox
-            input(type='checkbox')
-            span Remember me
-    .row
-      .col-xs-6.col-sm-6.col-md-6
-        a.btn.btn-primary.btn-block.facebook(href='/auth/facebook')
-          i.fa.fa-facebook
-          | Facebook
 
-      .col-xs-6.col-sm-6.col-md-6
-        a.btn.btn-info.btn-block.twitter(href='/auth/twitter')
-          i.fa.fa-twitter
-          |   Twitter
-
-    .row
-      .col-xs-6.col-sm-6.col-md-6
-        a.btn.btn-danger.btn-block.google(href='/auth/google')
-          i.fa.fa-google-plus
-          |   Google
-      .col-xs-6.col-sm-6.col-md-6
-        a.btn.btn-default.btn-block.github(href='/auth/github')
-          i.fa.fa-github
-          |   GitHub
-    p Don't have an account yet? 
-      a(href='/signup') Sign up now
-
-  script
-    $(function() {
-      $('.navbar').remove();
-      $('body').addClass('login-body');
-    });