kiso_themes 1.0.2

data/app/views/devise/erb/sessions/new.html.erb

@@ -0,0 +1,79 @@
+<% @title = "Log in" %>
+
+<div id="main" class="devise-1">
+  <div class="container-fluid">
+    <div class="row">
+      <header class="text-center">
+        <h1><%=app_name%></h1>
+        <p class="p-0 m-0 text-uppercase">Login</p>
+      </header>
+    </div>
+    <div class="row mt-5">
+      <div class="col-12 col-md-6 mr-auto ml-auto">
+        <%= render partial: "layouts/flashes" %>
+        <div class="card">
+          <div class="card-body">
+            <div class="container">
+              <%= form_for resource, as: resource_name, url: session_path(resource_name),
+                html: { class: "form-horizontal" } do |f| %>
+
+                <%- if devise_mapping.omniauthable? %>
+                  <p>
+                    <%- resource_class.omniauth_providers.each do |provider| %>
+                      <%= link_to fa_icon_tag("#{provider}-sign") + " Sign in with #{provider.to_s.titleize}", omniauth_authorize_path(resource_name, provider), class: "btn" %>
+                    <% end -%>
+                  </p>
+
+                  <p>Or sign in using your ...</p>
+                <% end -%>
+
+                <%= f.form_group :email, class: "row" do |f| %>
+                  <%= f.label :email, class: "form-label" %>
+                  <%= f.email_field :email, autofocus: true, class: "form-control" %>
+                  <%= f.error_messages %>
+                <% end %>
+
+                <%= f.form_group :password, class: "row" do |f| %>
+                  <%= f.label :password, class: "form-label" %>
+                  <%= f.password_field :password, class: "form-control" %>
+                  <%= f.error_messages %>
+                <% end %>
+
+                <% if devise_mapping.rememberable? %>
+                  <div class="d-flex align-items-center">
+                    <div class="checkbox m-0 mr-auto">
+                      <%= f.check_box :remember_me %>
+                      <%= f.label :remember_me, class: "checkbox m-0 mr-auto" %>
+                    </div>
+                    <%= f.submit "Log in", class: "btn btn-primary" %>
+                  </div>
+                <% end %>
+              <% end %>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="row">
+      <div class="col-12 col-md-6 mr-md-auto ml-md-auto">
+        <ul class="list-unstyled options row">
+          <li class="col-12 col-md-6"><%= link_to "Sign up", new_registration_path(resource_name) %></li>
+
+          <%- if devise_mapping.recoverable? %>
+            <li class="col-12 col-md-6"><%= link_to "Forgot your password?", new_password_path(resource_name) %></li>
+          <% end -%>
+
+          <%- if devise_mapping.confirmable? %>
+            <li class="col-12 col-md-6"><%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %></li>
+          <% end -%>
+
+          <%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) %>
+            <li class="col-12 col-md-6"><%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %></li>
+          <% end -%>
+
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/devise/erb/unlocks/new.html.erb

@@ -0,0 +1,36 @@
+<% @title = "Resend unlock instructions" %>
+
+<div id="main" class='devise-1'>
+  <div class="container-fluid">
+    <div class="row">
+      <header class="text-center">
+        <h1><%=app_name%></h1>
+        <p class="p-0 m-0">Unlock My Account</p>
+      </header>
+    </div>
+    <div class="row mt-5">
+      <div class="col-12 col-md-6 mr-auto ml-auto">
+        <div class="card">
+          <div class="card-body">
+            <div class="container">
+              <%= form_for resource, as: resource_name, url: unlock_path(resource_name),
+                html: { method: :post, class: "form-horizontal" } do |f| %>
+                <%= f.error_notification %>
+
+                <%= f.form_group :email, class: "row" do |f| %>
+                  <%= f.label :email, class: "form-label" %>
+                  <%= f.email_field :email, autofocus: true, class: "form-control" %>
+                  <%= f.error_messages %>
+                <% end %>
+
+                <div class="row d-flex align-items-center mt-5">
+                  <%= link_to "Sign in?", new_session_path(resource_name) %>
+                  <%= f.submit "Resend unlock instructions", class: 'btn btn-primary ml-auto' %>
+                </div>
+              <% end %>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>

