Layout with Twitter Bootstrap

Signed-off-by: Fellipe Souto <fllsouto@gmail.com>

Layout with Twitter Bootstrap
Signed-off-by: Fellipe Souto <fllsouto@gmail.com>
Rafael Manzo
1 parent ce5ea762
Showing 28 changed files with 207 additions and 91 deletions Show diff stats
Gemfile
Gemfile.lock
app/assets/images/agplv3-88x31.png
app/assets/images/logo.png
app/assets/javascripts/application.js
app/assets/javascripts/bootstrap.js.coffee
app/assets/stylesheets/application.css
app/assets/stylesheets/bootstrap_and_overrides.css
app/views/devise/confirmations/new.html.erb
app/views/devise/passwords/edit.html.erb
app/views/devise/passwords/new.html.erb
app/views/devise/registrations/edit.html.erb
app/views/devise/registrations/new.html.erb
app/views/devise/sessions/new.html.erb
app/views/devise/unlocks/new.html.erb
app/views/home/index.html.erb
app/views/layouts/application.html.erb
app/views/projects/_form.html.erb
app/views/projects/index.html.erb
app/views/projects/new.html.erb
@@ -39,9 +39,12 @@ gem &#39;devise&#39;, &#39;~&gt; 3.1.0&#39;
 # Kalibro integration
 gem 'kalibro_entities', "~> 0.0.1.rc2"
  
-#PostgreSQL integration
+# PostgreSQL integration
 gem "pg", "~> 0.17.0"
  
+# Twitter Bootstrap for layout
+gem "twitter-bootstrap-rails", "~> 2.2.8"
+
 group :doc do
   # bundle exec rake doc:rails generates the API under doc/api.
   gem 'sdoc', require: false
@@ -221,6 +221,11 @@ GEM
       polyglot (>= 0.3.1)
     turbolinks (1.3.0)
       coffee-rails
+    twitter-bootstrap-rails (2.2.8)
+      actionpack (>= 3.1)
+      execjs
+      rails (>= 3.1)
+      railties (>= 3.1)
     tzinfo (0.3.38)
     uglifier (2.2.1)
       execjs (>= 0.3.0)
@@ -264,4 +269,5 @@ DEPENDENCIES
   sqlite3
   therubyracer
   turbolinks
+  twitter-bootstrap-rails (~> 2.2.8)
   uglifier (>= 1.3.0)
@@ -12,5 +12,6 @@
 //
 //= require jquery
 //= require jquery_ujs
+//= require twitter/bootstrap
 //= require turbolinks
 //= require_tree .
@@ -0,0 +1,3 @@
+jQuery ->
+  $("a[rel~=popover], .has-popover").popover()
+  $("a[rel~=tooltip], .has-tooltip").tooltip()
@@ -8,7 +8,7 @@
  * You're free to add application-wide styles to this file and they'll appear at the top of the
  * compiled file, but it's generally better to create a new file per style scope.
  *
- *= boilerplate/main.css 
+ *= boilerplate/main.css
  *= boilerplate/normalize.css
  *= require_self
  *= require_tree .
@@ -0,0 +1,20 @@
+/*
+  =require twitter-bootstrap-static/bootstrap
+
+  Use Font Awesome icons (default)
+  To use Glyphicons sprites instead of Font Awesome, replace with "require twitter-bootstrap-static/sprites"
+  =require twitter-bootstrap-static/fontawesome
+  */
+
+footer div {
+  width: 50%;
+}
+
+.footer-right {
+  float: right;
+  text-align: right;
+}
+
+.footer-left {
+  float: left;
+}
 \ No newline at end of file
-<h2>Resend confirmation instructions</h2>
+<h1>Resend confirmation instructions</h1>
  
 <%= form_for(resource, :as => resource_name, :url => confirmation_path(resource_name), :html => { :method => :post }) do |f| %>
   <%= devise_error_messages! %>
@@ -6,7 +6,7 @@
   <div><%= f.label :email %><br />
   <%= f.email_field :email, :autofocus => true %></div>
  
-  <div><%= f.submit "Resend confirmation instructions" %></div>
+  <div><%= f.submit "Resend confirmation instructions", class: 'btn btn-default' %></div>
 <% end %>
  
 <%= render "devise/shared/links" %>
-<h2>Change your password</h2>
+<h1>Change your password</h1>
  
 <%= form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :put }) do |f| %>
   <%= devise_error_messages! %>
