tailwind_views_generator 0.0.1

data/lib/templates/devise/simple_form/erb/sessions/new.html.erb.tt

@@ -0,0 +1,18 @@
+<div class="md:mx-auto md:max-w-md overflow-hidden mx-0">
+  <div class="shadow-md rounded px-8 pt-6 pb-8 mb-4 flex flex-col justify-center bg-gray-50">
+    <h2 class="text-center text-xl text-black">
+<%- if options[:metatags] -%>
+      <%%= title('Log In') %>
+<%- else -%>
+      Log In
+<%- end -%>
+    </h2>
+    <%%= simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+      <%%= f.input :email, required: false, autofocus: true, input_html: { autocomplete: 'email' } %>
+      <%%= f.input :password, required: false, input_html: { autocomplete: 'current-password' } %>
+      <%%= f.input :remember_me, as: :boolean if devise_mapping.rememberable? %>
+      <%%= f.button :submit, 'Log in', class: 'w-full' %>
+    <%% end %>
+    <%%= render 'devise/shared/links' %>
+  </div>
+</div>

data/lib/templates/devise/simple_form/erb/unlocks/new.html.erb.tt

@@ -0,0 +1,17 @@
+<div class="md:mx-auto md:max-w-md overflow-hidden mx-0">
+  <div class="shadow-md rounded px-8 pt-6 pb-8 mb-4 flex flex-col justify-center bg-gray-50">
+    <h2 class="text-center text-xl text-black">
+<%- if options[:metatags] -%>
+      <%%= title('Resend unlock instructions') %>
+<%- else -%>
+      Resend unlock instructions
+<%- end -%>
+    </h2>
+    <%%= simple_form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+      <%%= render 'devise/shared/error_messages', resource: resource %>
+      <%%= f.input :email, autofocus: true, placeholder: 'Email Address', autocomplete: 'email' %>
+      <%%= f.button :submit, 'Resend unlock instructions', class: 'w-full' %>
+    <%% end %>
+    <%%= render 'devise/shared/links' %>
+  </div>
+</div>

data/lib/templates/devise/simple_form/haml/confirmations/new.html.haml.tt

@@ -0,0 +1,13 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black= title('Resend confirmation instructions')
+<%- else -%>
+    %h2.text-center.text-xl.text-black Resend confirmation instructions
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f|
+      = f.error_notification
+      = f.full_error :confirmation_token
+      = f.input :email, required: true, autofocus: true, value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), input_html: { autocomplete: "email" }
+      = f.button :submit, 'Resend confirmation instructions', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/haml/passwords/edit.html.haml.tt

@@ -0,0 +1,15 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black= title('Change your password')
+<%- else -%>
+    %h2.text-center.text-xl.text-black Change your password
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
+      = f.error_notification
+      = f.input :reset_password_token, as: :hidden
+      = f.full_error :reset_password_token
+      = f.input :password, label: 'New password', required: true, autofocus: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), input_html: { autocomplete: 'new-password' }
+      = f.input :password_confirmation, label: 'Confirm your new password', required: true, input_html: { autocomplete: 'new-password' }
+      = f.button :submit, 'Change my password', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/haml/passwords/new.html.haml.tt

@@ -0,0 +1,12 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black= title('Forgot your password?')
+<%- else -%>
+    %h2.text-center.text-xl.text-black Forgot your password?
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+      = f.error_notification
+      = f.input :email, required: true, autofocus: true, input_html: { autocomplete: "email" }
+      = f.button :submit, 'Send me reset password instructions', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/haml/registrations/edit.html.haml.tt

