Updated all email templates to conform to Gab default UI

• Updated:
- all email templates to conform to Gab default UI

• Removed:
- Unused mailer.css
- Unused mailer icons/images
This commit is contained in:
mgabdev
2020-05-28 19:09:14 -04:00
parent 6d330716cd
commit 4f07f6893d
36 changed files with 460 additions and 1459 deletions

View File

@@ -1,144 +1,34 @@
%table.email-table{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.email-body
.email-container
%table.content-section{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.content-cell.hero
.email-row
.col-6
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell.text-center.padded
%table.hero-icon{ align: 'center', cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td
= image_tag full_pack_url('media/images/mailer/icon_done.png'), alt: ''
%tr
%td{:align => "center", :style => ""}
%h1{:style => "margin:0;font-weight:bold;font-size:20px;color:#444;text-align:center;"}= t 'user_mailer.welcome.title', name: @resource.account.username
%h1= t 'user_mailer.welcome.title', name: @resource.account.username
%p.lead= t 'user_mailer.welcome.explanation'
%tr
%td{:align => "center", :cellspacing => "0", :style => "vertical-align:middle"}
%table
%tbody
%tr
%p{:style => "font-size:16px;color:#444;margin:15px 0;text-align:left;"} We are so happy to have you. Here are a few tips to get you started.
%table.email-table{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.email-body
.email-container
%table.content-section{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.content-cell.content-start
.email-row
.col-3
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell.input-cell.text-center.padded-bottom
%h5= t 'user_mailer.welcome.full_handle'
%table.input{ align: 'center', cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td= "@#{@resource.account.username}@#{@instance}"
.col-3
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell
%p= t 'user_mailer.welcome.full_handle_hint', instance: @instance
%tr
%td{:align => "center", :cellspacing => "0", :style => "vertical-align:middle"}
%table
%tbody
%tr
%p{ :style => "margin:0 0 15px 0;text-align:left;" }
%span{ :style => "font-size:16px;color:#444;text-align:left;" } 1. You won't find Gab on the Big Tech app stores, but
= link_to "click here", "https://help.gab.com/article/gab-mobile-app", :style => "color:#30CE7D;font-size:16px;font-weight:600;text-decoration:underline;"
%span{ :style => "font-size:16px;color:#444;text-align:left;" } to learn how to install the Gab mobile app on your phone in just a few clicks.
%p{ :style => "margin:0 0 15px 0;text-align:left;" }
%span{ :style => "font-size:16px;color:#444;text-align:left;" } 2. Introduce yourself to the Gab community and meet new friends, ask questions and more in our
= link_to "'Introduce Yourself'", "https://gab.com/groups/12", :style => "color:#30CE7D;font-size:16px;font-weight:600;text-decoration:underline;"
%span{ :style => "font-size:16px;color:#444;text-align:left;" } Gab group.
%p{ :style => "margin:0 0 15px 0;text-align:left;" }
%span{ :style => "font-size:16px;color:#444;text-align:left;" } 3. Speak freely!
%table.email-table{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.email-body
.email-container
%table.content-section{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.content-cell.content-start.border-top
.email-row
.col-4
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell.padded
= t 'user_mailer.welcome.edit_profile_step'
.col-2
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell.padded
%table.button.button-small{ align: 'left', cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.button-primary
= link_to settings_profile_url do
%span= t 'user_mailer.welcome.edit_profile_action'
%tr
%td.content-cell
.email-row
.col-4
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell.padded
= t 'user_mailer.welcome.review_preferences_step'
.col-2
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell.padded
%table.button.button-small{ align: 'left', cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.button-primary
= link_to settings_preferences_url do
%span= t 'user_mailer.welcome.review_preferences_action'
%tr
%td.content-cell.padded-bottom
.email-row
.col-4
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell.padded
= t 'user_mailer.welcome.final_step'
.col-2
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell.padded
%table.button.button-small{ align: 'left', cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.button-primary
= link_to web_url do
%span= t 'user_mailer.welcome.final_action'
%table.email-table{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.email-body
.email-container
%table.content-section{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.content-cell.border-top
.email-row
.col-6
%table.column{ cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td.column-cell.padded
%h5= t 'user_mailer.welcome.tips'
%ul
%li
%span= t 'user_mailer.welcome.tip_mobile_webapp'
%li
%span= t 'user_mailer.welcome.tip_following'
%li
%span= t 'user_mailer.welcome.tip_local_timeline', instance: @instance
%li
%span= t 'user_mailer.welcome.tip_federated_timeline'
%tr
%td{:align => "center", :cellspacing => "0", :style => "vertical-align:middle;padding-top:10px;padding-bottom:30px;"}
%table{ align: 'center', cellspacing: 0, cellpadding: 0 }
%tbody
%tr
%td{ :style => "background-color:#30CE7D;height:56px;border-radius:9999px;color:#fff;" }
= link_to "Go to Gab Home", "https://gab.com/home", :style => "height:56px;padding:20px 30px;text-decoration:none;color:#fff;font-size:16px;margin:0;"