@@ -10,7 +10,7 @@
   <div><%= f.label :password_confirmation, "Confirm new password" %><br />
   <%= f.password_field :password_confirmation %></div>
  
-  <div><%= f.submit "Change my password" %></div>
+  <div><%= f.submit "Change my password", class: 'btn btn-warning' %></div>
 <% end %>
  
 <%= render "devise/shared/links" %>
-<h2>Forgot your password?</h2>
+<h1>Forgot your password?</h1>
  
 <%= form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :post }) do |f| %>
   <%= devise_error_messages! %>
@@ -6,7 +6,7 @@
   <div><%= f.label :email %><br />
   <%= f.email_field :email, :autofocus => true %></div>
  
-  <div><%= f.submit "Send me reset password instructions" %></div>
+  <div><%= f.submit "Send me reset password instructions", class: 'btn btn-warning' %></div>
 <% end %>
  
 <%= render "devise/shared/links" %>
-<h2>Edit <%= resource_name.to_s.humanize %></h2>
+<h1>Edit <%= resource_name.to_s.humanize %></h1>
  
 <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :put }) do |f| %>
   <%= devise_error_messages! %>
@@ -22,11 +22,9 @@
   <div><%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br />
   <%= f.password_field :current_password %></div>
  
-  <div><%= f.submit "Update" %></div>
+  <div><%= f.submit "Update", class: 'btn btn-primary' %></div>
 <% end %>
  
-<h3>Cancel my account</h3>
+<h2>Cancel my account</h2>
  
-<p>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), :data => { :confirm => "Are you sure?" }, :method => :delete %></p>
-
-<%= link_to "Back", root_path %>
+<p>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), :data => { :confirm => "Are you sure?" }, :method => :delete, class: 'btn btn-danger' %></p>
-<h2>Sign up</h2>
+<h1>Sign up</h1>
  
 <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
   <%= devise_error_messages! %>
@@ -15,7 +15,7 @@
   <div><%= f.label :password_confirmation %><br />
   <%= f.password_field :password_confirmation %></div>
  
-  <div><%= f.submit "Sign up" %></div>
+  <div><%= f.submit "Sign up", class: 'btn btn-primary' %></div>
 <% end %>
  
 <%= render "devise/shared/links" %>
-<h2>Sign in</h2>
+<h1>Sign in</h1>
  
 <%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %>
   <div><%= f.label :email %><br />
@@ -11,7 +11,7 @@
     <div><%= f.check_box :remember_me %> <%= f.label :remember_me %></div>
   <% end -%>
  
-  <div><%= f.submit "Sign in" %></div>
+  <div><%= f.submit "Sign in", class: 'btn btn-primary' %></div>
 <% end %>
  
 <%= render "devise/shared/links" %>
-<h2>Resend unlock instructions</h2>
+<h1>Resend unlock instructions</h1>
  
 <%= form_for(resource, :as => resource_name, :url => unlock_path(resource_name), :html => { :method => :post }) do |f| %>
   <%= devise_error_messages! %>
@@ -6,7 +6,7 @@
   <div><%= f.label :email %><br />
   <%= f.email_field :email, :autofocus => true %></div>
  
-  <div><%= f.submit "Resend unlock instructions" %></div>
+  <div><%= f.submit "Resend unlock instructions", class: 'btn btn-primary' %></div>
 <% end %>
  
 <%= render "devise/shared/links" %>
-<% if user_signed_in? %>
-  <%= link_to('Edit', edit_user_registration_path) %>
-  <%= link_to('New Project', new_project_path) %>
-  <%= link_to('Logout', destroy_user_session_path, :method => :delete) %>
-<% else %>
-  <%= link_to('Login', new_user_session_path) %>
-  <%= link_to('Sign Up', new_user_registration_path) %>
-<% end %>
+<div class="hero-unit">
+<p><h1>Hello world!</h1></p>
  
-<p><h2>Latest Projects</h2></p>
+<p>This is Mezuro! A <strong>free</strong> (with the same meaning as freedom) web platform for <strong>collaborative</strong> source code <strong>evalution</strong>.</p>
+
+<p>Here you can evaluate your source code with most of the SCM, just by giving it's URL. For now you can evaluate <strong>Java</strong>, <strong>C/C++</strong> and <strong>Python</strong> source-code, but soon we hope to support more languages!</p>
+
+</div>
+
+<h2>Latest projects</h2>
 <ul>
   <% @latest_projects.each do |project| %>
     <li><%= link_to(project.name, project_path(project.id)) %></li>
   <% end %>