data/app/views/devise/haml/confirmations/new.html.haml

@@ -0,0 +1,22 @@
+- @title = "Resend confirmation instructions"
+#main.devise-1
+  .container-fluid
+    .row
+      %header.text-center
+        %h1= app_name
+        %p.p-0.m-0.text-uppercase Resend Account Confirmation Instuctions
+    .row.mt-5
+      .col-12.col-md-6.mr-auto.ml-auto
+        .card
+          .card-body
+            .container
+              = form_for resource, as: resource_name, url: confirmation_path(resource_name), |
+                html: { method: :post, class: "form-horizontal" } do |f|                     |
+                = f.error_notification
+                = f.form_group :email, class: "row" do |f|
+                  = f.label :email, class: "form-label"
+                  = f.email_field :email, autofocus: true, class: "form-control"
+                  = f.error_messages
+                .row.d-flex.align-items-center.mt-5
+                  = link_to "Sign in", new_user_session_path(resource_name)
+                  = f.submit "Resend confirmation instructions", class: 'btn btn-primary ml-auto'

data/app/views/devise/haml/invitations/edit.html.haml

@@ -0,0 +1,29 @@
+- @title = "Activate your Invite"
+#main.devise-1
+  .container-fluid
+    .row
+      %header.text-center
+        %h1= app_name
+        %p.p-0.m-0.text-uppercase Accept your invite
+    .row.mt-5
+      .col-12.col-md-6.mr-auto.ml-auto
+        .card
+          .card-body
+            .container
+              %p.text-center
+                %strong
+                  You've been invited to #{app_name}
+              %p.text-center Create a password to activate your invite
+              = form_for resource, as: resource_name, url: invitation_path(resource_name), |
+                html: { method: :put, class: "form-horizontal" } do |f|                    |
+                = f.hidden_field :invitation_token
+                = f.form_group :password, class: "row" do |f|
+                  = f.label :password, class: "form-label"
+                  = f.password_field :password, autofocus: true, class: "form-control"
+                  = f.error_messages
+                = f.form_group :password, class: "row" do |f|
+                  = f.label :password_confirmation, class: "form-label"
+                  = f.password_field :password_confirmation, class: "form-control"
+                  = f.error_messages
+                .row.d-flex.align-items-center.mt-5
+                  = f.submit "Activate Invite →", class: 'btn btn-primary ml-auto'

data/app/views/devise/haml/invitations/new.html.haml

@@ -0,0 +1,21 @@
+- @title = "Request an Invite"
+#main.devise-1
+  .container-fluid
+    .row
+      %header.text-center
+        %h1= app_name
+        %p.p-0.m-0.text-uppercase Request an invite
+    .row.mt-5
+      .col-12.col-md-6.mr-auto.ml-auto
+        .card
+          .card-body
+            .container
+              = form_for resource, as: resource_name, url: invitation_path(resource_name), |
+                html: { class: "form-horizontal", novalidate: true } do |f|                |
+                - resource.class.invite_key_fields.each do |field|
+                  = f.form_group field, class: "row" do |f|
+                    = f.label field, class: "form-label"
+                    = f.text_field field, autofocus: true, class: "form-control"
+                    = f.error_messages
+                .row.d-flex.align-items-center.mt-5
+                  = f.submit "Request an Invite", class: "btn btn-primary ml-auto"

data/app/views/devise/haml/mailer/confirmation_instructions.html.haml

@@ -0,0 +1,10 @@
+= email_message_section do
+  = email_message_spacer 2
+  = email_message_body_text do
+    Welcome #{@resource.email}! You can confirm your account email through the link below:
+  = email_message_button do
+    = link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token), style: 'color: #fff;'
+  = email_message_spacer 2
+  = email_message_small_text do
+    Any questions? Just email us.
+  = email_message_spacer 2