@@ -0,0 +1,21 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black= title("Edit #{resource_name.to_s.humanize}")
+<%- else -%>
+    %h2.text-center.text-xl.text-black= "Edit #{resource_name.to_s.humanize}"
+<%- end -%>
+    %hr.my-5
+    = simple_form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f|
+      = f.error_notification
+      = f.input :email, required: true, autofocus: true
+      - if devise_mapping.confirmable? && resource.pending_reconfirmation?
+        p = "Currently waiting confirmation for: #{resource.unconfirmed_email}"
+      = f.input :password, hint: "Leave it blank if you don't want to change it", required: false, input_html: { autocomplete: 'new-password' }
+      = f.input :password_confirmation, required: false, input_html: { autocomplete: 'new-password' }
+      = f.input :current_password, hint: 'We need your current password to confirm your changes', required: true, input_html: { autocomplete: 'current-password' }
+      = f.button :submit, 'Update', class: 'w-full'
+    %hr.my-5
+    = button_to 'Cancel my account', registration_path(resource_name), class: 'my-2 bg-red-500 hover:bg-red-700 text-white font-bold text-sm py-2 px-4 rounded w-full', data: { confirm: 'Are you sure? You cannot undo this.' }, method: :delete
+    %hr.my-5
+    = link_to 'Back', :back

data/lib/templates/devise/simple_form/haml/registrations/new.html.haml.tt

@@ -0,0 +1,14 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black= title('Sign Up')
+<%- else -%>
+    %h2.text-center.text-xl.text-black Sign Up
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
+      = f.error_notification
+      = f.input :email, required: true, autofocus: true, input_html: { autocomplete: "email" }
+      = f.input :password, required: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), input_html: { autocomplete: "new-password" }
+      = f.input :password_confirmation, required: true, input_html: { autocomplete: "new-password" }
+      = f.button :submit, 'Sign up', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/haml/sessions/new.html.haml.tt

@@ -0,0 +1,13 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black = title('Log In')
+<%- else -%>
+    %h2.text-center.text-xl.text-black Log In
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
+      = f.input :email, required: false, autofocus: true, input_html: { autocomplete: 'email' }
+      = f.input :password, required: false, input_html: { autocomplete: 'current-password' }
+      = f.input :remember_me, as: :boolean if devise_mapping.rememberable?
+      = f.button :submit, 'Log in', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/haml/unlocks/new.html.haml.tt

@@ -0,0 +1,12 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black= title('Resend unlock instructions')
+<%- else -%>
+    %h2.text-center.text-xl.text-black Resend unlock instructions
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f|
+      = render 'devise/shared/error_messages', resource: resource
+      = f.input :email, autofocus: true, placeholder: 'Email Address', autocomplete: 'email'
+      = f.button :submit, 'Resend unlock instructions', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/slim/confirmations/new.html.slim.tt

@@ -0,0 +1,13 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    h2.text-center.text-xl.text-black = title('Resend confirmation instructions')
+<%- else -%>
+    h2.text-center.text-xl.text-black Resend confirmation instructions
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f|
+      = f.error_notification
+      = f.full_error :confirmation_token
+      = f.input :email, required: true, autofocus: true, value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), input_html: { autocomplete: "email" }
+      = f.button :submit, 'Resend confirmation instructions', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/slim/passwords/edit.html.slim.tt

@@ -0,0 +1,15 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    h2.text-center.text-xl.text-black = title('Change your password')
+<%- else -%>
+    h2.text-center.text-xl.text-black Change your password
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
+      = f.error_notification
+      = f.input :reset_password_token, as: :hidden
+      = f.full_error :reset_password_token
+      = f.input :password, label: 'New password', required: true, autofocus: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), input_html: { autocomplete: 'new-password' }
+      = f.input :password_confirmation, label: 'Confirm your new password', required: true, input_html: { autocomplete: 'new-password' }
+      = f.button :submit, 'Change my password', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/slim/passwords/new.html.slim.tt

@@ -0,0 +1,12 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    h2.text-center.text-xl.text-black = title('Forgot your password?')
+<%- else -%>
+    h2.text-center.text-xl.text-black Forgot your password?
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+      = f.error_notification
+      = f.input :email, required: true, autofocus: true, input_html: { autocomplete: "email" }
+      = f.button :submit, 'Send me reset password instructions', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/slim/registrations/edit.html.slim.tt

