Skip to content

Commit 883b349

Browse files
poushpoush
authored
Update activation_email.html
1 parent 251f7cc commit 883b349

File tree

1 file changed

+128
-34
lines changed

1 file changed

+128
-34
lines changed

‎main/templates/registration/activation_email.html‎

Lines changed: 128 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,131 @@
1-
{% load i18n %}
21
<!DOCTYPE html>
3-
<html lang="en">
4-
5-
<head>
6-
<title>{{ site.name }} {% trans "registration" %}</title>
7-
</head>
8-
9-
<body>
10-
<p>
11-
{% blocktrans with site_name=site.name %}
12-
You (or someone pretending to be you) have asked to register an account at
13-
{{ site_name }}. If this wasn't you, please ignore this email
14-
and your address will be removed from our records.
15-
{% endblocktrans %}
16-
</p>
17-
<p>
18-
{% blocktrans %}
19-
To activate this account, please click the following link within the next
20-
{{ expiration_days }} days:
21-
{% endblocktrans %}
22-
</p>
23-
24-
<p>
25-
<a href="http://{{site.domain}}{% url 'registration_activate' activation_key %}">
26-
{{site.domain}}{% url 'registration_activate' activation_key %}
27-
</a>
28-
</p>
29-
<p>
30-
{% blocktrans with site_name=site.name %}
31-
Sincerely,
32-
{{ site_name }} Management
33-
{% endblocktrans %}
34-
</p>
35-
</body>
2+
<html>
3+
<head>
4+
<meta name="viewport" content="width=device-width">
5+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6+
<title> algoBook - {% trans "registration" %}</title>
7+
<style type="text/css">
8+
/* -------------------------------------
9+
INLINED WITH https://putsmail.com/inliner
10+
------------------------------------- */
11+
/* -------------------------------------
12+
RESPONSIVE AND MOBILE FRIENDLY STYLES
13+
------------------------------------- */
14+
@media only screen and (max-width: 620px) {
15+
table[class=body] h1 {
16+
font-size: 28px !important;
17+
margin-bottom: 10px !important; }
18+
table[class=body] p,
19+
table[class=body] ul,
20+
table[class=body] ol,
21+
table[class=body] td,
22+
table[class=body] span,
23+
table[class=body] a {
24+
font-size: 16px !important; }
25+
table[class=body] .wrapper,
26+
table[class=body] .article {
27+
padding: 10px !important; }
28+
table[class=body] .content {
29+
padding: 0 !important; }
30+
table[class=body] .container {
31+
padding: 0 !important;
32+
width: 100% !important; }
33+
table[class=body] .main {
34+
border-left-width: 0 !important;
35+
border-radius: 0 !important;
36+
border-right-width: 0 !important; }
37+
table[class=body] .btn table {
38+
width: 100% !important; }
39+
table[class=body] .btn a {
40+
width: 100% !important; }
41+
table[class=body] .img-responsive {
42+
height: auto !important;
43+
max-width: 100% !important;
44+
width: auto !important; }}
45+
/* -------------------------------------
46+
PRESERVE THESE STYLES IN THE HEAD
47+
------------------------------------- */
48+
@media all {
49+
.ExternalClass {
50+
width: 100%; }
51+
.ExternalClass,
52+
.ExternalClass p,
53+
.ExternalClass span,
54+
.ExternalClass font,
55+
.ExternalClass td,
56+
.ExternalClass div {
57+
line-height: 100%; }
58+
.apple-link a {
59+
color: inherit !important;
60+
font-family: inherit !important;
61+
font-size: inherit !important;
62+
font-weight: inherit !important;
63+
line-height: inherit !important;
64+
text-decoration: none !important; }
65+
.btn-primary table td:hover {
66+
background-color: #34495e !important; }
67+
.btn-primary a:hover {
68+
background-color: #34495e !important;
69+
border-color: #34495e !important; } }
70+
</style>
71+
</head>
72+
<body class="" style="background-color:#f6f6f6;font-family:sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4;margin:0;padding:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;">
73+
<table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;background-color:#f6f6f6;width:100%;">
74+
<tr>
75+
<td style="font-family:sans-serif;font-size:14px;vertical-align:top;">&nbsp;</td>
76+
<td class="container" style="font-family:sans-serif;font-size:14px;vertical-align:top;display:block;max-width:580px;padding:10px;width:580px;Margin:0 auto !important;">
77+
<div class="content" style="box-sizing:border-box;display:block;Margin:0 auto;max-width:580px;padding:10px;">
78+
<!-- START CENTERED WHITE CONTAINER -->
79+
<span class="preheader" style="color:transparent;display:none;height:0;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;visibility:hidden;width:0;">This is preheader text. Some clients will show this text as a preview.</span>
80+
<table class="main" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;background:#fff;border-radius:3px;width:100%;">
81+
<!-- START MAIN CONTENT AREA -->
82+
<tr>
83+
<td class="wrapper" style="font-family:sans-serif;font-size:14px;vertical-align:top;box-sizing:border-box;padding:20px;">
84+
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;">
85+
<tr>
86+
<td style="font-family:sans-serif;font-size:14px;vertical-align:top;">
87+
<p style="font-family:sans-serif;font-size:14px;font-weight:normal;margin:0;Margin-bottom:15px;">Hi there,</p>
88+
<p style="font-family:sans-serif;font-size:14px;font-weight:normal;margin:0;Margin-bottom:15px;">Thanks for registering at algoBook. To activate this account, please click the following link within the next {{ expiration_days }} days:</p>
89+
<table border="0" cellpadding="0" cellspacing="0" class="btn btn-primary" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;box-sizing:border-box;width:100%;">
90+
<tbody>
91+
<tr>
92+
<td align="left" style="font-family:sans-serif;font-size:14px;vertical-align:top;padding-bottom:15px;">
93+
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;width:auto;">
94+
<tbody>
95+
<tr>
96+
<td style="font-family:sans-serif;font-size:14px;vertical-align:top;background-color:#ffffff;border-radius:5px;text-align:center;background-color:#3498db;"> <a href="http://{{site.domain}}{% url 'registration_activate' activation_key %}" target="_blank" style="text-decoration:underline;background-color:#ffffff;border:solid 1px #3498db;border-radius:5px;box-sizing:border-box;color:#3498db;cursor:pointer;display:inline-block;font-size:14px;font-weight:bold;margin:0;padding:12px 25px;text-decoration:none;text-transform:capitalize;background-color:#3498db;border-color:#3498db;color:#ffffff;">Activate Now</a> </td>
97+
</tr>
98+
</tbody>
99+
</table>
100+
</td>
101+
</tr>
102+
</tbody>
103+
</table>
104+
<p style="font-family:sans-serif;font-size:14px;font-weight:normal;margin:0;Margin-bottom:15px;">If this wasn't you, please ignore this email and your address will be removed from our records.</p>
105+
</td>
106+
</tr>
107+
</table>
108+
</td>
109+
</tr>
110+
<!-- END MAIN CONTENT AREA -->
111+
</table>
112+
<!-- START FOOTER -->
113+
<div class="footer" style="clear:both;padding-top:10px;text-align:center;width:100%;">
114+
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;">
115+
<tr>
116+
<td class="content-block" style="font-family:sans-serif;font-size:14px;vertical-align:top;color:#999999;font-size:12px;text-align:center;">
117+
<span class="apple-link" style="color:#999999;font-size:12px;text-align:center;">Team algoBook</span>
36118

119+
</td>
120+
</tr>
121+
</table>
122+
</div>
123+
<!-- END FOOTER -->
124+
<!-- END CENTERED WHITE CONTAINER -->
125+
</div>
126+
</td>
127+
<td style="font-family:sans-serif;font-size:14px;vertical-align:top;">&nbsp;</td>
128+
</tr>
129+
</table>
130+
</body>
37131
</html>

0 commit comments

Comments
 (0)