data/app/views/devise/haml/mailer/invitation_instructions.html.haml

@@ -0,0 +1,11 @@
+= email_message_section do
+  = email_message_spacer 2
+  = email_message_body_text do
+    = t("devise.mailer.invitation_instructions.hello", email: @resource.email)
+    = t("devise.mailer.invitation_instructions.someone_invited_you", url: root_url)
+  = email_message_button do
+    = link_to t("devise.mailer.invitation_instructions.accept"), accept_invitation_url(@resource, :invitation_token => @token), style: 'color: #fff;'
+  = email_message_spacer 2
+  = email_message_small_text do
+    = t("devise.mailer.invitation_instructions.ignore").html_safe
+  = email_message_spacer 2

data/app/views/devise/haml/mailer/reset_password_instructions.html.haml

@@ -0,0 +1,10 @@
+= email_message_section do
+  = email_message_spacer 2
+  = email_message_body_text do
+    Hello #{@resource.email}! Someone has requested a link to change your password. You can do this through the link below.
+  = email_message_button do
+    = link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token),  style: 'color: #fff;'
+  = email_message_spacer 2
+  = email_message_small_text do
+    If you didn't request this, please ignore this email. Your password won't change until you access the link above and create a new one.
+  = email_message_spacer 2

data/app/views/devise/haml/mailer/unlock_instructions.html.haml

@@ -0,0 +1,10 @@
+= email_message_section do
+  = email_message_spacer 2
+  = email_message_body_text do
+    Hello #{@resource.email}! Your account has been locked due to an excessive number of unsuccessful sign in attempts. Click the link below to unlock your account:
+  = email_message_button do
+    = link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token), style: 'color: #fff;'
+  = email_message_spacer 2
+  = email_message_small_text do
+    Any questions? Just email us.
+  = email_message_spacer 2

data/app/views/devise/haml/passwords/edit.html.haml

@@ -0,0 +1,27 @@
+- @title = "Change your password"
+#main.devise-1
+  .container-fluid
+    .row
+      %header.text-center
+        %h1= app_name
+        %p.p-0.m-0.text-uppercase Change My Password
+    .row.mt-5
+      .col-12.col-md-6.mr-auto.ml-auto
+        .card
+          .card-body
+            .container
+              = form_for resource, as: resource_name, url: password_path(resource_name), |
+                html: { method: :put, class: "form-horizontal" } do |f|                  |
+                = f.error_notification
+                = f.hidden_field :reset_password_token
+                = f.error_messages_for :reset_password_token
+                = f.form_group :password, class: "row" do |f|
+                  = f.label :password, "New password", class: "form-label"
+                  = f.password_field :password, class: "form-control"
+                  = f.error_messages
+                = f.form_group :password_confirmation, class: "row" do |f|
+                  = f.label :password_confirmation, "Confirm your new password", class: "form-label"
+                  = f.password_field :password_confirmation, class: "form-control"
+                  = f.error_messages
+                .row.d-flex.align-items-center.mt-5
+                  = f.submit "Change my password", class: "btn btn-primary ml-auto"

data/app/views/devise/haml/passwords/new.html.haml

@@ -0,0 +1,22 @@
+- @title = "Forgot My Password"
+#main.devise-1
+  .container-fluid
+    .row
+      %header.text-center
+        %h1= app_name
+        %p.p-0.m-0.text-uppercase Forgot My Passowrd
+    .row.mt-5
+      .col-12.col-md-6.mr-auto.ml-auto
+        .card
+          .card-body
+            .container
+              = form_for resource, as: resource_name, url: password_path(resource_name), |
+                html: { method: :post, class: "form-horizontal" } do |f|                 |
+                = f.error_notification
+                = f.form_group :email, class: "row" do |f|
+                  = f.label :email, class: "form-label"
+                  = f.email_field :email, autofocus: true, class: "form-control"
+                  = f.error_messages
+                .row.d-flex.align-items-center.mt-5
+                  = link_to "Sign in", new_registration_path(resource_name)
+                  = f.submit "Send me reset password instructions", class: "btn btn-primary ml-auto"