-</ul>
-<p><%= link_to('All Projects', projects_path) %></p>
 \ No newline at end of file
+</ul>
 \ No newline at end of file
 <!DOCTYPE html>
-<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+<html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
-    <title>Base Rails App</title>
+    <title><%= content_for?(:title) ? yield(:title) : "Mezuro" %></title>
  
     <link type="text/plain" rel="author" href="humans.txt" />
+
     <%= javascript_include_tag :modernizr %>
  
-    <%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+      <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script>
+    <![endif]-->
+
+    <%= stylesheet_link_tag "application", :media => "all" %>
+
+    <!-- For third-generation iPad with high-resolution Retina display: -->
+    <!-- Size should be 144 x 144 pixels -->
+    <%= favicon_link_tag 'apple-touch-icon-144x144-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '144x144' %>
+
+    <!-- For iPhone with high-resolution Retina display: -->
+    <!-- Size should be 114 x 114 pixels -->
+    <%= favicon_link_tag 'apple-touch-icon-114x114-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '114x114' %>
+
+    <!-- For first- and second-generation iPad: -->
+    <!-- Size should be 72 x 72 pixels -->
+    <%= favicon_link_tag 'apple-touch-icon-72x72-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '72x72' %>
  
-    <%= javascript_include_tag "application", "data-turbolinks-track" => true  %>
+    <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
+    <!-- Size should be 57 x 57 pixels -->
+    <%= favicon_link_tag 'apple-touch-icon-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png' %>
+
+    <!-- For all other devices -->
+    <!-- Size should be 32 x 32 pixels -->
+    <%= favicon_link_tag 'favicon.ico', :rel => 'shortcut icon' %>
+
+    <%= javascript_include_tag "application" %>
  
     <%= csrf_meta_tags %>
   </head>
-
   <body>
-    <p class="notice"><%= notice %></p>
-    <p class="alert"><%= alert %></p>
  
+    <div class="navbar navbar-fluid-top">
+      <div class="navbar-inner">
+        <div class="container-fluid">
+          <a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </a>
+          <%= link_to image_tag('logo.png'), root_path, class: 'brand' %></a>
+          <div class="container-fluid nav-collapse">
+            <ul class="nav">
+              <li><%= link_to 'Home', root_path %></li>
+              <li><%= link_to 'Project', projects_path %></li>
+            </ul>
+            <ul class="nav" style="float: right;">
+              <% if user_signed_in? %>
+                <li><%= link_to 'Edit Account', edit_user_registration_path %></li>
+                <li><%= link_to 'Logout', destroy_user_session_path, :method => :delete %></li>
+              <% else %>
+                <li><%= link_to 'Login', new_user_session_path %></li>
+                <li><%= link_to 'Sign Up', new_user_registration_path %></li>
+              <% end %>
+            </ul>
+          </div><!--/.nav-collapse -->
+        </div>
+      </div>
+    </div>
+
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span3">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <% if user_signed_in? %>
+                <li class="nav-header">User info</li>
+                <li>Hello, <strong><%= current_user.name %></strong></li>
+              <% end %>
+              <% if content_for?(:sidebar) %>
+                <%= yield :sidebar %>
+              <% else %>
+                <%= render 'shared/short_about' %>
+              <% end %>
+            </ul>
+          </div><!--/.well -->
+        </div><!--/span-->
+        <div class="span9">
+          <%= bootstrap_flash %>
+          <%= yield %>
+        </div>
+      </div><!--/row-->
+
+      <footer>
+        <div class="footer-left">&copy; <%= link_to "The Mezuro Team", "humans.txt" %> 2013</div>
+        <div class="footer-right"><%= link_to(image_tag('agplv3-88x31.png'), 'http://www.gnu.org/licenses/agpl-3.0-standalone.html') %> <%= link_to "Fork me", "https://github.com/mezuro/mezuro-standalone" %></div>
+      </footer>
  
-    <%= yield %>
+    </div> <!-- /container -->
  
   </body>
 </html>
-<%= form_for(@project) do |f| %>
+<%= form_for(@project, :html => { role: 'form' }) do |f| %>
   <%= render :partial => 'shared/form_errors', :locals => {:object => @project} %>
  
-  <div class="field">
+  <div class="form-group">
     <%= f.label :name %><br>
-    <%= f.text_field :name %>
+    <%= f.text_field :name, class: 'form-control' %>
   </div>
  
