Skip to content
Browse files

Added UI for login and index page.

  • Loading branch information...
1 parent a996b92 commit d59cbf86b8471185e7e1343796c5423e649bade9 @llun committed Apr 7, 2013
Showing with 70 additions and 2 deletions.
  1. +2 −1 .gitignore
  2. +1 −0 app.js
  3. +37 −0 public/css/mailpipe-login.less
  4. +1 −0 public/css/mailpipe.less
  5. +5 −1 routes/index.js
  6. +24 −0 views/login.jade
View
3 .gitignore
@@ -5,4 +5,5 @@
node_modules
-mailpipe.css
+mailpipe.css
+mailpipe-login.css
View
1 app.js
@@ -40,6 +40,7 @@ app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));
app.get('/', routes.index);
+app.get('/login', routes.login);
app.get('/users', user.list);
http.createServer(app).listen(app.get('port'), function(){
View
37 public/css/mailpipe-login.less
@@ -0,0 +1,37 @@
+body {
+ background-color: #1ABC9C;
+ padding-top: 60px;
+ color: white;
+
+ .login-box {
+
+ .icon {
+ width: 96px;
+
+ & > h4 {
+ font-size: 17px;
+ font-weight: 200;
+ line-height: 34px;
+ opacity: 0.95;
+
+ small {
+ font-weight: 700;
+ font-size: inherit;
+ color: inherit;
+ }
+ }
+ }
+
+
+ }
+
+ .login-form {
+ input[type='text'],
+ input[type='password'] {
+ width: 100%;
+ height: 44px;
+ }
+
+ }
+
+}
View
1 public/css/mailpipe.less
@@ -1,6 +1,7 @@
body {
padding-bottom: 40px;
padding-top: 20px;
+ font-family: "Lato", "san-serif";
.jumbotron {
margin: 60px;
View
6 routes/index.js
@@ -5,4 +5,8 @@
exports.index = function(req, res){
res.render('index', { title: 'Express' });
-};
+};
+
+exports.login = function (req, res) {
+ res.render('login', { title: 'Login' });
+}
View
24 views/login.jade
@@ -0,0 +1,24 @@
+extends layout
+
+block stylesheet
+ link(rel='stylesheet',type='text/css',href='/css/mailpipe-login.css')
+
+block content
+ .container
+ .row
+ .span2.offset3.login-box
+ .icon
+ img(src='/images/illustrations/mail.png',alt='Welcome to MailPipe')
+ h4
+ | Welcome to
+ small MailPipe
+ .span5
+ form.login-form(action='#')
+ .control-group
+ input.login-field#username(type='text',placeholder='Username',name='username')
+ label.login-field-icon.fui-man-16(for='username')
+ .control-group
+ input.login-field#password(type='password',placeholder='Password',name='password')
+ label.login-field-icon.fui-lock-16(for='password')
+ button.btn.btn-primary.btn-large.btn-block(type='submit') Login
+ a.login-link(href='#') Lost your password?

0 comments on commit d59cbf8

Please sign in to comment.
Something went wrong with that request. Please try again.