data/app/views/devise/haml/registrations/edit.html.haml

@@ -0,0 +1,44 @@
+- @title = "Edit #{resource_name.to_s.humanize}"
+#main.devise-1
+  .container-fluid
+    .row
+      %header.text-center
+        %h1= app_name
+        %p.p-0.m-0.text-uppercase My Account Details
+    .row.m-5
+      .col-12.col-md-8.mr-auto.ml-auto
+        .card
+          .card-body
+            .container
+              = form_for resource, as: resource_name, url: registration_path(resource_name), |
+                html: { method: :put, novalidate: true, class: "form-horizontal" } do |f|    |
+                = f.error_notification
+                = f.form_group :email, class:"row" do |f|
+                  = f.label :email, class: "col-sm-4 col-form-label"
+                  .col-md-8
+                    = f.email_field :email, required: true, autofocus: true, class: "form-control"
+                    = f.error_messages
+                = f.form_group :password, class: "row" do |f|
+                  = f.label :password, class: "col-sm-4 col-form-label"
+                  .col-md-8
+                    = f.password_field :password, class: "form-control"
+                    = f.error_messages
+                    .help-block
+                      Leave it blank if you don"t want to change it.
+                = f.form_group :password_confirmation, class: "row" do |f|
+                  = f.label :password_confirmation, class: "col-sm-4 col-form-label"
+                  .col-md-8
+                    = f.password_field :password_confirmation, class: "form-control"
+                    = f.error_messages
+                = f.form_group :current_password, class: "row" do |f|
+                  = f.label :current_password, class: "col-sm-4 col-form-label"
+                  .col-md-8
+                    = f.password_field :current_password, class: "form-control"
+                    = f.error_messages
+                    .help-block
+                      We need your current password to confirm your changes.
+                .row.d-flex.align-items-center.mt-5
+                  = link_to "Cancel my account", registration_path(resource_name), confirm: "Are you sure?", method: :delete, class: "mr-auto text-danger"
+                  %div
+                    = link_to "Back", :back, class: "btn btn-outline-defualt"
+                    = f.submit "Update", class: "btn btn-primary"

data/app/views/devise/haml/registrations/new.html.haml

@@ -0,0 +1,30 @@
+- @title = "Sign up"
+#main.devise-1
+  .container-fluid
+    .row
+      %header.text-center
+        %h1= app_name
+        %p.p-0.m-0.text-uppercase Sign Up
+    .row.mt-5
+      .col-12.col-md-6.mr-auto.ml-auto
+        .card
+          .card-body
+            .container
+              = form_for resource, as: resource_name, url: registration_path(resource_name), |
+                html: { class: "form-horizontal", novalidate: true } do |f|                  |
+                = f.error_notification
+                = f.form_group :email, class: "row" do |f|
+                  = f.label :email, class: "form-label"
+                  = f.email_field :email, autofocus: true, class: "form-control"
+                  = f.error_messages
+                = f.form_group :password, class: "row" do |f|
+                  = f.label :password, class: "form-label"
+                  = f.password_field :password, class: "form-control"
+                  = f.error_messages
+                = f.form_group :password_confirmation, class: "row" do |f|
+                  = f.label :password_confirmation, class: "form-label"
+                  = f.password_field :password_confirmation, class: "form-control"
+                  = f.error_messages
+                .row.d-flex.align-items-center.mt-5
+                  = link_to "Log in?", new_session_path(resource_name)
+                  = f.submit "Sign up", class: "btn btn-primary ml-auto"

data/app/views/devise/haml/sessions/new.html.haml

