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