mastodon/app/views/layouts/mailer.html.haml

88 lines
4.3 KiB
Plaintext
Raw Normal View History

!!!
%html{ lang: I18n.locale, dir: locale_direction }
%head
%meta{ 'charset' => 'utf-8' }
%title Mastodon
%meta{ name: 'x-apple-disable-message-reformatting' }
%meta{ name: 'viewport', content: 'width=device-width, initial-scale=1' }
%meta{ name: 'format-detection', content: 'telephone=no, date=no, address=no, email=no, url=no' }
%meta{ name: 'supported-color-schemes', content: 'light' }
%style
\table { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
%style{ 'data-premailer': 'ignore' }
\.email a { color: inherit; text-decoration: none; }
\.email-btn-hover:hover { background-color: #563acc !important; }
/[if mso]
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
= stylesheet_pack_tag 'mailer'
%body
.email{ dir: locale_direction }
%table.email-w-full{ cellspacing: 0, cellpadding: 0, border: 0, role: 'presentation' }
%tr
%td.email-desktop-p-8
.email-container
/[if mso]
<table border="0" cellpadding="0" cellspacing="0" align="center" style="width:740px;" role="presentation"><tr><td>
%table.email-w-full.email-card-table{ cellspacing: 0, cellpadding: 0, border: 0, role: 'presentation' }
%tr
%td.email-card-td.email-desktop-rounded-16px
-# Header
%table.email-header-table.email-w-full{ cellspacing: 0, cellpadding: 0, border: 0, role: 'presentation' }
%tr
%td.email-header-td
-# Logo
%table.email-header-logo-table{ cellspacing: 0, cellpadding: 0, border: 0, role: 'presentation' }
%tr
%td.email-header-logo-td
/[if mso]
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="false" stroke="false" style="position:absolute; left:40px; top:26px; width:636px;"><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
.email-header-logo-div
%p.email-header-logo-p
%span.email-header-logo-span
= '/ '
= site_hostname
/[if mso]
</v:textbox></v:rect>
= link_to root_url, class: 'email-header-logo-a' do
= image_tag frontend_asset_url('images/mailer-new/common/logo-header.png'), alt: 'Mastodon', width: 157, height: 40
-# Heading
= yield :heading
.email-header-after-div
.email-header-after-inside-div
%table.email-body-table.email-w-full{ cellspacing: 0, cellpadding: 0, border: 0, role: 'presentation' }
%tr
%td.email-body-td
-# Content
= yield
/[if mso]
</td></tr></table>
-# Footer
.email-container
/[if mso]
<table border="0" cellpadding="0" cellspacing="0" align="center" style="width:740px;" role="presentation"><tr><td>
%table.email-w-full{ cellspacing: 0, cellpadding: 0, border: 0, role: 'presentation' }
%tr
%td.email-footer-td
%p.email-footer-p
= link_to root_url, class: 'email-footer-logo-a' do
= image_tag frontend_asset_url('images/mailer-new/common/logo-footer.png'), alt: 'Mastodon', width: 44, height: 44
%p.email-footer-p
= t 'about.hosted_on', domain: site_hostname
%p.email-footer-p
= link_to t('application_mailer.notification_preferences'), settings_preferences_notifications_url
- if defined?(@unsubscribe_url)
·
= link_to t('application_mailer.unsubscribe'), @unsubscribe_url
/[if mso]
</td></tr></table>