@@ -0,0 +1,21 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    h2.text-center.text-xl.text-black = title("Edit #{resource_name.to_s.humanize}")
+<%- else -%>
+    h2.text-center.text-xl.text-black = "Edit #{resource_name.to_s.humanize}"
+<%- end -%>
+    hr.my-5
+    = simple_form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f|
+      = f.error_notification
+      = f.input :email, required: true, autofocus: true
+      - if devise_mapping.confirmable? && resource.pending_reconfirmation?
+        p = "Currently waiting confirmation for: #{resource.unconfirmed_email}"
+      = f.input :password, hint: "Leave it blank if you don't want to change it", required: false, input_html: { autocomplete: 'new-password' }
+      = f.input :password_confirmation, required: false, input_html: { autocomplete: 'new-password' }
+      = f.input :current_password, hint: 'We need your current password to confirm your changes', required: true, input_html: { autocomplete: 'current-password' }
+      = f.button :submit, 'Update', class: 'w-full'
+    hr.my-5
+    = button_to 'Cancel my account', registration_path(resource_name), class: 'my-2 bg-red-500 hover:bg-red-700 text-white font-bold text-sm py-2 px-4 rounded w-full', data: { confirm: 'Are you sure? You cannot undo this.' }, method: :delete
+    hr.my-5
+    = link_to 'Back', :back

data/lib/templates/devise/simple_form/slim/registrations/new.html.slim.tt

@@ -0,0 +1,14 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    h2.text-center.text-xl.text-black = title('Sign Up')
+<%- else -%>
+    h2.text-center.text-xl.text-black Sign Up
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
+      = f.error_notification
+      = f.input :email, required: true, autofocus: true, input_html: { autocomplete: "email" }
+      = f.input :password, required: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), input_html: { autocomplete: "new-password" }
+      = f.input :password_confirmation, required: true, input_html: { autocomplete: "new-password" }
+      = f.button :submit, 'Sign up', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/slim/sessions/new.html.slim.tt

@@ -0,0 +1,13 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    h2.text-center.text-xl.text-black = title('Log In')
+<%- else -%>
+    h2.text-center.text-xl.text-black Log In
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
+      = f.input :email, required: false, autofocus: true, input_html: { autocomplete: 'email' }
+      = f.input :password, required: false, input_html: { autocomplete: 'current-password' }
+      = f.input :remember_me, as: :boolean if devise_mapping.rememberable?
+      = f.button :submit, 'Log in', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/simple_form/slim/unlocks/new.html.slim.tt

@@ -0,0 +1,12 @@
+.md:mx-auto.md:max-w-md.overflow-hidden.mx-0
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+<%- if options[:metatags] -%>
+    h2.text-center.text-xl.text-black = title('Resend unlock instructions')
+<%- else -%>
+    h2.text-center.text-xl.text-black Resend unlock instructions
+<%- end -%>
+    = simple_form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f|
+      = render 'devise/shared/error_messages', resource: resource
+      = f.input :email, autofocus: true, placeholder: 'Email Address', autocomplete: 'email'
+      = f.button :submit, 'Resend unlock instructions', class: 'w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/slim/confirmations/new.html.slim.tt

@@ -0,0 +1,16 @@
+div class='md:mx-auto md:max-w-md overflow-hidden mx-0'
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+    h2.text-center.text-xl.text-black
+<%- if options[:metatags] -%>
+      = title('Resend confirmation instructions')
+<%- else -%>
+      | Resend confirmation instructions
+<%- end -%>
+
+    = form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f|
+      = render 'devise/shared/error_messages', resource: resource
+      .mb-4
+        = f.label :email, class: 'text-sm font-medium text-gray-600'
+        = f.email_field :email, autofocus: true, autocomplete: 'email', value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+      = f.submit "Resend confirmation instructions" class: 'my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded w-full'
+    = render 'devise/shared/links' %>