@@ -0,0 +1,44 @@
+- @title = "Log in"
+#main.devise-1
+  .container-fluid
+    .row
+      %header.text-center
+        %h1= app_name
+        %p.p-0.m-0.text-uppercase Login
+    .row.mt-5
+      .col-12.col-md-6.mr-auto.ml-auto
+        = render partial: "layouts/flashes"
+        .card
+          .card-body
+            .container
+              = form_for resource, as: resource_name, url: session_path(resource_name), |
+                html: { class: "form-horizontal" } do |f|                               |
+                - if devise_mapping.omniauthable?
+                  %p
+                    - resource_class.omniauth_providers.each do |provider|
+                      = link_to fa_icon_tag("#{provider}-sign") + " Sign in with #{provider.to_s.titleize}", omniauth_authorize_path(resource_name, provider), class: "btn"
+                  %p Or sign in using your ...
+                = f.form_group :email, class: "row" do |f|
+                  = f.label :email, class: "form-label"
+                  = f.email_field :email, autofocus: true, class: "form-control"
+                  = f.error_messages
+                = f.form_group :password, class: "row" do |f|
+                  = f.label :password, class: "form-label"
+                  = f.password_field :password, class: "form-control"
+                  = f.error_messages
+                - if devise_mapping.rememberable?
+                  .d-flex.align-items-center
+                    .checkbox.m-0.mr-auto
+                      = f.check_box :remember_me
+                      = f.label :remember_me, class: "checkbox m-0 mr-auto"
+                    = f.submit "Log in", class: "btn btn-primary"
+    .row
+      .col-12.col-md-6.mr-md-auto.ml-md-auto
+        %ul.list-unstyled.options.row
+          %li.col-12.col-md-6= link_to "Sign up", new_registration_path(resource_name)
+          - if devise_mapping.recoverable?
+            %li.col-12.col-md-6= link_to "Forgot your password?", new_password_path(resource_name)
+          - if devise_mapping.confirmable?
+            %li.col-12.col-md-6= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name)
+          - if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email)
+            %li.col-12.col-md-6= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name)

data/app/views/devise/haml/unlocks/new.html.haml

@@ -0,0 +1,23 @@
+%body
+  - @title = "Resend unlock instructions"
+  #main.devise-1
+    .container-fluid
+      .row
+        %header.text-center
+          %h1= app_name
+          %p.p-0.m-0 Unlock My Account
+      .row.mt-5
+        .col-12.col-md-6.mr-auto.ml-auto
+          .card
+            .card-body
+              .container
+                = form_for resource, as: resource_name, url: unlock_path(resource_name), |
+                  html: { method: :post, class: "form-horizontal" } do |f|               |
+                  = f.error_notification
+                  = f.form_group :email, class: "row" do |f|
+                    = f.label :email, class: "form-label"
+                    = f.email_field :email, autofocus: true, class: "form-control"
+                    = f.error_messages
+                  .row.d-flex.align-items-center.mt-5
+                    = link_to "Sign in?", new_session_path(resource_name)
+                    = f.submit "Resend unlock instructions", class: 'btn btn-primary ml-auto'

data/app/views/devise/slim/confirmations/new.html.haml

@@ -0,0 +1,24 @@
+- @title = "Resend confirmation instructions"
+#main.devise
+  .container-fluid
+    .row
+      %header.text-center
+        %h1
+          = app_name
+        %p.p0.m0 Resend Account Confirmation Instuctions
+    .row.mt20
+      = form_for resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post, class: "form-horizontal col-xs-12 col-md-6 col-md-offset-3" } do |f| |
+        = f.error_notification
+        .sheet.form-sheet.form-inputs
+          .sheet-inner
+            = f.form_group :email do |f|
+              = f.label :email, class: "form-label"
+              = f.email_field :email, autofocus: true, class: ""
+              = f.error_messages
+        .form-actions.text-right
+          = f.submit "Resend confirmation instructions", class: 'btn btn-primary mr15'
+    .row.mt20
+      .col-xs-12.col-sm-12.col-md-6.col-md-offset-3.text-right
+        %ul.list-unstyled.options
+          %li.col-xs-12
+            %a{:href => "/users/sign_in"} Sign in

