tailwind_views_generator 0.0.1

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

@@ -0,0 +1,36 @@
+<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>
+
+    <%%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+      <div class="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 string' %>
+      </div>
+
+      <div class="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 string' %>
+      </div>
+
+      <%% if devise_mapping.rememberable? %>
+        <div class="mb-4 flex items-start boolean optional user_remember_me">
+          <div class="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' %>
+          </div>
+          <div class="ml-3 text-sm">
+            <%%= f.label :remember_me, class: 'block boolean optional text-sm font-medium text-gray-600' %>
+          </div>
+        </div>
+      <%% end %>
+      <%%= 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' %>
+    <%% end %>
+    <%%= render 'devise/shared/links' %>
+  </div>
+</div>

data/lib/templates/devise/erb/shared/_error_messages.html.erb

@@ -0,0 +1,15 @@
+<% if resource.errors.any? %>
+  <div id="error_explanation">
+    <h2>
+      <%= I18n.t("errors.messages.not_saved",
+                 count: resource.errors.count,
+                 resource: resource.class.model_name.human.downcase)
+       %>
+    </h2>
+    <ul class="mt-2 text-red-500 text-xs italic">
+      <% resource.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/lib/templates/devise/erb/shared/_links.html.erb

@@ -0,0 +1,28 @@
+<div class="text-center text-sm mt-2">
+  <%- if controller_name != 'sessions' -%>
+    <%= link_to "Log in", new_session_path(resource_name) %>
+    <br />
+  <%- end -%>
+  <%- if devise_mapping.registerable? && controller_name != 'registrations' -%>
+    <%= link_to "Sign up", new_registration_path(resource_name) %>
+    <br />
+  <%- end -%>
+  <%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' -%>
+    <%= link_to "Forgot your password?", new_password_path(resource_name) %>
+    <br />
+  <%- end -%>
+  <%- if devise_mapping.confirmable? && controller_name != 'confirmations' -%>
+    <%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %>
+    <br />
+  <%- end -%>
+  <%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' -%>
+    <%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %>
+    <br />
+  <%- end -%>
+  <%- if devise_mapping.omniauthable? -%>
+    <%- resource_class.omniauth_providers.each do |provider| %>
+      <%= link_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider) -%>
+      <br />
+    <%- end -%>
+  <%- end -%>
+</div>

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

@@ -0,0 +1,24 @@
+<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>
+
+    <%%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+      <%%= render 'devise/shared/error_messages', resource: resource %>
+
+      <div class="mb-4">
+        <%%= f.label :email, class: 'block email optional 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' %>
+      </div>
+
+        <%%= f.submit 'Resend unlock instructions', class: 'my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded w-full'  %>
+    <%% end %>
+
+    <%%= render 'devise/shared/links' %>
+  </div>
+</div>

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

@@ -0,0 +1,15 @@
+%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
+<%- 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 -%>
+
+    = 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/haml/mailer/confirmation_instructions.html.haml

@@ -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/haml/mailer/email_changed.html.haml

@@ -0,0 +1,7 @@
+%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/haml/mailer/password_change.html.haml

@@ -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/haml/mailer/reset_password_instructions.html.haml

@@ -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/haml/mailer/unlock_instructions.html.haml

@@ -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/haml/passwords/edit.html.haml.tt

@@ -0,0 +1,23 @@
+%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
+<%- 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 -%>
+
+    = 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/haml/passwords/new.html.haml.tt

@@ -0,0 +1,15 @@
+%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
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black= title('Forgot your password?')
+<%- else -%>
+    %h2.text-center.text-xl.text-black 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/haml/registrations/edit.html.haml.tt

@@ -0,0 +1,42 @@
+%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
+<%- 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
+
+    = 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'
+
+      - 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/haml/registrations/new.html.haml.tt

@@ -0,0 +1,27 @@
+%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
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black= title('Sign Up')
+<%- else -%>
+    %h2.text-center.text-xl.text-black 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/haml/sessions/new.html.haml.tt

@@ -0,0 +1,25 @@
+%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
+<%- if options[:metatags] -%>
+    %h2.text-center.text-xl.text-black= title('Log In')
+<%- else -%>
+    %h2.text-center.text-xl.text-black 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'

data/lib/templates/devise/haml/shared/_error_messages.html.haml

@@ -0,0 +1,6 @@
+- if resource.errors.any?
+  .error_explanation
+    %h2= I18n.t('errors.messages.not_saved', count: resource.errors.count, resource: resource.class.model_name.human.downcase)
+    %ul
+      - resource.errors.full_messages.each do |message|
+        %li= message

data/lib/templates/devise/haml/shared/_links.html.haml

@@ -0,0 +1,20 @@
+.text-center.text-sm.mt-2
+  - if controller_name != 'sessions'
+    = link_to "Log in", new_session_path(resource_name)
+    %br
+  - if devise_mapping.registerable? && controller_name != 'registrations'
+    = link_to "Sign up", new_registration_path(resource_name)
+    %br
+  - if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations'
+    = link_to "Forgot your password?", new_password_path(resource_name)
+    %br
+  - if devise_mapping.confirmable? && controller_name != 'confirmations'
+    = link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name)
+    %br
+  - if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks'
+    = link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name)
+    %br
+  - if devise_mapping.omniauthable?
+    - resource_class.omniauth_providers.each do |provider|
+      = link_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider)
+      %br

data/lib/templates/devise/haml/unlocks/new.html.haml.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
+<%- 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 -%>
+
+    = form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f|
+      = render 'devise/shared/error_messages', resource: resource
+
+      .mb-4
+        = f.label :email, class: 'block email optional 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 'Resend unlock 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/simple_form/erb/confirmations/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('Resend confirmation instructions') %>
+<%- else -%>
+      Resend confirmation instructions
+<%- end -%>
+    </h2>
+    <%%= 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' %>
+    <%% end %>
+    <%%= render 'devise/shared/links' %>
+  </div>
+</div>

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

@@ -0,0 +1,20 @@
+<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('Change your password') %>
+<%- else -%>
+      Change your password
+<%- end -%>
+    </h2>
+    <%%= 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' %>
+    <%% end %>
+    <%%= render 'devise/shared/links'
+  </div>
+</div>

data/lib/templates/devise/simple_form/erb/passwords/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('Forgot your password?') %>
+<%- else -%>
+      Forgot your password?
+<%- end -%>
+    </h2>
+    <%%= 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' %>
+    <%% end %>
+    <%%= render 'devise/shared/links' %>
+  </div>
+</div>

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

@@ -0,0 +1,27 @@
+<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("Edit #{resource_name.to_s.humanize}") %>
+<%- else -%>
+      <%%= "Edit #{resource_name.to_s.humanize}" %>
+<%- end -%>
+    </h2>
+    <hr class="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}" %></p>
+      <%%- end %>
+      <%%= 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' %>
+    <%% end %>
+    <hr class="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 class="my-5">
+    <%%= link_to 'Back', :back %>
+  </div>
+</div>

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

@@ -0,0 +1,19 @@
+<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('Sign Up') %>
+<%- else -%>
+      Sign Up
+<%- end -%>
+    </h2>
+    <%%= 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' %>
+    <%% end %>
+    <%%= render 'devise/shared/links' %>
+  </div>
+</div>