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