data/app/views/devise/slim/invitations/edit.html.haml

@@ -0,0 +1,24 @@
+- @title = "Activate your Invite"
+#main.devise
+  .container-fluid
+    .row
+      %header.text-center
+        %h1
+          = app_name
+        %p.p0.m0 Accept your Invite
+    .row.mt20
+      %p.text-center Create a password to activate your invite.
+      = form_for resource, as: resource_name, url: invitation_path(resource_name), html: { method: :put, class: "form-horizontal col-xs-12 col-md-6 col-md-offset-3" } do |f| |
+        .sheet.form-sheet
+          .sheet-inner
+            = f.hidden_field :invitation_token
+            = f.form_group :password do |f|
+              = f.label :password, class: "form-label"
+              = f.password_field :password, autofocus: true, class: ""
+              = f.error_messages
+            = f.form_group :password do |f|
+              = f.label :password_confirmation, class: "form-label"
+              = f.password_field :password_confirmation, class: ""
+              = f.error_messages
+        .form-actions.text-right
+          = f.submit "Activate Invite", class: 'btn btn-outline-primary'

data/app/views/devise/slim/invitations/new.html.haml

@@ -0,0 +1,20 @@
+- @title = "Request an Invite"
+#main.devise
+  .container-fluid
+    .row
+      %header.text-center
+        %h1
+          = app_name
+        %p.p0.m0 Request an Invite
+    .row.mt20
+      = form_for resource, as: resource_name, url: invitation_path(resource_name),                     |
+        html: { class: "form-horizontal col-xs-12 col-md-6 col-md-offset-3", novalidate: true } do |f| |
+        .sheet.form-sheet
+          .sheet-inner
+            - resource.class.invite_key_fields.each do |field|
+              = f.form_group field do |f|
+                = f.label field, class: "form-label"
+                = f.text_field field, autofocus: true, class: ""
+                = f.error_messages
+        .form-actions.text-right
+          = f.submit "Request an Invite", class: 'btn btn-primary'

data/app/views/devise/slim/mailer/confirmation_instructions.html.haml

@@ -0,0 +1,26 @@
+%tr
+  %td
+    %table{:border => "0", :cellpadding => "0", :cellspacing => "0", :width => "100%"}
+      %tr
+        %td{:align => "center", :valign => "top"}
+          %table{:border => "0", :cellpadding => "10", :cellspacing => "0", :width => "100%"}
+            %tr
+              %td{:align => "center", :valign => "top"}
+                %br/
+                %br/
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:28px; color:#444444;"}
+                  Welcome #{@email}!
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:28px; color:#444444;"} You can confirm your account email through the link below:
+                %table{:border => "0", :cellpadding => "0", :cellspacing => "0", :style => "background-color:#16A086;", :width => "50%"}
+                  %tr
+                    %br/
+                    %br/
+                    %br/
+                    %br/
+                    %td{:style => "padding: 18px 20px 18px 20px; font-family:  Avenir, 'Helvetica Neue', Helvetica, sans-serif, sans-serif; color: #ffffff; font-size: 18px; text-align: center;"}
+                      %span{:style => "text-decoration: none; color: #ffffff;"}= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token), style: 'color: #fff;'
+                %br/
+                %br/
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:22px; color:#444444;"} Any questions? Just email us.
+                %br/
+                %br/

data/app/views/devise/slim/mailer/invitation_instructions.html.haml