-  <div class="field">
+  <div class="form-group">
     <%= f.label :description %><br>
-    <%= f.text_area :description %>
+    <%= f.text_area :description, class: 'form-control' %>
   </div>
  
-  <div class="actions">
-    <%= f.submit %>
-  </div>
+  <%= f.submit 'Save', class: 'btn btn-default' %>
 <% end %>
 <h1>Listing Projects</h1>
  
-<table>
+<p><%= link_to 'New Project', new_project_path, class: 'btn  btn-primary' %></p>
+
+<table class="table table-hover">
   <thead>
     <tr>
       <th>Name</th>
@@ -14,15 +16,13 @@
       <tr>
         <td><%= project.name %></td>
         <td><%= project.description %></td>
-        <td><%= link_to 'Show', project_path(project.id) %></td>
-        <% if project_owner? project.id %>
-          <td><%= link_to 'Edit', edit_project_path(project.id) %></td>
-        <% end %>    
+        <td><%= link_to 'Show', project_path(project.id), class: 'btn btn-info' %></td>
+        <td>
+          <% if project_owner? project.id %>
+            <%= link_to 'Edit', edit_project_path(project.id), class: 'btn btn-info' %>
+          <% end %>
+        </td>
       </tr>
     <% end %>
   </tbody>
 </table>
-
-<br>
-
-<%= link_to 'New Project', new_project_path %>
 <h1>New Project</h1>
  
 <%= render 'form' %>
-
-<%= link_to 'Back', root_path %>
@@ -10,8 +10,6 @@
  
 <p>
   <% if project_owner? @project.id %>
-    <%= link_to 'Destroy', project_path(@project.id), method: :delete, data: { confirm: 'Are you sure?' } %>
+    <%= link_to 'Destroy', project_path(@project.id), method: :delete, data: { confirm: 'Are you sure?' }, class: 'btn btn-danger' %>
   <% end %>
 </p>
-
-<%= link_to 'Back', projects_path %>
@@ -0,0 +1,4 @@
+<li class="nav-header">About Mezuro</li>
+<li>
+<small>Mezuro is the front-end for the <%= link_to 'Kalibro Project', 'https://github.com/mezuro/kalibro' %>. It is intended to be a service where you can evaluate your code quality and, if you want, define wich set of metrics you want to use.</small>
+</li>
 \ No newline at end of file
@@ -0,0 +1,18 @@
+# Sample localization file for English. Add more files in this directory for other locales.
+# See https://github.com/svenfuchs/rails-i18n/tree/master/rails%2Flocale for starting points.
+
+en:
+  helpers:
+    actions: "Actions"
+    links:
+      back: "Back"
+      cancel: "Cancel"
+      confirm: "Are you sure?"
+      destroy: "Delete"
+      new: "New"
+      edit: "Edit"
+    titles:
+      edit: "Edit %{model}"
+      save: "Save %{model}"
+      new: "New %{model}"
+      delete: "Delete %{model}"
@@ -7,8 +7,8 @@ Feature: Homepage
     Given I am at the homepage
     Then I should see Login
     And I should see Sign Up
-    And I should see Latest Projects
-    And I should see All Projects
+    And I should see Latest projects
+    And I should see Project
  
   Scenario: Signed in
     Given I am a regular user
@@ -16,5 +16,5 @@ Feature: Homepage
     And I am at the homepage
     Then I should see Edit
     And I should see Logout
-    And I should see Latest Projects
-    And I should see All Projects
 \ No newline at end of file
+    And I should see Latest projects
+    And I should see Project
 \ No newline at end of file
@@ -17,7 +17,7 @@ Feature: Project Creation
     And I am at the New Project page
     And I fill the Name field with "Kalibro"
     And I fill the Description field with "Web Service to collect metrics"
-    When I press the Create Project button
+    When I press the Save button
     Then I should see Kalibro
     And I should see Web Service to collect metrics
  
@@ -29,7 +29,7 @@ Feature: Project Creation
     And I am at the New Project page
     And I fill the Name field with "Kalibro"
     And I fill the Description field with "Web Service to collect metrics"
-    When I press the Create Project button
+    When I press the Save button
     Then I should see There's already
  
   @kalibro_restart
@@ -39,5 +39,5 @@ Feature: Project Creation
     And I am at the New Project page
     And I fill the Name field with " "
     And I fill the Description field with "Web Service to collect metrics"
