Merge branch 'develop' of https://git.pleroma.social/pleroma/pleroma into develop
[akkoma] / 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.png"
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 %>;">Hey <%= @user.nickname %>, here is what you've missed!</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;"><%= length(@followers) %> New 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;">You have received this email because you have signed up to receive digest emails from <b><%= @instance %></b> Pleroma 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;">The email address you are subscribed as is <a href="mailto:<%= @user.email %>" style="color: <%= @styling.link_color %>;text-decoration: none;"><%= @user.email %></a>. </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;">To unsubscribe, please go <%= link "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>