data/lib/templates/devise/slim/mailer/confirmation_instructions.html.slim

@@ -0,0 +1,3 @@
+p Welcome #{@email}!
+p You can confirm your account email through the link below:
+p= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token)

data/lib/templates/devise/slim/mailer/email_changed.html.slim

@@ -0,0 +1,5 @@
+p Hello #{@email}!
+- if @resource.try(:unconfirmed_email?)
+  p We're contacting you to notify you that your email is being changed to #{@resource.unconfirmed_email}.
+- else
+  p We're contacting you to notify you that your email has been changed to #{@resource.email}.

data/lib/templates/devise/slim/mailer/password_change.html.slim

@@ -0,0 +1,2 @@
+p Hello #{@resource.email}!
+p We're contacting you to notify you that your password has been changed.

data/lib/templates/devise/slim/mailer/reset_password_instructions.html.slim

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

data/lib/templates/devise/slim/mailer/unlock_instructions.html.slim

@@ -0,0 +1,4 @@
+p Hello #{@resource.email}!
+p Your account has been locked due to an excessive number of unsuccessful sign in attempts.
+p Click the link below to unlock your account:
+p = link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token)

data/lib/templates/devise/slim/passwords/edit.html.slim.tt

@@ -0,0 +1,24 @@
+div class='md:mx-auto md:max-w-md overflow-hidden mx-0'
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+    h2.text-center.text-xl.text-black
+<%- if options[:metatags] -%>
+      = title('Change your password')
+<%- else -%>
+      | Change your password
+<%- end -%>
+
+    = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
+      = render 'devise/shared/error_messages', resource: resource
+      = f.hidden_field :reset_password_token
+
+      .mb-4
+        = f.label :password, "New password", class: 'text-sm font-medium text-gray-600'
+        - if @minimum_password_length
+          em  = "(#{@minimum_password_length} characters minimum)"
+          br
+        = f.password_field :password, autofocus: true, autocomplete: "new-password", class: 'text-sm font-medium text-gray-600'
+      .mb-4
+        = f.label :password_confirmation, "Confirm new password", class: 'text-sm font-medium text-gray-600'
+        = f.password_field :password_confirmation, autocomplete: "new-password", class: 'text-sm font-medium text-gray-600'
+      = f.submit "Change my password" class: 'my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/slim/passwords/new.html.slim.tt

@@ -0,0 +1,16 @@
+div class='md:mx-auto md:max-w-md overflow-hidden mx-0'
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+    h2.text-center.text-xl.text-black
+<%- if options[:metatags] -%>
+      = title('Forgot your password?')
+<%- else -%>
+      | Forget your password?
+<%- end -%>
+
+    = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+      = render 'devise/shared/error_messages', resource: resource
+      .mb-4
+        = f.label :email, class: 'block email text-sm font-medium text-gray-600'
+        = f.email_field :email, autofocus: true, autocomplete: 'email', class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+      = f.submit 'Send me reset password instructions', class: 'my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded w-full'
+    = render 'devise/shared/links'

data/lib/templates/devise/slim/registrations/edit.html.slim.tt