-    When I press the Create Project button
+    When I press the Save button
     Then I should see Name can't be blank
 \ No newline at end of file
@@ -18,8 +18,8 @@ Feature: Project
     And I am signed in
     And I have a sample project
     And I am at the All Projects page
-    Then I should not see Edit
-    
+    Then I should not see "Edit" within "table tr td"
+
   @kalibro_restart
   Scenario: Should not render the edit page if the project doesn't belongs to the current user
     Given I am a regular user
@@ -47,7 +47,7 @@ Feature: Project
     And I am at the sample project edit page
     And I fill the Name field with "Kalibro"
     And I fill the Description field with "Web Service to collect metrics"
-    When I press the Update button
+    When I press the Save button
     Then I should see Kalibro
     And I should see Web Service to collect metrics
  
@@ -59,7 +59,7 @@ Feature: Project
     And I own a project named "Kalibro"
     And I am at the sample project edit page
     And I fill the Name field with "Qt-Calculator"
-    When I press the Update button
+    When I press the Save button
     Then I should see There's already
  
   @kalibro_restart
@@ -69,7 +69,7 @@ Feature: Project
     And I own a sample project
     And I am at the sample project edit page
     And I fill the Description field with "Web Service to collect metrics"
-    When I press the Update button
+    When I press the Save button
     And I should see Web Service to collect metrics
  
   @kalibro_restart
@@ -79,5 +79,5 @@ Feature: Project
     And I own a sample project
     And I am at the sample project edit page
     And I fill the Name field with " "
-    When I press the Update button
+    When I press the Save button
     Then I should see Name can't be blank
@@ -5,7 +5,7 @@ Feature: Project listing
  
   Scenario: Listing projects
     Given I am at the homepage
-    When I click the All Projects link
+    When I click the Project link
     Then I should see Listing Projects
     And I should see Name
     And I should see Description
@@ -27,14 +27,4 @@ Feature: Project listing
     When I click the Show link
     Then I should see Name
     And I should see Description
-    And I should see Back
-    And the sample project should be there
-
-  @wip @kalibro_restart
-  Scenario: Should go back to the All Projects page from show project view
-    Given I am a regular user
-    And I am signed in
-    And I have a sample project
-    And I am at the Sample Project page
-    When I click the Back link
-    Then I should be in the All Projects page
 \ No newline at end of file
+    And the sample project should be there
 \ No newline at end of file
@@ -42,6 +42,10 @@ Then(/^I should not see (.+)$/) do |text|
   page.should_not have_content(text)
 end
  