@@ -0,0 +1,25 @@
+%tr
+  %td
+    %table{:border => "0", :cellpadding => "0", :cellspacing => "0", :width => "100%"}
+      %tr
+        %td{:align => "center", :valign => "top"}
+          %table{:border => "0", :cellpadding => "10", :cellspacing => "0", :width => "100%"}
+            %tr
+              %td{:align => "center", :valign => "top"}
+                %br/
+                %br/
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:28px; color:#444444;"}= t("devise.mailer.invitation_instructions.hello", email: @resource.email)
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:28px; color:#444444;"}= t("devise.mailer.invitation_instructions.someone_invited_you", url: root_url)
+                %table{:border => "0", :cellpadding => "0", :cellspacing => "0", :style => "background-color:#16A086;", :width => "50%"}
+                  %tr
+                    %br/
+                    %br/
+                    %br/
+                    %br/
+                    %td{:style => "padding: 18px 20px 18px 20px; font-family:  Avenir, 'Helvetica Neue', Helvetica, sans-serif, sans-serif; color: #ffffff; font-size: 18px; text-align: center;"}
+                      %span{:style => "text-decoration: none; color: #ffffff;"}= link_to t("devise.mailer.invitation_instructions.accept"), accept_invitation_url(@resource, :invitation_token => @token) style: 'color: #fff;'
+                %br/
+                %br/
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:22px; color:#444444;"}= t("devise.mailer.invitation_instructions.ignore").html_safe
+                %br/
+                %br/

data/app/views/devise/slim/mailer/reset_password_instructions.html.haml

@@ -0,0 +1,27 @@
+%tr
+  %td
+    %table{:border => "0", :cellpadding => "0", :cellspacing => "0", :width => "100%"}
+      %tr
+        %td{:align => "center", :valign => "top"}
+          %table{:border => "0", :cellpadding => "10", :cellspacing => "0", :width => "100%"}
+            %tr
+              %td{:align => "center", :valign => "top"}
+                %br/
+                %br/
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:28px; color:#444444;"}
+                  Hello #{@resource.email}!
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:28px; color:#444444;"} Someone has requested a link to change your password. You can do this through the link below.
+                %table{:border => "0", :cellpadding => "0", :cellspacing => "0", :style => "background-color:#16A086;", :width => "50%"}
+                  %tr
+                    %br/
+                    %br/
+                    %br/
+                    %br/
+                    %td{:style => "padding: 18px 20px 18px 20px; font-family:  Avenir, 'Helvetica Neue', Helvetica, sans-serif, sans-serif; color: #ffffff; font-size: 18px; text-align: center;"}
+                      %span{:style => "text-decoration: none; color: #ffffff;"}= link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token),  style: 'color: #fff;'
+                %br/
+                %br/
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:22px; color:#444444;"} If you didn't request this, please ignore this email.
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:22px; color:#444444;"} Your password won't change until you access the link above and create a new one.
+                %br/
+                %br/

data/app/views/devise/slim/mailer/unlock_instructions.html.haml

@@ -0,0 +1,27 @@
+%tr
+  %td
+    %table{:border => "0", :cellpadding => "0", :cellspacing => "0", :width => "100%"}
+      %tr
+        %td{:align => "center", :valign => "top"}
+          %table{:border => "0", :cellpadding => "10", :cellspacing => "0", :width => "100%"}
+            %tr
+              %td{:align => "center", :valign => "top"}
+                %br/
+                %br/
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:28px; color:#444444;"}
+                  Hello #{@resource.email}!
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:28px; color:#444444;"} Your account has been locked due to an excessive number of unsuccessful sign in attempts.
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:28px; color:#444444;"} Click the link below to unlock your account:
+                %table{:border => "0", :cellpadding => "0", :cellspacing => "0", :style => "background-color:#16A086;", :width => "50%"}
+                  %tr
+                    %br/
+                    %br/
+                    %br/
+                    %br/
+                    %td{:style => "padding: 18px 20px 18px 20px; font-family:  Avenir, 'Helvetica Neue', Helvetica, sans-serif, sans-serif; color: #ffffff; font-size: 18px; text-align: center;"}
+                      %span{:style => "text-decoration: none; color: #ffffff;"}= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token), style: 'color: #fff;'
+                %br/
+                %br/
+                %span{:style => "font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif; font-size:22px; color:#444444;"} Any questions? Just email us.
+                %br/
+                %br/