!!! %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 "flavours/#{Setting.default_settings['flavour'] || 'glitch'}/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>