@@ -0,0 +1,43 @@
+div class='md:mx-auto md:max-w-md overflow-hidden mx-0'
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+    h2.text-center.text-xl.text-black
+<%- if options[:metatags] -%>
+      = title("Edit #{resource_name.to_s.humanize}")
+<%- else -%>
+      = "Edit #{resource_name.to_s.humanize"
+<%- end -%>
+    hr.my-5
+
+    = form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f|
+      = render 'devise/shared/error_messages', resource: resource
+
+      .mb-4
+        = f.label :email, class: 'block email text-sm font-medium text-gray-600'
+        = f.email_field :email, autofocus: true, autocomplete: 'email', class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out string'
+
+      - if devise_mapping.confirmable? && resource.pending_reconfirmation?
+        div = "Currently waiting confirmation for: #{resource.unconfirmed_email}"
+
+      .mb-4
+        = f.label :password, class: 'block password text-sm font-medium text-gray-600'
+        = f.password_field :password, autocomplete: 'new-password', class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+        p.mt-2.text-grey-700.text-xs.italic Leave it blank if you don't want to change it
+        - if @minimum_password_length
+          br
+          em = "#{@minimum_password_length} characters minimum"
+
+      .mb-4
+        = f.label :password_confirmation, class: 'block password text-sm font-medium text-gray-600'
+        = f.password_field :password_confirmation, autocomplete: 'new-password', class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+
+      .mb-4
+        = f.label :current_password, class: 'block password text-sm font-medium text-gray-600'
+        = f.password_field :current_password, autocomplete: 'current-password', class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+        p.mt-2.text-grey-700.text-xs.italic We need your current password to confirm your changes
+
+        = f.submit 'Update', class: 'my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded w-full'
+    hr.my-5
+    = button_to 'Cancel my account', registration_path(resource_name), class: 'my-2 bg-red-500 hover:bg-red-700 text-white font-bold text-sm py-2 px-4 rounded w-full', data: { confirm: 'Are you sure? You cannot undo this.' }, method: :delete
+
+    hr.my-5
+    = link_to "Back", :back

data/lib/templates/devise/slim/registrations/new.html.slim.tt

@@ -0,0 +1,28 @@
+div class='md:mx-auto md:max-w-md overflow-hidden mx-0'
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+    h2.text-center.text-xl.text-black
+<%- if options[:metatags] -%>
+      = title('Sign Up')
+<%- else -%>
+      | Sign Up
+<%- end -%>
+
+    = form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
+      = render 'devise/shared/error_messages', resource: resource
+
+      .mb-4
+        = f.label :email, class: 'block email text-sm font-medium text-gray-600'
+        = f.email_field :email, autofocus: true, autocomplete: 'email', class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+
+      .mb-4
+        = f.label :password, class: 'block email text-sm font-medium text-gray-600'
+        - if @minimum_password_length
+          em = "(#{@minimum_password_length} characters minimum)"
+        = f.password_field :password, autocomplete: 'new-password', class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+
+      .mb-4
+        = f.label :password_confirmation, class: 'block email text-sm font-medium text-gray-600'
+        = f.password_field :password_confirmation, autocomplete: 'new-password', class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+      = f.submit 'Sign Up', class: 'my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded w-full'
+
+    = render 'devise/shared/links'

data/lib/templates/devise/slim/sessions/new.html.slim.tt

@@ -0,0 +1,26 @@
+div class='md:mx-auto md:max-w-md overflow-hidden mx-0'
+  .shadow-md.rounded.px-8.pt-6.pb-8.mb-4.flex.flex-col.justify-center.bg-gray-50
+    h2.text-center.text-xl.text-black
+<%- if options[:metatags] -%>
+      = title('Log In')
+<%- else -%>
+      | Log In
+<%- end -%>
+
+    = form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
+      .mb-4
+        = f.label :email, class: 'block email optional text-sm font-medium text-gray-600'
+        = f.email_field :email, autofocus: true, class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+
+      .mb-4
+        = f.label :password, class: 'block email optional text-sm font-medium text-gray-600'
+        = f.password_field :password, class: 'shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out'
+
+      - if devise_mapping.rememberable?
+        .mb-4.flex.items-start.boolean.optional.user_remember_me
+          .flex.items-center.h-5
+            = f.check_box :remember_me, class: 'focus:ring-2 focus:ring-indigo-500:focus ring-offset-2 h-4 w-4 text-indigo-600 border-gray-300 rounded boolean optional'
+          .ml-3.text-sm
+            = f.label :remember_me, class: 'block boolean optional text-sm font-medium text-gray-600'
+      = f.submit 'Log in', class: 'my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded w-full'
+    = render 'devise/shared/links'