src/Wallabag/UserBundle/Resources/views/TwoFactor/email_auth_code.html.twig

   1 {% block subject %}
   2 {{ "auth_code.mailer.subject"|trans({}, 'wallabag_user') }}
   3 {% endblock %}
   4
   5 {% block body_text %}
   6 {{ "auth_code.mailer.body.hello"|trans({'%user%': user}, 'wallabag_user') }}
   7
   8 {{ "auth_code.mailer.body.first_para"|trans({}, 'wallabag_user') }}
   9 {{ "auth_code.mailer.body.second_para"|trans({}, 'wallabag_user') }} {{ code }}
  10
  11 {{ "auth_code.mailer.body.support"|trans({}, 'wallabag_user') }} {{ support_url }}
  12
  13 {{ "auth_code.mailer.body.signature"|trans({}, 'wallabag_user') }}
  14 {% endblock %}
  15
  16 {% block body_html %}
  17 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  18
  19 <html xmlns="http://www.w3.org/1999/xhtml">
  20 <head>
  21     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  22     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  23     <title>{{ "auth_code.mailer.subject"|trans({}, 'wallabag_user') }}</title>
  24     <style type="text/css">
  25         #outlook a {padding:0;}
  26         body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; background: #c6d4e0;}
  27         .ExternalClass {width:100%;}
  28         .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
  29         #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important; background: #c6d4e0;}
  30         img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
  31         a img {border:none;}
  32         .image_fix {display:block;}
  33         p {margin: 1em 0;}
  34         h1, h2, h3, h4, h5, h6 {color: black !important;}
  35         h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: blue !important;}
  36         h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active {
  37             color: red !important;
  38         }
  39         h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
  40             color: purple !important;
  41         }
  42         table td {border-collapse: collapse;}
  43         table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
  44         a {color: #373737;}
  45
  46         #card {
  47             background: #ffffff;
  48             border: 1px solid #c5c5c5;
  49             width: 89%;
  50             margin: 5%;
  51         }
  52         #cell_desc h1, h5 {
  53             display: block;
  54             margin: 0;
  55         }
  56         #cell_desc h1 {
  57             line-height: 35px;
  58             margin-bottom: 10px;
  59         }
  60         #bg {background: #f2f2f2}
  61
  62     </style>
  63 </head>
  64 <body>
  65
  66     <!-- hidden text for preview -->
  67     <div style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
  68         {{ "auth_code.mailer.body.hello"|trans({'%user%': user}, 'wallabag_user') }}
  69     </div>
  70
  71     <table cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
  72         <tr>
  73             <td>
  74
  75                 <table cellpadding="0" cellspacing="0" border="0" align="center" id="card">
  76                     <tr>
  77                         <td style="padding: 20px;" width="96px" valign="top"><img class="image_fix" src="{{ asset('bundles/wallabagcore/themes/material/img/logo-other_themes.png') }}" alt="logo" title="{{ wallabag_url }}" style="width: 96px; height: 96px;" /></td>
  78                         <td style="padding: 20px; padding-left: 0;" valign="top" id="cell_desc">
  79                             <h1>wallabag</h1>
  80                             <h5>{{ "auth_code.on"|trans({}, 'wallabag_user') }} {{ wallabag_url }}</h5>
  81                         </td>
  82                     </tr>
  83                     <tr><td colspan="2" style="padding: 0;"><div style="height: 0; border-top: 1px solid #c5c5c5;">&nbsp;</div></td></tr>
  84                     <tr id="bg">
  85                         <td style="padding: 20px;" colspan="2" valign="top">
  86
  87                             <p><b>{{ "auth_code.mailer.body.hello"|trans({'%user%': user}, 'wallabag_user') }}</b></p>
  88
  89                             <p>{{ "auth_code.mailer.body.first_para"|trans({}, 'wallabag_user') }}</p>
  90                             <p>{{ "auth_code.mailer.body.second_para"|trans({}, 'wallabag_user') }} <b>{{ code }}</b></p>
  91
  92                             <p>{{ "auth_code.mailer.body.support"|trans({}, 'wallabag_user') }} <a href="{{ support_url }}">{{ support_url }}</a></p>
  93                             <p>{{ "auth_code.mailer.body.signature"|trans({}, 'wallabag_user') }}</p>
  94                         </td>
  95                     </tr>
  96                     <tr><td colspan="2" style="padding: 0;"><div style="height: 0; border-top: 1px solid #c5c5c5;">&nbsp;</div></td></tr>
  97                     <tr>
  98                         <td colspan="2">
  99
 100                             <table cellpadding="0" cellspacing="0" border="0" width="100%">
 101                                 <tr>
 102                                     <td valign="top" style="padding: 20px; text-align: center"><a href="{{ wallabag_url }}">{{ wallabag_url }}</a></td>
 103                                     <td valign="top" style="padding: 20px; text-align: center">Powered by <a href="https://www.wallabag.org/">wallabag</a></td>
 104                                 </tr>
 105                             </table>
 106
 107                         </td>
 108                     </tr>
 109                 </table>
 110
 111             </td>
 112         </tr>
 113     </table>
 114
 115 </body>
 116 </html>
 117 {% endblock %}