First
[anni] / lib / pleroma / web / templates / email / digest.html.eex
1 <!DOCTYPE html
2         PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office"
5         xmlns:v="urn:schemas-microsoft-com:vml">
6
7 <head>
8         <!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
9         <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
10         <meta content="width=device-width" name="viewport" />
11         <!--[if !mso]><!-->
12         <meta content="IE=edge" http-equiv="X-UA-Compatible" />
13         <!--<![endif]-->
14         <title><%= @email.subject %><</title>
15         <!--[if !mso]><!-->
16         <!--<![endif]-->
17         <style type="text/css">
18                 body {
19                         margin: 0;
20                         padding: 0;
21                 }
22
23                 a {
24
25                         color: <%= @styling.link_color %>;
26                         text-decoration: none;
27                 }
28
29                 table,
30                 td,
31                 tr {
32                         vertical-align: top;
33                         border-collapse: collapse;
34                 }
35
36                 * {
37                         line-height: inherit;
38                 }
39
40                 a[x-apple-data-detectors=true] {
41                         color: inherit !important;
42                         text-decoration: none !important;
43                 }
44         </style>
45         <style id="media-query" type="text/css">
46                 @media (max-width: 610px) {
47
48                         .block-grid,
49                         .col {
50                                 min-width: 320px !important;
51                                 max-width: 100% !important;
52                                 display: block !important;
53                         }
54
55                         .block-grid {
56                                 width: 100% !important;
57                         }
58
59                         .col {
60                                 width: 100% !important;
61                         }
62
63                         .col>div {
64                                 margin: 0 auto;
65                         }
66
67                         .no-stack .col {
68                                 min-width: 0 !important;
69                                 display: table-cell !important;
70                         }
71
72                         .no-stack.two-up .col {
73                                 width: 50% !important;
74                         }
75
76                         .no-stack .col.num4 {
77                                 width: 33% !important;
78                         }
79
80                         .no-stack .col.num8 {
81                                 width: 66% !important;
82                         }
83
84                         .no-stack .col.num4 {
85                                 width: 33% !important;
86                         }
87
88                         .no-stack .col.num3 {
89                                 width: 25% !important;
90                         }
91
92                         .no-stack .col.num6 {
93                                 width: 50% !important;
94                         }
95
96                         .no-stack .col.num9 {
97                                 width: 75% !important;
98                         }
99
100                 }
101         </style>
102 </head>
103
104 <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: <%= @styling.background_color %>;">
105         <!--[if IE]><div class="ie-browser"><![endif]-->
106         <table bgcolor="<%= @styling.background_color %>" cellpadding="0" cellspacing="0" class="nl-container" role="presentation"
107                 style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: <%= @styling.background_color %>; width: 100%;"
108                 valign="top" width="100%">
109                 <tbody>
110                         <tr style="vertical-align: top;" valign="top">
111                                 <td style="word-break: break-word; vertical-align: top;" valign="top">
112                                         <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:<%= @styling.background_color %>"><![endif]-->
113                                         <div style="background-color:transparent;">
114                                                 <div class="block-grid"
115                                                         style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
116                                                         <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
117                                                                 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
118                                                                 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
119                                                                 <div class="col num12"
120                                                                         style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
121                                                                         <div style="width:100% !important;">
122                                                                                 <!--[if (!mso)&(!IE)]><!-->
123                                                                                 <div
124                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
125                                                                                         <!--<![endif]-->
126                                                                                         <div align="center" class="img-container center"
127                                                                                                 style="padding-right: 0px;padding-left: 0px;">
128                                                                                                 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="center"><![endif]--><img
129                                                                                                         align="center" alt="Image" border="0" class="center" src="cid:logo.svg"
130                                                                                                         style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: 80px; width: auto; max-height: 80px; display: block;"
131                                                                                                         title="Image" height="80" />
132                                                                                                 <!--[if mso]></td></tr></table><![endif]-->
133                                                                                         </div>
134                                                                                         <!--[if (!mso)&(!IE)]><!-->
135                                                                                 </div>
136                                                                                 <!--<![endif]-->
137                                                                         </div>
138                                                                 </div>
139                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
140                                                                 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
141                                                         </div>
142                                                 </div>
143                                         </div>
144                                         <div style="background-color:transparent;">
145                                                 <div class="block-grid"
146                                                         style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
147                                                         <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
148                                                                 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
149                                                                 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
150                                                                 <div class="col num12"
151                                                                         style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
152                                                                         <div style="width:100% !important;">
153                                                                                 <!--[if (!mso)&(!IE)]><!-->
154                                                                                 <div
155                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
156                                                                                         <!--<![endif]-->
157                                                                                         <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
158                                                                                         <div
159                                                                                                 style="line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
160                                                                                                 <div
161                                                                                                         style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height: 14px; color: <%= @styling.header_color %>;">
162                                                                                                         <p style="line-height: 36px; text-align: center; margin: 0;"><span
163                                                                                                                         style="font-size: 30px; color: <%= @styling.header_color %>;"><%= Gettext.dpgettext("static_pages", "digest email header line", "Hey %{nickname}, here is what you've missed!", nickname: @user.nickname) %></span></p>
164                                                                                                 </div>
165                                                                                         </div>
166                                                                                         <!--[if mso]></td></tr></table><![endif]-->
167                                                                                         <!--[if (!mso)&(!IE)]><!-->
168                                                                                 </div>
169                                                                                 <!--<![endif]-->
170                                                                         </div>
171                                                                 </div>
172                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
173                                                                 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
174                                                         </div>
175                                                 </div>
176                                         </div>
177                                         <div style="background-color:transparent;">
178                                                 <div class="block-grid"
179                                                         style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
180                                                         <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
181                                                                 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
182                                                                 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 15px; padding-left: 15px; padding-top:5px; padding-bottom:5px;"><![endif]-->
183                                                                 <div class="col num12"
184                                                                         style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
185                                                                         <div style="width:100% !important;">
186                                                                                 <!--[if (!mso)&(!IE)]><!-->
187                                                                                 <div
188                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 15px; padding-left: 15px;">
189                                                                                         <!--<![endif]-->
190                                                                                         <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
191                                                                                                 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
192                                                                                                 valign="top" width="100%">
193                                                                                                 <tbody>
194                                                                                                         <tr style="vertical-align: top;" valign="top">
195                                                                                                                 <td class="divider_inner"
196                                                                                                                         style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;"
197                                                                                                                         valign="top">
198                                                                                                                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
199                                                                                                                                 height="0" role="presentation"
200                                                                                                                                 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-top: 1px solid <%= @styling.text_color %>; height: 0px;"
201                                                                                                                                 valign="top" width="100%">
202                                                                                                                                 <tbody>
203                                                                                                                                         <tr style="vertical-align: top;" valign="top">
204                                                                                                                                                 <td height="0"
205                                                                                                                                                         style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
206                                                                                                                                                         valign="top"><span></span></td>
207                                                                                                                                         </tr>
208                                                                                                                                 </tbody>
209                                                                                                                         </table>
210                                                                                                                 </td>
211                                                                                                         </tr>
212                                                                                                 </tbody>
213                                                                                         </table>
214                                                                                         <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
215                                                                                         <div
216                                                                                                 style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
217                                                                                                 <p
218                                                                                                         style="font-size: 12px; line-height: 24px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
219                                                                                                         <span style="font-size: 20px;">Mentions</span></p>
220                                                                                         </div>
221                                                                                         <!--[if mso]></td></tr></table><![endif]-->
222                                                                                         <!--[if (!mso)&(!IE)]><!-->
223                                                                                 </div>
224                                                                                 <!--<![endif]-->
225                                                                         </div>
226                                                                 </div>
227                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
228                                                                 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
229                                                         </div>
230                                                 </div>
231                                         </div>
232
233           <%= for %{data: mention, object: object, from: from} <- @mentions do %>
234                                         <%# mention START %>
235                                         <%# user card START %>
236                                         <div style="background-color:transparent;">
237                                                 <div class="block-grid mixed-two-up no-stack"
238                                                         style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
239                                                         <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
240                                                                 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
241                                                                 <!--[if (mso)|(IE)]><td align="center" width="147" style="background-color:<%= @styling.content_background_color%>;width:76px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 20px; padding-top:5px; padding-bottom:5px;"><![endif]-->
242                                                                 <div class="col num3"
243                                                                         style="display: table-cell; vertical-align: top; max-width: 320px; min-width: 76px; width: 76px;">
244                                                                         <div style="width:100% !important;">
245                                                                                 <!--[if (!mso)&(!IE)]><!-->
246                                                                                 <div
247                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 20px;">
248                                                                                         <!--<![endif]-->
249                                                                                         <div align="left" class="img-container left "
250                                                                                                 style="padding-right: 0px;padding-left: 0px;">
251                                                                                                 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="left"><![endif]--><img
252                                                                                                         alt="<%= from.name %>" border="0" class="left " src="<%= avatar_url(from) %>"
253                                                                                                         style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 76px; display: block;"
254                                                                                                         title="<%= from.name %>" width="76" />
255                                                                                                 <!--[if mso]></td></tr></table><![endif]-->
256                                                                                         </div>
257                                                                                         <!--[if (!mso)&(!IE)]><!-->
258                                                                                 </div>
259                                                                                 <!--<![endif]-->
260                                                                         </div>
261                                                                 </div>
262
263                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
264                                                                 <!--[if (mso)|(IE)]></td><td align="center" width="442" style="background-color:<%= @styling.content_background_color%>;width:442px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
265                                                                 <div class="col num9"
266                                                                         style="display: table-cell; vertical-align: top; min-width: 320px; max-width: 441px; width: 442px;">
267                                                                         <div style="width:100% !important;">
268                                                                                 <!--[if (!mso)&(!IE)]><!-->
269                                                                                 <div
270                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
271                                                                                         <!--<![endif]-->
272                                                                                         <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
273                                                                                         <div
274                                                                                                 style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
275                                                                                                 <div
276                                                                                                         style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
277                                                                                                         <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
278                                                                                                                         style="font-size: 16px; color: <%= @styling.text_color %>;"><%= from.name %></span></p>
279                                                                                                         <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
280                                                                                                                         style="font-size: 16px;"><%= link "@" <> from.nickname, style: "color: #{@styling.link_color};text-decoration: none;", to: mention.activity.actor %></span></p>
281                                                                                                 </div>
282                                                                                         </div>
283                                                                                         <!--[if mso]></td></tr></table><![endif]-->
284                                                                                         <!--[if (!mso)&(!IE)]><!-->
285                                                                                 </div>
286                                                                                 <!--<![endif]-->
287                                                                         </div>
288                                                                 </div>
289                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
290                                                                 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
291                                                         </div>
292                                                 </div>
293                                         </div>
294                                         <%# user card END %>
295
296                                         <div style="background-color:transparent;">
297                                                 <div class="block-grid"
298                                                         style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
299                                                         <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
300                                                                 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
301                                                                 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 15px; padding-left: 15px; padding-top:5px; padding-bottom:5px;"><![endif]-->
302                                                                 <div class="col num12"
303                                                                         style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
304                                                                         <div style="width:100% !important;">
305                                                                                 <!--[if (!mso)&(!IE)]><!-->
306                                                                                 <div
307                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 15px; padding-left: 15px;">
308                                                                                         <!--<![endif]-->
309                                                                                         <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
310                                                                                         <div
311                                                                                                 style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
312                                                                                                 <div
313                                                                                                         style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
314                                                                                                         <span style="font-size: 16px; line-height: 19px;"><%= raw object.data["content"] %></span></div>
315                                                                                         </div>
316                                                                                         <!--[if mso]></td></tr></table><![endif]-->
317                                                                                         <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
318                                                                                         <div
319                                                                                                 style="color:<%= @styling.text_muted_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:15px;">
320                                                                                                 <div
321                                                                                                         style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_muted_color %>;">
322                                                                                                         <p style="font-size: 14px; line-height: 16px; margin: 0;"><%= format_date object.data["published"] %></p>
323                                                                                                 </div>
324                                                                                         </div>
325                                                                                         <!--[if mso]></td></tr></table><![endif]-->
326                                                                                         <!--[if (!mso)&(!IE)]><!-->
327                                                                                 </div>
328                                                                                 <!--<![endif]-->
329                                                                         </div>
330                                                                 </div>
331                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
332                                                                 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
333                                                         </div>
334                                                 </div>
335                                         </div>
336                                         <%# mention END %>
337           <% end %>
338
339           <%= if @followers != [] do %>
340
341           <%# new followers header START %>
342                                         <div style="background-color:transparent;">
343                                                 <div class="block-grid"
344                                                         style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
345                                                         <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
346                                                                 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
347                                                                 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 15px; padding-left: 15px; padding-top:5px; padding-bottom:5px;"><![endif]-->
348                                                                 <div class="col num12"
349                                                                         style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
350                                                                         <div style="width:100% !important;">
351                                                                                 <!--[if (!mso)&(!IE)]><!-->
352                                                                                 <div
353                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 15px; padding-left: 15px;">
354                                                                                         <!--<![endif]-->
355                                                                                         <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
356                                                                                                 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
357                                                                                                 valign="top" width="100%">
358                                                                                                 <tbody>
359                                                                                                         <tr style="vertical-align: top;" valign="top">
360                                                                                                                 <td class="divider_inner"
361                                                                                                                         style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;"
362                                                                                                                         valign="top">
363                                                                                                                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
364                                                                                                                                 height="0" role="presentation"
365                                                                                                                                 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-top: 1px solid <%= @styling.text_color %>; height: 0px;"
366                                                                                                                                 valign="top" width="100%">
367                                                                                                                                 <tbody>
368                                                                                                                                         <tr style="vertical-align: top;" valign="top">
369                                                                                                                                                 <td height="0"
370                                                                                                                                                         style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
371                                                                                                                                                         valign="top"><span></span></td>
372                                                                                                                                         </tr>
373                                                                                                                                 </tbody>
374                                                                                                                         </table>
375                                                                                                                 </td>
376                                                                                                         </tr>
377                                                                                                 </tbody>
378                                                                                         </table>
379                                                                                         <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
380                                                                                         <div
381                                                                                                 style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
382                                                                                                 <div
383                                                                                                         style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
384                                                                                                         <p style="font-size: 12px; line-height: 24px; text-align: center; margin: 0;"><span
385                                                                                                                         style="font-size: 20px;"><%= Gettext.dpngettext("static_pages", "new followers count header", "%{count} New Follower", "%{count} New Followers", length(@followers), count: length(@followers)) %></span><span
386                                                                                                                         style="font-size: 20px; line-height: 24px;"></span></p>
387                                                                                                 </div>
388                                                                                         </div>
389                                                                                         <!--[if mso]></td></tr></table><![endif]-->
390                                                                                         <!--[if (!mso)&(!IE)]><!-->
391                                                                                 </div>
392                                                                                 <!--<![endif]-->
393                                                                         </div>
394                                                                 </div>
395                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
396                                                                 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
397                                                         </div>
398                                                 </div>
399                                         </div>
400           <%# new followers header END %>
401
402         <%= for %{data: follow, from: from} <- @followers do %>
403                                         <%# user card START %>
404                                         <div style="background-color:transparent;">
405                                                 <div class="block-grid mixed-two-up no-stack"
406                                                         style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
407                                                         <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
408                                                                 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
409                                                                 <!--[if (mso)|(IE)]><td align="center" width="147" style="background-color:<%= @styling.content_background_color%>;width:76px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 20px; padding-top:5px; padding-bottom:5px;"><![endif]-->
410                                                                 <div class="col num3"
411                                                                         style="display: table-cell; vertical-align: top; max-width: 320px; min-width: 76px; width: 76px;">
412                                                                         <div style="width:100% !important;">
413                                                                                 <!--[if (!mso)&(!IE)]><!-->
414                                                                                 <div
415                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 20px;">
416                                                                                         <!--<![endif]-->
417                                                                                         <div align="left" class="img-container left "
418                                                                                                 style="padding-right: 0px;padding-left: 0px;">
419                                                                                                 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="left"><![endif]--><img
420                                                                                                         alt="<%= from.name %>" border="0" class="left " src="<%= avatar_url(from) %>"
421                                                                                                         style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 76px; display: block;"
422                                                                                                         title="<%= from.name %>" width="76" />
423                                                                                                 <!--[if mso]></td></tr></table><![endif]-->
424                                                                                         </div>
425                                                                                         <!--[if (!mso)&(!IE)]><!-->
426                                                                                 </div>
427                                                                                 <!--<![endif]-->
428                                                                         </div>
429                                                                 </div>
430
431                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
432                                                                 <!--[if (mso)|(IE)]></td><td align="center" width="442" style="background-color:<%= @styling.content_background_color%>;width:442px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
433                                                                 <div class="col num9"
434                                                                         style="display: table-cell; vertical-align: top; min-width: 320px; max-width: 441px; width: 442px;">
435                                                                         <div style="width:100% !important;">
436                                                                                 <!--[if (!mso)&(!IE)]><!-->
437                                                                                 <div
438                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
439                                                                                         <!--<![endif]-->
440                                                                                         <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
441                                                                                         <div
442                                                                                                 style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
443                                                                                                 <div
444                                                                                                         style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
445                                                                                                         <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
446                                                                                                                         style="font-size: 16px; color: <%= @styling.text_color %>;"><%= from.name %></span></p>
447                                                                                                         <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
448                                                                                                                         style="font-size: 16px;"><%= link "@" <> from.nickname, style: "color: #{@styling.link_color};text-decoration: none;", to: follow.activity.actor %></span></p>
449                                                                                                 </div>
450                                                                                         </div>
451                                                                                         <!--[if mso]></td></tr></table><![endif]-->
452                                                                                         <!--[if (!mso)&(!IE)]><!-->
453                                                                                 </div>
454                                                                                 <!--<![endif]-->
455                                                                         </div>
456                                                                 </div>
457                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
458                                                                 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
459                                                         </div>
460                                                 </div>
461                                         </div>
462                                         <%# user card END %>
463         <% end %>
464
465
466           <% end %>
467
468           <%# divider start %>
469                                         <div style="background-color:transparent;">
470                                                 <div class="block-grid"
471                                                         style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
472                                                         <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
473                                                                 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
474                                                                 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
475                                                                 <div class="col num12"
476                                                                         style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
477                                                                         <div style="width:100% !important;">
478                                                                                 <!--[if (!mso)&(!IE)]><!-->
479                                                                                 <div
480                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
481                                                                                         <!--<![endif]-->
482                                                                                         <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
483                                                                                                 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
484                                                                                                 valign="top" width="100%">
485                                                                                                 <tbody>
486                                                                                                         <tr style="vertical-align: top;" valign="top">
487                                                                                                                 <td class="divider_inner"
488                                                                                                                         style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;"
489                                                                                                                         valign="top">
490                                                                                                                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
491                                                                                                                                 height="0" role="presentation"
492                                                                                                                                 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-top: 1px solid <%= @styling.text_color %>; height: 0px;"
493                                                                                                                                 valign="top" width="100%">
494                                                                                                                                 <tbody>
495                                                                                                                                         <tr style="vertical-align: top;" valign="top">
496                                                                                                                                                 <td height="0"
497                                                                                                                                                         style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
498                                                                                                                                                         valign="top"><span></span></td>
499                                                                                                                                         </tr>
500                                                                                                                                 </tbody>
501                                                                                                                         </table>
502                                                                                                                 </td>
503                                                                                                         </tr>
504                                                                                                 </tbody>
505                                                                                         </table>
506                                                                                         <!--[if (!mso)&(!IE)]><!-->
507                                                                                 </div>
508                                                                                 <!--<![endif]-->
509                                                                         </div>
510                                                                 </div>
511                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
512                                                                 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
513                                                         </div>
514                                                 </div>
515                                         </div>
516
517           <%# divider end %>
518
519
520                                         <div style="background-color:transparent;">
521                                                 <div class="block-grid"
522                                                         style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
523                                                         <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
524                                                                 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
525                                                                 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
526                                                                 <div class="col num12"
527                                                                         style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
528                                                                         <div style="width:100% !important;">
529                                                                                 <!--[if (!mso)&(!IE)]><!-->
530                                                                                 <div
531                                                                                         style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
532                                                                                         <!--<![endif]-->
533                                                                                         <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
534                                                                                         <div
535                                                                                                 style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
536                                                                                                 <p
537                                                                                                         style="font-size: 12px; line-height: 16px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
538                                                                                                         <span style="font-size: 14px;"><%= raw Gettext.dpgettext("static_pages", "digest email sending reason", "You have received this email because you have signed up to receive digest emails from <b>%{instance}</b> Pleroma instance.", instance: safe_to_string(html_escape(@instance))) %></span></p>
539                                                                                                 <p
540                                                                                                         style="font-size: 12px; line-height: 14px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
541                                                                                                          </p>
542                                                                                                 <p
543                                                                                                         style="font-size: 12px; line-height: 16px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
544                                                                                                         <span style="font-size: 14px;"><%= raw Gettext.dpgettext("static_pages", "digest email receiver address", "The email address you are subscribed as is <a href='mailto:%{@user.email}' style='color: %{color};text-decoration: none;'>%{email}</a>. ", color: safe_to_string(html_escape(@styling.link_color)), email: safe_to_string(html_escape(@user.email))) %></span></p>
545                                                                                                 <p
546                                                                                                         style="font-size: 12px; line-height: 16px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
547                                                                                                         <span style="font-size: 14px;"><%= raw Gettext.dpgettext("static_pages", "digest email unsubscribe action", "To unsubscribe, please go %{here}.", here: safe_to_string link(Gettext.dpgettext("static_pages", "digest email unsubscribe action link text", "here"), style: "color: #{@styling.link_color};text-decoration: none;", to: @unsubscribe_link)) %></span></p>
548                                                                                         </div>
549                                                                                         <!--[if mso]></td></tr></table><![endif]-->
550                                                                                         <!--[if (!mso)&(!IE)]><!-->
551                                                                                 </div>
552                                                                                 <!--<![endif]-->
553                                                                         </div>
554                                                                 </div>
555                                                                 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
556                                                                 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
557                                                         </div>
558                                                 </div>
559                                         </div>
560                                         <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
561                                 </td>
562                         </tr>
563                 </tbody>
564         </table>
565         <!--[if (IE)]></div><![endif]-->
566 </body>
567
568 </html>