From d9ed9feec153b8cc2f8afa364314c92e2e0c0b1b Mon Sep 17 00:00:00 2001 From: Brigitte Warner Date: Thu, 7 Aug 2014 20:43:26 -0400 Subject: [PATCH] update sign in page with bootstrap 3 --- app/assets/images/velo_logo.png | Bin 0 -> 6857 bytes app/assets/stylesheets/application.css | 27 +++++++- app/views/devise/_links.erb | 4 +- app/views/devise/sessions/new.html.erb | 86 +++++++++++++------------ 4 files changed, 72 insertions(+), 45 deletions(-) create mode 100644 app/assets/images/velo_logo.png diff --git a/app/assets/images/velo_logo.png b/app/assets/images/velo_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..fa7922f7b72364c38fdcdd9019e82de1ffdccb09 GIT binary patch literal 6857 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 DU}+Ei literal 0 HcmV?d00001 diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 221a607..dc440fe 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -11,8 +11,31 @@ *= require_self *= require datepicker *= require bootstrap - *= require bootstrap-responsive *= require bootstrap-timepicker *= require bootstrap_and_overrides - *= require bootstrap-fontawesome */ + +.container { + max-width: 940px; + margin: 0 auto; +} + +.container img { + display: block; + margin: 0 auto; +} + +p { + text-align: center; + padding: 20px 0; +} + +.check_box { + width: 30px; + height: 30px; + background-color: white; +} + +label { + font-size: x-large; +} \ No newline at end of file diff --git a/app/views/devise/_links.erb b/app/views/devise/_links.erb index fc68770..cb9ec54 100644 --- a/app/views/devise/_links.erb +++ b/app/views/devise/_links.erb @@ -6,13 +6,13 @@ <%- if devise_mapping.registerable? && controller_name != 'registrations' %>

- <%= link_to "Sign up", new_registration_path(resource_name), class: "btn btn-block btn-default" %>
+ <%= link_to "Sign up", new_registration_path(resource_name), class: "btn btn-block btn-default btn-lg" %>

<% end -%> <%- if devise_mapping.recoverable? && controller_name != 'passwords' %>

- <%= link_to "Forgot your password?", new_password_path(resource_name), class: "btn btn-block btn-default" %>
+ <%= link_to "Forgot your password?", new_password_path(resource_name), class: "btn btn-block btn-default btn-lg" %>

<% end -%> diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb index 141a25c..e62554a 100644 --- a/app/views/devise/sessions/new.html.erb +++ b/app/views/devise/sessions/new.html.erb @@ -1,48 +1,52 @@ -<%= stylesheet_link_tag "bootstrap_and_overrides", :media => "all" %> +<%= stylesheet_link_tag "bootstrap", :media => "all" %> +<%= stylesheet_link_tag "application", :media => "all" %> +
+ <%= image_tag 'velo_logo.png' %> +

Made with ♥ in Baltimore

+
+
+ <%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %> +
+
+
+ <%= f.text_field :username, placeholder: "Username", class: "form-control input-lg", autofocus: true %> +
-

Velocipede

-Made with ♥ in Baltimore -
-
-<%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %> -
- <%= f.text_field :username, placeholder: "Username", class: "form-control input-lg"%> -
+
+ <%= f.password_field :password, placeholder: "Password", class: "form-control input-lg" %> +
-
- <%= f.password_field :password, placeholder: "Password", class: "form-control input-lg" %> -
+
+ <% if devise_mapping.rememberable? -%> + + <% end -%> +
+
+
+
+
+
+

+ <%= f.submit "Sign in", class:"btn btn-lg btn-primary col-xs-12 col-sm-12 col-md-12" %> +

+
+
+
+ <% end %> -
- <% if devise_mapping.rememberable? -%> - - <% end -%> -
+ <%= render "links" %> -
+ <% if Rails.env.development? %>

- <%= f.submit "Sign in", class:"btn btn-lg btn-primary" %> -

-

Or quickly...

-
- - -
-
-<% end %> - -<%= render "links" %> - -<% if Rails.env.development? %> -

- <% User.all.each do |user| %> - <%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %> - <%= f.hidden_field :username, :value => user.username%> - <%= f.hidden_field :password, :value => 'password' %> - <%= f.submit "Sign in as #{user.username}", class:"btn btn-info" %> + <% User.all.each do |user| %> + <%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %> + <%= f.hidden_field :username, :value => user.username%> + <%= f.hidden_field :password, :value => 'password' %> + <%= f.submit "Sign in as #{user.username}", class:"btn btn-info" %> + <% end %> <% end %> +

<% end %> -

-<% end %> +
\ No newline at end of file