+Then(/^I should not see "(.+)"" within "(.+)"$/) do |text, selector|
+  page.find(selector).should_not have_content(text)
+end
+
 Then(/^the sample project should be there$/) do
   page.should have_content(@project.name)
   page.should have_content(@project.description)
...	...	@@ -39,9 +39,12 @@ gem 'devise', '~> 3.1.0'
39	39	# Kalibro integration
40	40	gem 'kalibro_entities', "~> 0.0.1.rc2"
41	41
42		-#PostgreSQL integration
	42	+# PostgreSQL integration
43	43	gem "pg", "~> 0.17.0"
44	44
	45	+# Twitter Bootstrap for layout
	46	+gem "twitter-bootstrap-rails", "~> 2.2.8"
	47	+
45	48	group :doc do
46	49	# bundle exec rake doc:rails generates the API under doc/api.
47	50	gem 'sdoc', require: false
...	...
...	...	@@ -221,6 +221,11 @@ GEM
221	221	polyglot (>= 0.3.1)
222	222	turbolinks (1.3.0)
223	223	coffee-rails
	224	+ twitter-bootstrap-rails (2.2.8)
	225	+ actionpack (>= 3.1)
	226	+ execjs
	227	+ rails (>= 3.1)
	228	+ railties (>= 3.1)
224	229	tzinfo (0.3.38)
225	230	uglifier (2.2.1)
226	231	execjs (>= 0.3.0)
...	...	@@ -264,4 +269,5 @@ DEPENDENCIES
264	269	sqlite3
265	270	therubyracer
266	271	turbolinks
	272	+ twitter-bootstrap-rails (~> 2.2.8)
267	273	uglifier (>= 1.3.0)
...	...
...	...	@@ -12,5 +12,6 @@
12	12	//
13	13	//= require jquery
14	14	//= require jquery_ujs
	15	+//= require twitter/bootstrap
15	16	//= require turbolinks
16	17	//= require_tree .
...	...
...	...	@@ -0,0 +1,3 @@
	1	+jQuery ->
	2	+ $("a[rel~=popover], .has-popover").popover()
	3	+ $("a[rel~=tooltip], .has-tooltip").tooltip()
...	...
...	...	@@ -8,7 +8,7 @@
8	8	* You're free to add application-wide styles to this file and they'll appear at the top of the
9	9	* compiled file, but it's generally better to create a new file per style scope.
10	10	*
11		- *= boilerplate/main.css
	11	+ *= boilerplate/main.css
12	12	*= boilerplate/normalize.css
13	13	*= require_self
14	14	*= require_tree .
...	...
...	...	@@ -0,0 +1,20 @@
	1	+/*
	2	+ =require twitter-bootstrap-static/bootstrap
	3	+
	4	+ Use Font Awesome icons (default)
	5	+ To use Glyphicons sprites instead of Font Awesome, replace with "require twitter-bootstrap-static/sprites"
	6	+ =require twitter-bootstrap-static/fontawesome
	7	+ */
	8	+
	9	+footer div {
	10	+ width: 50%;
	11	+}
	12	+
	13	+.footer-right {
	14	+ float: right;
	15	+ text-align: right;
	16	+}
	17	+
	18	+.footer-left {
	19	+ float: left;
	20	+}
0	21	\ No newline at end of file
...	...
1		-<h2>Resend confirmation instructions</h2>
	1	+<h1>Resend confirmation instructions</h1>
2	2
3	3	<%= form_for(resource, :as => resource_name, :url => confirmation_path(resource_name), :html => { :method => :post }) do \|f\| %>
4	4	<%= devise_error_messages! %>
...	...	@@ -6,7 +6,7 @@
6	6	<div><%= f.label :email %><br />
7	7	<%= f.email_field :email, :autofocus => true %></div>
8	8
9		- <div><%= f.submit "Resend confirmation instructions" %></div>
	9	+ <div><%= f.submit "Resend confirmation instructions", class: 'btn btn-default' %></div>
10	10	<% end %>
11	11
12	12	<%= render "devise/shared/links" %>
...	...
1		-<h2>Change your password</h2>
	1	+<h1>Change your password</h1>
2	2
3	3	<%= form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :put }) do \|f\| %>
4	4	<%= devise_error_messages! %>
...	...	@@ -10,7 +10,7 @@
10	10	<div><%= f.label :password_confirmation, "Confirm new password" %><br />
11	11	<%= f.password_field :password_confirmation %></div>
12	12
13		- <div><%= f.submit "Change my password" %></div>
	13	+ <div><%= f.submit "Change my password", class: 'btn btn-warning' %></div>
14	14	<% end %>
15	15
16	16	<%= render "devise/shared/links" %>
...	...
1		-<h2>Forgot your password?</h2>
	1	+<h1>Forgot your password?</h1>
2	2
3	3	<%= form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :post }) do \|f\| %>
4	4	<%= devise_error_messages! %>
...	...	@@ -6,7 +6,7 @@
6	6	<div><%= f.label :email %><br />
7	7	<%= f.email_field :email, :autofocus => true %></div>
8	8
9		- <div><%= f.submit "Send me reset password instructions" %></div>
	9	+ <div><%= f.submit "Send me reset password instructions", class: 'btn btn-warning' %></div>
10	10	<% end %>
11	11
12	12	<%= render "devise/shared/links" %>
...	...
1		-<h2>Edit <%= resource_name.to_s.humanize %></h2>
	1	+<h1>Edit <%= resource_name.to_s.humanize %></h1>
2	2
3	3	<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :put }) do \|f\| %>
4	4	<%= devise_error_messages! %>
...	...	@@ -22,11 +22,9 @@
22	22	<div><%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br />
23	23	<%= f.password_field :current_password %></div>
24	24
25		- <div><%= f.submit "Update" %></div>
	25	+ <div><%= f.submit "Update", class: 'btn btn-primary' %></div>
26	26	<% end %>
27	27
28		-<h3>Cancel my account</h3>
	28	+<h2>Cancel my account</h2>
29	29
30		-<p>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), :data => { :confirm => "Are you sure?" }, :method => :delete %></p>
31		-
32		-<%= link_to "Back", root_path %>
	30	+<p>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), :data => { :confirm => "Are you sure?" }, :method => :delete, class: 'btn btn-danger' %></p>
...	...