Skip to content

Commit

Permalink
Create landing views
Browse files Browse the repository at this point in the history
Added landing layout, login and setup views and updated css rules
  • Loading branch information
amatelin committed Sep 22, 2015
1 parent 2cea1eb commit 2619275
Show file tree
Hide file tree
Showing 4 changed files with 67 additions and 0 deletions.
14 changes: 14 additions & 0 deletions public/stylesheets/style.css
@@ -0,0 +1,14 @@
.row {
margin: 0% 2% 2% 2%;
}

.landing-body {
margin-top: 10%;
}

.landing-logo {
height: 275px;
width: 275px;
margin-bottom: 2.5%;
background-image: url("/images/logo.png");
}
26 changes: 26 additions & 0 deletions views/landing.jade
@@ -0,0 +1,26 @@
doctype html
html
head
title= title
link(rel="stylesheet", href="/stylesheets/bootstrap.min.css")
link(rel="stylesheet", href="/stylesheets/style.css")
body
div.row
div.col-md-4.col-md-offset-4.landing-body
div.col-md-12.col-md-offset-3.landing-logo
div.col-md-12
if errorMessage
div.alert.alert-danger(role="alert")
button.close(type="button", data-dismiss="alert", aria-label="Close")
span(aria-hidden="true") ×
| #{errorMessage}
if successMessage
div.alert.alert-success(role="alert")
button.close(type="button", data-dismiss="alert", aria-label="Close")
span(aria-hidden="true") ×
| #{successMessage}
block content

block importScripts
script(src="/javascripts/jquery.min.js")
script(src="/javascripts/bootstrap.min.js")
13 changes: 13 additions & 0 deletions views/login.jade
@@ -0,0 +1,13 @@
extends ./landing

block content
div.col-md-12
form#formLogin(method="POST", action="/login")
div.form-group
label(for="username") Username:
input#inputUsername.form-control(type="text", name="username")
div.form-group
label(for="password") Password:
input#inputPassword.form-control(type="password", name="password")
div.col-md-offset-5
input.btn.btn-success(type="submit", value="Log In")
14 changes: 14 additions & 0 deletions views/setup.jade
@@ -0,0 +1,14 @@
extends ./landing

block content
div.col-md-12
h1.text-center Setup
form#formSetup(name="setup",method="post",action="/setup")
div.form-group
label(for="inputUsername") Username:
input#inputUsername.form-control(type="text", placeholder="ex. John Smith", name="username")
div.form-group
label(for="inputPassword") Password:
input#inputPassword.form-control(type="password", placeholder="ex. 123456", name="password")
div.col-md-offset-5
button#btnSubmit.btn.btn-success(type="submit") Create account

0 comments on commit 2619275

Please sign in to comment.