GNOME.org
 

[password-resets/feat/passwords-account: 8/10] feat(mail): started refactoring the mail template


commit 5f3aefb45470d3ddca406185612e41727dc9b37e
Author: Claudio Wunder <cwunder gnome org>
Date:   Sun Nov 22 16:55:41 2020 +0100

    feat(mail): started refactoring the mail template

 templates/password_reset_mail.html | 69 ++++++++++++++++++++++----------------
 1 file changed, 41 insertions(+), 28 deletions(-)
---
diff --git a/templates/password_reset_mail.html b/templates/password_reset_mail.html
index 8a2abf2..7c2e03c 100644
--- a/templates/password_reset_mail.html
+++ b/templates/password_reset_mail.html
@@ -1,39 +1,52 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-<html xmlns="http://www.w3.org/1999/xhtml"; lang="en-GB">
+<html>
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta charset="UTF-8"/>
     <title>GNOME Account Password Reset</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <link href="https://static.gnome.org/css/fonts.css"; media="all" rel="stylesheet" type="text/css"/>
 </head>
-<body style="margin: 0; padding: 0; font-family: Source Sans Pro, sans-serif;">
-    <table role="presentation" cellpadding="0" cellspacing="0" width="100%">
-        <tr>
-            <td>
-                <table align="center" cellpadding="15px" cellspacing="0" width="600" style="border-collapse: 
collapse;">
-                  <tr>
+<body style="margin: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif;">
+<table role="presentation" cellpadding="0" cellspacing="0" width="100%">
+    <tr>
+        <td>
+            <table align="center" cellpadding="15px" cellspacing="0" width="600" style="border-collapse: 
collapse;">
+                <tr>
                     <td bgcolor="#4295DB" style="padding: 20px;">
-    <img src="cid:image1" alt="GNOME Logo" width="150px" style="display: block;" 
+                        <img src="https://static.gnome.org/img/gnome-logo.svg";
+                             alt="GNOME Logo"
+                             width="100px"
+                             style="display: block;"
+                        />
                     </td>
-                  </tr>
-                  <tr>
+                </tr>
+                <tr>
                     <td bgcolor="white" align="center" height="300px">
-                      <table align="center" cellpadding="15px" cellspacing="0" width="500" 
style="border-collapse: collapse;">
-                        <td bgcolor="white" align="center">
-                          <p style="margin: 0;">Please click <a href="https://password.gnome.org/reset/{{ 
token }}" style="text-decoration: none; color: #4295DB">here</a> to reset your password.</p>
-                        </td>
-                      </table>
-                     </td>
-                  </tr>
-                  <tr>
+                        <table align="center" cellpadding="15px" cellspacing="0" width="500"
+                               style="border-collapse: collapse;">
+                            <tr>
+                                <td bgcolor="white" align="center">
+                                    <p style="margin: 0;">Please click <a
+                                            href="https://password.gnome.org/reset/{{ token }}"
+                                            style="text-decoration: none; color: #4295DB">here</a> to reset 
your
+                                        password.
+                                    </p>
+                                </td>
+                            </tr>
+                        </table>
+                    </td>
+                </tr>
+                <tr>
                     <td bgcolor="black" height="20px">
-                      <p style="margin: 0; color: #CCCCCC; font-size: 10pt">©
-                        <a href="https://www.gnome.org"; style="text-decoration: none; color: white;"> The 
GNOME Foundation</a>
-                      </p>
+                        <p style="margin: 0; color: #CCCCCC; font-size: 10pt">©
+                            <a href="https://www.gnome.org"; style="text-decoration: none; color: white;">
+                                The GNOME Foundation
+                            </a>
+                        </p>
                     </td>
-                  </tr>
-                </table>
-            </td>
-        </tr>
-    </table>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
 </body>
 </html>
\ No newline at end of file
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]