whito/login_layout.ejs

## gistfile1.txt
$ rw routes

     users GET    /users.:format?          users#index
     users POST   /users.:format?          users#create
  new_user GET    /users/new.:format?      users#new
 edit_user GET    /users/:id/edit.:format? users#edit
      user DELETE /users/:id.:format?      users#destroy
      user PUT    /users/:id.:format?      users#update
      user GET    /users/:id.:format?      users#show
     login GET    /login                   users#login
     login POST   /login                   users#authenticate

## login_layout.ejs
<!DOCTYPE html>
<html lang="en">
    <head>
        <title><%= title %></title>
        <%- stylesheet_link_tag( 'style') %>

    </head>
    <body>
		<form action='/login' method='post' id='login'>
			<img src='images/logo.png'>
			<fieldset>
				<label>Username</label>
				<input type='text' name='login' id='username' required autofocus>
				<label>Password</label>
				<input type='password' name='password' id='password'>
			</fieldset>
			<fieldset>
				<input type='submit' class='button' value='Login'>
			</fieldset>
		</form>
    </body>
</html>

## routes.js
exports.routes = function (map) {
    map.resources('users');

       //custom routes here

	map.get('login', 'users#login');
	map.post('login', 'users#authenticate');

};

## users_controller.js
//users_controller.js  (omitted out the CRUD actions)
action(function login() {
	console.log("in login-------");
	layout("login");
	this.title= "Login Page";
        render();
});

action(function authenticate() {
        // this never shows up when the form is posted.
	console.log("in authenticate");
});
	$ rw routes

	users GET /users.:format? users#index
	users POST /users.:format? users#create
	new_user GET /users/new.:format? users#new
	edit_user GET /users/:id/edit.:format? users#edit
	user DELETE /users/:id.:format? users#destroy
	user PUT /users/:id.:format? users#update
	user GET /users/:id.:format? users#show
	login GET /login users#login
	login POST /login users#authenticate
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title><%= title %></title>
	<%- stylesheet_link_tag( 'style') %>

	</head>
	<body>
	<form action='/login' method='post' id='login'>
	<img src='images/logo.png'>
	<fieldset>
	<label>Username</label>
	<input type='text' name='login' id='username' required autofocus>
	<label>Password</label>
	<input type='password' name='password' id='password'>
	</fieldset>
	<fieldset>
	<input type='submit' class='button' value='Login'>
	</fieldset>
	</form>
	</body>
	</html>
	exports.routes = function (map) {
	map.resources('users');

	//custom routes here

	map.get('login', 'users#login');
	map.post('login', 'users#authenticate');

	};
	//users_controller.js (omitted out the CRUD actions)
	action(function login() {
	console.log("in login-------");
	layout("login");
	this.title= "Login Page";
	render();
	});

	action(function authenticate() {
	// this never shows up when the form is posted.
	console.log("in authenticate");
	});